/* Estilos de la página "About Us". Mobile-first, breakpoints en 767px y 900px. */
/* Reutiliza las variables de color/tipografía y clases (section-head, eyebrow, accent, hero-stats, cta-banner, page-hero) definidas en style.css. */

/* ===== About / Responsible Gaming / Mission / Vision ===== */
.about-cards {
  padding:40px 0 90px;
}
.about-cards-grid {
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:20px;
}
.about-card {
  background:var(--bg-1);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:32px 28px;
}
.about-card-icon {
  display:flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:56px;
  margin-bottom:18px;
  flex-shrink:0;
}
.about-card-icon img {
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.about-card h3 {
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--white);
  margin-bottom:12px;
}
.about-card p {
  color:var(--ink-60);
  font-size:14.5px;
  line-height:1.75;
}
.about-card-link {
  display:inline-flex;
  align-items:center;
  gap:6px;
  margin-top:18px;
  color:var(--orange);
  font-size:13px;
  font-weight:700;
}
.about-card-link svg {
  width:16px;
  height:16px;
}

/* ===== Our Values ===== */
.values-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.value-card {
  text-align:center;
}
.value-card img {
  width:100%;
  aspect-ratio:450/606;
  object-fit:cover;
  border-radius:var(--radius);
  border:1px solid var(--line);
  margin-bottom:16px;
}
.value-card span {
  font-size:13px;
  letter-spacing:.14em;
  text-transform:uppercase;
  font-weight:800;
}

/* ===== Top Studio in Key Markets ===== */
.about-stats {
  padding:40px 0 90px;
}
.about-stats-intro {
  max-width:640px;
  color:var(--ink-60);
  font-size:16px;
  line-height:1.7;
  margin-top:18px;
}
.about-stats-outro {
  max-width:640px;
  color:var(--ink-60);
  font-size:16px;
  line-height:1.7;
  margin-top:36px;
}
.about-flag-stat {
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:var(--navy);
}
.about-flag-stat::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(#050510, rgb(0 26 112 / 90%)), var(--flag);
  background-size: cover;
  background-position: center;
  z-index: -1;
}

/* ===== Distribution & Partnerships ===== */
.partner-info {
  padding:40px 0 90px;
}
.partner-info-grid {
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}
.partner-info-card {
  background:var(--bg-1);
  border:1px solid var(--line);
  border-radius:var(--radius);
  padding:36px 28px;
  text-align:center;
}
.partner-info-card img {
  max-height:56px;
  width:auto;
  max-width:85%;
  object-fit:contain;
  margin:0 auto 22px;
}
.partner-info-card h3 {
  font-size:13px;
  letter-spacing:.12em;
  text-transform:uppercase;
  font-weight:800;
  color:var(--orange);
  margin-bottom:12px;
}
.partner-info-card p {
  color:var(--ink-60);
  font-size:14.5px;
  line-height:1.7;
}

@media (max-width:900px) {
  .values-grid,
  .partner-info-grid {
    grid-template-columns:repeat(3,1fr);
    gap:14px;
  }
}

@media (max-width:767px) {
  .about-cards {
    padding:20px 0 60px;
  }
  .about-cards-grid {
    grid-template-columns:1fr;
  }
  .values-grid {
    grid-template-columns:1fr;
    gap:16px;
  }
  .about-stats,
  .partner-info {
    padding:20px 0 60px;
  }
  .partner-info-grid {
    grid-template-columns:1fr;
  }
}