.about-page {
  overflow: hidden;
  color: #10233d;
  background: #f6f2e9;
}

.about-hero {
  position: relative;
  isolation: isolate;
  min-height: min(390px, calc(100svh - var(--header-height)));
  display: grid;
  place-items: center;
  padding: clamp(38px, 4vw, 58px) 24px;
  overflow: hidden;
  color: #fff;
  text-align: center;
  background:
    radial-gradient(circle at 50% 25%, rgba(74, 143, 208, .25), transparent 32%),
    radial-gradient(circle at 20% 80%, rgba(231, 198, 109, .13), transparent 27%),
    linear-gradient(145deg, #020914 0%, #06254a 52%, #020b18 100%);
}
.about-hero::before,
.about-hero::after {
  content: "";
  position: absolute;
  z-index: -1;
  border: 1px solid rgba(231, 198, 109, .22);
  border-radius: 50%;
}
.about-hero::before { width: 720px; height: 720px; top: -430px; left: 50%; transform: translateX(-50%); }
.about-hero::after { width: 440px; height: 440px; right: -190px; bottom: -240px; }
.about-hero__inner { width: min(100%, 1050px); }
.about-eyebrow {
  margin: 0 0 14px;
  color: var(--gold-light);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .2em;
  text-transform: uppercase;
}
.about-hero h1 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(4.4rem, 10vw, 8.5rem);
  font-weight: 400;
  line-height: .92;
  letter-spacing: -.045em;
}
.about-hero__lead {
  max-width: 780px;
  margin: 22px auto 0;
  color: rgba(255,255,255,.88);
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(1.45rem, 2.5vw, 2rem);
  line-height: 1.45;
}
.about-hero__line { width: 90px; height: 1px; margin: 24px auto 0; background: var(--gold); }

.about-founders {
  width: min(calc(100% - 48px), 1240px);
  margin: 0 auto;
  padding: clamp(76px, 9vw, 130px) 0;
}

/* Contraste del rótulo QUIÉNES SOMOS sobre fondo claro */
.about-founders .about-eyebrow {
  color: #8b6418;
  font-size: 16px;
  font-weight: 900;
  letter-spacing: .22em;
}

.about-section-heading { max-width: 920px; margin: 0 auto 58px; text-align: center; }
.about-section-heading h2 {
  margin: 0;
  color: #07172b;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2.7rem, 5.4vw, 5rem);
  font-weight: 400;
  line-height: 1.04;
  letter-spacing: -.035em;
}
.about-section-heading__story {
  max-width: 880px;
  margin: 28px auto 0;
}
.about-section-heading__story p {
  margin: 0 0 14px;
  font-size: 18px;
  line-height: 1.68;
}
.about-section-heading__story p:last-child {
  margin-bottom: 0;
}
.founders-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: clamp(24px, 4vw, 54px); }
.founder-card {
  position: relative;
  overflow: hidden;
  min-height: 690px;
  border: 1px solid rgba(231, 198, 109, .62);
  border-radius: 28px;
  background: #03142d;
  box-shadow: 0 26px 65px rgba(3, 20, 45, .18);
}
.founder-card::after {
  content: "";
  position: absolute;
  inset: 18px;
  border: 1px solid rgba(246, 229, 173, .4);
  border-radius: 18px;
  pointer-events: none;
}
.founder-card img { width: 100%; height: 100%; min-height: 690px; object-fit: cover; object-position: center top; transition: transform .7s ease; }
.founder-card:hover img { transform: scale(1.025); }
.founder-card__caption {
  position: absolute;
  z-index: 2;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 88px 38px 34px;
  color: #fff;
  background: linear-gradient(180deg, transparent, rgba(1, 7, 17, .95) 68%);
}
.founder-card__caption h3 {
  margin: 0;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 3.2rem);
  font-weight: 400;
  line-height: 1.05;
}
.founder-card__roles {
  max-width: 560px;
  margin: 12px 0 0;
  color: rgba(238, 244, 251, .76);
  font-size: 13px;
  font-weight: 500;
  line-height: 1.65;
  letter-spacing: .025em;
}

.about-story { color: #eef4fb; background: #03142d; }
.about-story__inner { width: min(calc(100% - 48px), 1240px); margin: 0 auto; padding: clamp(78px, 9vw, 130px) 0; }
.about-story__intro { display: grid; grid-template-columns: .85fr 1.15fr; gap: clamp(45px, 8vw, 110px); align-items: start; }
.about-story h2 { margin: 0; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2.8rem, 5.5vw, 5rem); font-weight: 400; line-height: 1.04; }
.about-story__copy { font-size: 19px; line-height: 1.8; }
.about-story__copy p { margin: 0 0 24px; }
.about-patent {
  margin-top: clamp(55px, 7vw, 92px);
  padding: clamp(34px, 5vw, 58px);
  border: 1px solid rgba(231, 198, 109, .45);
  border-radius: 28px;
  background: linear-gradient(145deg, rgba(9, 44, 81, .9), rgba(2, 13, 29, .94));
  box-shadow: 0 28px 70px rgba(0, 0, 0, .2);
}

