/*
  EDICIÓN MANUAL — PÁGINAS INTERIORES
  Base visual de Simuladores y Nosotros: Hero desktop/móvil, fondos, contenido, CTA y superficies.
  Las capas v23-v29.css pueden sobrescribir estas reglas; busque el mismo selector antes de editar.
*/
/* Shared authored surfaces for the Simulators and About pages. */
.subpage{background:var(--bg);color:var(--text)}
.subpage-main{overflow:hidden}
.subpage-hero{position:relative;isolation:isolate;display:grid;min-height:76svh;align-items:end;padding:10rem 0 6rem;background:#06101e;color:#f5f7fb}
.subpage-hero:before{position:absolute;z-index:-2;inset:0;background:url("assets/reference-v5/background-10.webp") center/cover;content:""}
.subpage-hero:after{position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(2,8,16,.9),rgba(2,8,16,.38));content:""}
.subpage-hero__layout{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(18rem,.88fr);align-items:end;gap:4rem}
.subpage-hero h1{max-width:13ch;font:400 clamp(4rem,7.8vw,8rem)/.82 var(--display-font);letter-spacing:-.035em;text-transform:uppercase}
.subpage-hero h1 span{display:block}.subpage-hero p{max-width:52ch;color:#ccd8e9;font-size:clamp(1rem,1.25vw,1.18rem);line-height:1.65}
html[data-theme="light"] .subpage-hero{color:#101827}html[data-theme="light"] .subpage-hero:before{background-image:url("assets/reference-v5/background-10-light.webp")}html[data-theme="light"] .subpage-hero:after{background:linear-gradient(90deg,rgba(246,248,250,.84),rgba(246,248,250,.35))}html[data-theme="light"] .subpage-hero p{color:#263243}

.catalogue{position:relative;padding:clamp(6rem,9vw,10rem) 0;background:#080d16;color:#f5f7fb}
.catalogue:before{position:absolute;inset:0;background:linear-gradient(rgba(3,10,19,.86),rgba(3,10,19,.92)),url("assets/reference-v4/background-07.webp") center/cover;content:""}
.catalogue-grid{position:relative;display:grid;grid-template-columns:1.18fr .82fr;gap:1.3rem}
.sim-card{position:relative;min-height:24rem;padding:1.5rem;border:1px solid rgba(13,121,242,.52);background:rgba(3,10,19,.9);overflow:hidden}
.sim-card--active{grid-row:span 2;min-height:49.3rem;display:grid;align-content:end}
.sim-card__media{position:absolute;inset:0}.sim-card__media img{width:100%;height:100%;object-fit:cover;opacity:.54}.sim-card__media:after{position:absolute;inset:0;background:linear-gradient(transparent 20%,rgba(3,10,19,.95) 82%);content:""}
.sim-card__placeholder{position:absolute;inset:0;display:grid;place-items:center;background:linear-gradient(135deg,#07101d,#0b182a);color:#4e6480;font-size:.68rem;letter-spacing:.15em}
.sim-card__content{position:relative;z-index:1}.sim-card__state{display:inline-block;margin-bottom:1rem;color:var(--blue-bright);font-size:.7rem;font-weight:600;letter-spacing:.13em}.sim-card h2{max-width:14ch;font:400 clamp(2rem,3.2vw,3.8rem)/.92 var(--display-font);text-transform:uppercase}.sim-card p{max-width:46ch;margin-top:1rem;color:#c3d0e2;line-height:1.6}.sim-card .button{margin-top:1.6rem}
html[data-theme="light"] .catalogue{background:#edf0f4;color:#101827}html[data-theme="light"] .catalogue:before{filter:brightness(1.7);opacity:.25}html[data-theme="light"] .sim-card{background:rgba(255,255,255,.9);color:#101827}html[data-theme="light"] .sim-card p{color:#34435a}

.about-story{position:relative;padding:clamp(7rem,10vw,11rem) 0;background:#07101d;color:#f5f7fb}
.about-story:before{position:absolute;inset:0;background:linear-gradient(rgba(2,8,16,.88),rgba(2,8,16,.93)),url("assets/reference-v4/background-09.webp") center/cover;content:""}
.about-story__grid{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:clamp(3rem,7vw,9rem)}
.about-story h2,.values h2,.team h2{font:400 clamp(3rem,5.2vw,6rem)/.86 var(--display-font);letter-spacing:-.03em;text-transform:uppercase}.about-story h2 span,.values h2 span,.team h2 span{display:block}
.about-story__copy{display:grid;gap:2rem;align-content:end}.about-story__copy p{max-width:68ch;color:#c5d1e2;font-size:clamp(1rem,1.15vw,1.14rem);line-height:1.75}
.values{padding:clamp(6rem,8vw,9rem) 0;background:#edf0f4;color:#101827}.values-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;margin-top:3rem;background:rgba(13,121,242,.4);border:1px solid rgba(13,121,242,.4)}.value-panel{min-height:18rem;padding:2rem;background:#f8fafc}.value-panel h3{font:400 clamp(2rem,3vw,3.1rem)/1 var(--display-font);text-transform:uppercase}.value-panel p{max-width:50ch;margin-top:1rem;color:#34435a;line-height:1.65}
html[data-theme="dark"] .values{background:#0a111d;color:#f5f7fb}html[data-theme="dark"] .value-panel{background:#07101e}html[data-theme="dark"] .value-panel p{color:#c5d1e2}
.team{position:relative;padding:clamp(7rem,10vw,11rem) 0;background:#08111f;color:#f5f7fb}.team:before{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,16,.95),rgba(6,18,38,.72)),url("assets/reference-v4/background-05.jpg") center/cover;content:""}.team__layout{position:relative;display:grid;grid-template-columns:.72fr 1.28fr;gap:4rem}.team-profile{display:grid;grid-template-columns:minmax(15rem,.8fr) 1.2fr;gap:2rem;padding:1px;background:linear-gradient(135deg,var(--blue-bright),transparent 65%)}.team-profile__photo{display:grid;min-height:27rem;place-items:center;background:#050b14;color:#69809e;font-size:.72rem;letter-spacing:.14em}.team-profile__copy{padding:2rem;background:rgba(4,12,24,.94)}.team-profile__copy h3{font:400 clamp(2.6rem,4vw,4.4rem)/.9 var(--display-font);text-transform:uppercase}.team-profile__copy strong{display:block;margin-top:.6rem;color:var(--blue-bright);font-weight:600}.team-profile__copy p{margin-top:1.5rem;color:#c5d1e2;line-height:1.7}
.page-cta{padding:4rem 0;background:var(--blue);color:#06111f}.page-cta__inner{display:flex;align-items:center;justify-content:space-between;gap:2rem}.page-cta h2{font:400 clamp(2.2rem,4vw,4.2rem)/.92 var(--display-font);text-transform:uppercase}.page-cta .button{border-color:#06111f;color:#06111f}

@media(max-width:64rem){.subpage-hero__layout,.catalogue-grid,.about-story__grid,.team__layout{grid-template-columns:1fr}.sim-card--active{grid-row:auto;min-height:37rem}.team-profile{grid-template-columns:1fr 1fr}}
@media(max-width:42rem){.subpage-hero{min-height:72svh;padding-top:8rem}.subpage-hero h1{font-size:clamp(3rem,15vw,4.8rem)}.catalogue-grid,.values-grid,.team-profile{grid-template-columns:1fr}.sim-card,.sim-card--active{min-height:28rem}.page-cta__inner{align-items:flex-start;flex-direction:column}.team-profile__photo{min-height:20rem}}