main section[id]{scroll-margin-top:70px}
/* Portada de Simbelo: «Dos trazos que se encuentran». */

/* ── héroe: escena fijada; el scroll junta las dos figuras del logo ── */
.escena{position:relative;height:100dvh;min-height:560px;overflow:hidden;background:var(--bg)}
.escena canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity 1.6s var(--ease)}
.escena canvas.listo{opacity:1}
.escena__rejilla{position:relative;z-index:2;height:100%;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;gap:clamp(16px,4vw,64px);padding-top:68px}
.escena__texto{position:relative;max-width:640px}
.escena h1{font-size:clamp(2.75rem,1.4rem + 4.4vw,5.1rem);font-weight:700;letter-spacing:-.04em;line-height:.98}
.escena h1 em{font-style:normal;color:var(--agua-txt)}
.escena__sub{margin:22px 0 32px;font-size:clamp(1.08rem,1rem + .5vw,1.35rem);color:var(--tinta-2);max-width:34ch;line-height:1.5}
.escena__botones{display:flex;flex-wrap:wrap;gap:12px}
.escena__logo{position:relative;justify-self:center;width:min(36vw,500px);aspect-ratio:1}
.escena__logo::before{content:"";position:absolute;inset:6%;border-radius:50%;
  background:radial-gradient(closest-side,color-mix(in oklab,var(--sup) 92%,transparent),transparent);opacity:.9}
.logo-anim{position:relative;width:100%;height:100%;overflow:visible}
.logo-anim__luz{opacity:0}
.escena__frases{position:absolute;left:0;right:0;bottom:clamp(28px,7vh,72px);z-index:3;pointer-events:none}
.escena__frases p{position:absolute;left:var(--gutter);right:var(--gutter);max-width:calc(var(--max) - 2 * var(--gutter));margin-inline:auto;
  font:650 clamp(1.5rem,1rem + 2.4vw,2.6rem)/1.1 var(--display);letter-spacing:-.03em;opacity:0;color:var(--tinta)}
.escena__frases p b{color:var(--agua-txt);font-weight:inherit}
@media (max-width:860px){
  .escena__rejilla{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:4px;padding-top:76px;padding-bottom:24px}
  .escena__logo{order:-1;width:min(52vw,230px)}
  .escena__texto{text-align:left}
  .escena h1{font-size:clamp(2.5rem,1.6rem + 6vw,3.6rem)}
  .escena__sub{margin:16px 0 24px}
}

/* ── para quién ── */
.quien{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,6vw,96px);align-items:end}
.quien__foto{border-radius:var(--r-tarjeta);overflow:hidden;aspect-ratio:3/4;box-shadow:var(--sombra)}
.quien__foto img{width:100%;height:100%;object-fit:cover}
.quien__texto p{font-size:clamp(1.08rem,1rem + .35vw,1.25rem);color:var(--tinta-2);max-width:52ch}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin:28px 0}
.chips span{padding:9px 16px;border-radius:999px;background:var(--sup);border:1px solid var(--linea);font-weight:550}
.nota-dura{display:flex;gap:12px;align-items:flex-start;font-weight:600;color:var(--tinta)!important}
.nota-dura svg{width:22px;height:22px;flex:none;color:var(--agua-txt);margin-top:3px}
@media (max-width:860px){.quien{grid-template-columns:1fr}.quien__foto{aspect-ratio:4/5;max-height:70vh}}