.about-patent__header {
  display: grid;
  grid-template-columns: .9fr 1.1fr;
  gap: clamp(32px, 6vw, 78px);
  align-items: center;
}

.about-patent h3 {
  margin: 0;
  color: #fff;
  font-family: Georgia, "Times New Roman", serif;
  font-size: clamp(2rem, 4vw, 3.35rem);
  font-weight: 400;
  line-height: 1.08;
}

.about-patent__number {
  margin: 14px 0 0;
  color: var(--gold-light);
  font-size: 15px;
  font-weight: 800;
  letter-spacing: .16em;
}

.about-patent__header > p {
  margin: 0;
  color: rgba(238, 244, 251, .9);
  font-size: 18px;
  line-height: 1.75;
}

.about-patent__countries {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 8px 18px;
  margin: 34px 0 0;
  padding: 22px 0;
  border-top: 1px solid rgba(231, 198, 109, .25);
  border-bottom: 1px solid rgba(231, 198, 109, .25);
}

.about-patent__countries span {
  color: #f6e5ad;
  font-size: 13px;
  font-weight: 700;
  letter-spacing: .06em;
}

.about-patent__domains {
  display: grid;
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 14px;
  margin-top: 28px;
}

.about-patent__domains article {
  padding: 24px;
  border-radius: 18px;
  background: rgba(255, 255, 255, .055);
}

.about-patent h4 {
  margin: 0 0 10px;
  color: var(--gold-light);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 1.25rem;
  font-weight: 400;
}

.about-patent__domains p {
  margin: 0;
  color: rgba(238, 244, 251, .82);
  font-size: 15px;
  line-height: 1.65;
}

.about-patent__architecture {
  margin-top: 30px;
  padding-top: 28px;
  border-top: 1px solid rgba(231, 198, 109, .25);
}

.about-patent__architecture > h4 {
  margin-bottom: 18px;
}

.about-patent__architecture dl {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 12px 28px;
  margin: 0;
}

.about-patent__architecture dl div {
  padding: 14px 0;
  border-bottom: 1px solid rgba(255, 255, 255, .08);
}

.about-patent__architecture dt {
  color: #f6e5ad;
  font-size: 13px;
  font-weight: 800;
  letter-spacing: .035em;
}

.about-patent__architecture dd {
  margin: 7px 0 0;
  color: rgba(238, 244, 251, .76);
  font-size: 14px;
  line-height: 1.55;
}

.about-patent__closing {
  max-width: 920px;
  margin: 26px auto 0;
  color: rgba(238, 244, 251, .88);
  font-family: Georgia, "Times New Roman", serif;
  font-size: 18px;
  line-height: 1.65;
  text-align: center;
}

.about-story__manifesto { margin-top: clamp(55px, 7vw, 92px); padding-top: clamp(48px, 6vw, 75px); border-top: 1px solid rgba(231,198,109,.32); display: grid; grid-template-columns: repeat(2, minmax(0,1fr)); gap: clamp(30px, 6vw, 80px); }
.about-story__manifesto article { position: relative; padding-left: 28px; }
.about-story__manifesto article::before { content: ""; position: absolute; top: 8px; bottom: 8px; left: 0; width: 1px; background: var(--gold); }
.about-story__manifesto p { margin: 0; font-size: 19px; line-height: 1.8; }
.about-closing { padding: clamp(72px, 8vw, 115px) 24px; color: #07172b; text-align: center; background: #f6f2e9; }
.about-closing p { max-width: 950px; margin: 0 auto; font-family: Georgia, "Times New Roman", serif; font-size: clamp(2rem, 4.2vw, 3.8rem); line-height: 1.22; }
.about-closing span { display: block; margin-top: 24px; color: #8b6418; font-size: 14px; font-weight: 800; letter-spacing: .2em; text-transform: uppercase; }

@media (max-width: 900px) {
  .about-hero { min-height: 360px; }
  .founder-card, .founder-card img { min-height: 570px; }
  .about-story__intro { grid-template-columns: 1fr; gap: 34px; }
  .about-patent__header { grid-template-columns: 1fr; }
  .about-patent__domains { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .about-patent__domains article:last-child { grid-column: 1 / -1; }
}
@media (max-width: 680px) {
  .about-hero { min-height: 330px; padding: 34px 20px; }
  .about-hero h1 { font-size: clamp(4rem, 21vw, 6rem); }
  .about-founders, .about-story__inner { width: min(calc(100% - 32px), 1240px); }
  .founders-grid, .about-story__manifesto { grid-template-columns: 1fr; }
  .founder-card, .founder-card img { min-height: 620px; }
  .founder-card__caption { padding-right: 28px; padding-left: 28px; }
  .founder-card__roles { font-size: 12px; line-height: 1.6; }
  .about-patent { padding: 28px 20px; border-radius: 22px; }
  .about-patent__domains,
  .about-patent__architecture dl { grid-template-columns: 1fr; }
  .about-patent__domains article:last-child { grid-column: auto; }
  .about-patent__countries { justify-content: flex-start; gap: 9px 16px; }
  .about-section-heading__story p, .about-story__copy, .about-story__manifesto p { font-size: 17px; }
}
@media (prefers-reduced-motion: reduce) { .founder-card img { transition: none; } }