/* ── cómo funciona: paneo horizontal en escritorio, lista en móvil ── */
.pasos{background:var(--noche);color:#EAF0F7;overflow:hidden}
.pasos__cabeza{padding-top:clamp(72px,9vw,130px)}
.pasos__cabeza .entradilla{color:#B9C6D8}
.pasos__pista{display:flex;gap:clamp(16px,2vw,28px);padding:56px var(--gutter) clamp(72px,9vw,130px);padding-left:max(var(--gutter),calc((100vw - var(--max)) / 2 + var(--gutter)));width:max-content;margin:0;list-style:none}
.paso{width:min(78vw,400px);flex:none;background:#122A52;border:1px solid rgba(234,240,247,.1);border-radius:var(--r-tarjeta);padding:30px 28px 32px;
  display:flex;flex-direction:column;min-height:360px}
.paso:nth-child(3n+2){background:#0F4D5A}
.paso__n{font:700 4.6rem/.8 var(--display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(234,240,247,.35);margin-bottom:auto}
.paso h3{font-size:1.65rem;margin:40px 0 12px}
.paso p{color:#C3CEDD;margin:0}
.paso--fin{background:var(--acento)!important;color:#1A1405;border:0}
.paso--fin .paso__n{-webkit-text-stroke-color:rgba(26,20,5,.45)}
.paso--fin p{color:#3A2E0E}
@media (max-width:900px){
  .pasos__pista{width:auto;flex-direction:column;padding-top:40px}
  .paso{width:100%;min-height:0}
  .paso h3{margin-top:22px}
}

/* ── con hijos: foto a sangre con el texto encima ── */
.hijos{position:relative;min-height:min(100dvh,880px);display:grid;align-items:end;color:#F4F7F6;overflow:hidden}
.hijos picture,.hijos img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hijos::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,23,48,0) 30%,rgba(10,23,48,.82) 100%)}
.hijos__texto{position:relative;z-index:2;padding-bottom:clamp(48px,8vw,110px)}
.hijos__texto p{max-width:50ch;font-size:clamp(1.08rem,1rem + .4vw,1.3rem);color:#E3EAF3}
.hijos h2{margin-bottom:18px}

/* ── proindiviso: rejilla irregular con foto ── */
.mitad{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;margin-top:48px}
.mitad__c{border-radius:var(--r-tarjeta);padding:28px;background:var(--sup);border:1px solid var(--linea)}
.mitad__c h3{font-size:1.4rem;margin-bottom:10px}
.mitad__c p{color:var(--tinta-2);margin:0}
.mitad__c:nth-child(1){grid-column:span 3}
.mitad__c:nth-child(2){grid-column:span 3;background:var(--marino);color:#F4F7F6;border:0}
.mitad__c:nth-child(2) p{color:#CFDAEA}
.mitad__foto{grid-column:span 4;border-radius:var(--r-tarjeta);overflow:hidden;min-height:280px}
.mitad__foto img{width:100%;height:100%;object-fit:cover}
.mitad__c:nth-child(4){grid-column:span 2;background:color-mix(in oklab,var(--agua) 16%,var(--sup))}
.mitad__c:nth-child(5){grid-column:span 6;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:24px;align-items:center}
@media (max-width:900px){
  .mitad{grid-template-columns:1fr}
  .mitad__c,.mitad__foto{grid-column:auto!important}
  .mitad__c:nth-child(5){grid-template-columns:1fr}
  .mitad__foto{min-height:220px;aspect-ratio:16/9}
}

/* ── zonas ── */
.zonas{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:48px}
.zona{text-decoration:none;position:relative;border-radius:var(--r-tarjeta);overflow:hidden;min-height:clamp(340px,52vw,560px);display:flex;align-items:flex-end;color:#fff}
.zona img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--ease)}
.zona:hover img{transform:scale(1.04)}
.zona::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,23,48,.78))}
.zona div{position:relative;z-index:2;padding:28px}
.zona h3{font-size:clamp(1.6rem,1rem + 2vw,2.4rem)}
.zona p{margin:6px 0 0;color:#E6EDF6}
.zonas__nota{margin-top:20px;color:var(--tinta-2)}
@media (max-width:760px){.zonas{grid-template-columns:1fr}}

/* ── quién hay detrás ── */
.detras{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.detras__foto{border-radius:var(--r-tarjeta);overflow:hidden;aspect-ratio:3/2;box-shadow:var(--sombra)}
.detras__foto img{width:100%;height:100%;object-fit:cover}
.socios{display:grid;gap:22px;margin-top:28px}
.socio{display:grid;grid-template-columns:44px 1fr;gap:14px;align-items:start}
.socio svg{width:28px;height:28px;color:var(--agua-txt);margin-top:4px}
.socio h3{font:650 1.15rem/1.3 var(--texto);letter-spacing:0;margin-bottom:4px}
.socio p{margin:0;color:var(--tinta-2)}
@media (max-width:900px){.detras{grid-template-columns:1fr}}

/* ── preguntas ── */
.preguntas{max-width:860px}
.preguntas details{border-bottom:1px solid var(--linea)}
.preguntas summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;font:620 clamp(1.1rem,1rem + .4vw,1.3rem)/1.35 var(--display);letter-spacing:-.01em}
.preguntas summary::-webkit-details-marker{display:none}
.preguntas summary::after{content:"";position:absolute;right:8px;top:50%;width:14px;height:14px;margin-top:-9px;border-right:2px solid var(--agua-txt);border-bottom:2px solid var(--agua-txt);transform:rotate(45deg);transition:transform .35s var(--ease)}
.preguntas details[open] summary::after{transform:rotate(225deg);margin-top:-2px}
.preguntas details p{color:var(--tinta-2);max-width:66ch;padding-bottom:12px}

/* ── cierre ── */
.cierre{background:var(--marino);color:#F4F7F6;border-radius:clamp(20px,3vw,36px);padding:clamp(28px,6vw,80px);position:relative;overflow:hidden;
  display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,4vw,56px);align-items:center}
.cierre .puerta{scroll-margin-top:90px}
.cierre p{color:#CFDAEA;font-size:1.15rem;max-width:44ch}
.cierre__botones{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.cierre img{width:min(100%,300px);justify-self:center;opacity:.95}
.cierre a:not(.boton){color:#fff}
@media (max-width:860px){.cierre{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){
  .escena canvas{display:none}
  .escena__frases{display:none}
}