/* =====================================================================
   StrategIA Central · Home (ocho bloques)
   Grounds alternados: #FFFFFF · #FAFAFC · #FFFFFF · #0D0D14 · #F2F2F7 · #FFFFFF · #FAFAFC · #FFFFFF
   Todo movimiento vive en transform/opacity; los estados iniciales los fija JS,
   por lo que sin JS o con movimiento reducido todo está visible.
   ===================================================================== */
:root{--fs-display-2:clamp(1.9rem, 1.15rem + 2.35vw, 3.25rem)}

/* Máscara de línea para el titular (overflow hidden + transform, compositor puro) */
.line{display:block;overflow:hidden;padding-bottom:.12em;margin-bottom:-.12em}
.line__in{display:block;will-change:transform}

/* ---------- 1 · El titular ---------- */
.hero{background:var(--sgc-surface);overflow:hidden;
  min-height:100svh;display:flex;align-items:center;
  padding-top:calc(var(--header-h) + clamp(56px,7vw,96px));padding-bottom:clamp(96px,12vh,140px)}
.hero__paper{position:absolute;inset:-80px 0 -80px 0;pointer-events:none;will-change:transform;
  /* Capa de fondo · placeholder CSS de hero-papel.jpg: papel rayado de libro contable, casi imperceptible */
  background:repeating-linear-gradient(180deg,transparent 0 35px,rgba(18,18,26,.02) 35px 36px);
  background-size:100% 36px;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.9) 35%,rgba(0,0,0,.9) 65%,rgba(0,0,0,0) 100%);
          mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.9) 35%,rgba(0,0,0,.9) 65%,rgba(0,0,0,0) 100%)}
/* Capa de video del hero: se monta sobre .hero__paper y hereda su misma máscara de
   entrada/salida. Si no hay JS o el video no arranca (movimiento reducido, conexión
   lenta, archivo ausente), el poster o el patrón de .hero__paper detrás la sostienen. */
.hero__video{position:absolute;inset:-80px 0 -80px 0;width:100%;height:calc(100% + 160px);
  object-fit:cover;pointer-events:none;opacity:.4;background:transparent;
  -webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.9) 35%,rgba(0,0,0,.9) 65%,rgba(0,0,0,0) 100%);
          mask-image:linear-gradient(180deg,rgba(0,0,0,.35) 0%,rgba(0,0,0,.9) 35%,rgba(0,0,0,.9) 65%,rgba(0,0,0,0) 100%)}
.hero .container{position:relative}
.hero__grid{display:grid;grid-template-columns:minmax(0,7.5fr) minmax(0,4.5fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s7);align-items:end}
.hero__title{max-width:15ch}
.hero__kicker{margin-bottom:var(--sgc-s6)}
.hero__leads{display:grid;gap:var(--sgc-s5);max-width:44ch}
.hero__leads p{color:var(--sgc-ink-2)}
.hero__leads p:first-child{font-family:var(--sgc-serif);font-size:var(--fs-lead);line-height:var(--lh-lead);font-variation-settings:"opsz" 20;color:var(--sgc-ink)}
.hero__actions{grid-column:1/-1;margin-top:var(--sgc-s2)}
.cue{position:absolute;left:var(--gutter);bottom:36px;width:1px;height:56px;background:var(--sgc-ink);transform-origin:top;opacity:.55}
.js-anim .cue{animation:cue 2.6s cubic-bezier(.45,0,.2,1) infinite}
@keyframes cue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
@media (max-width:899px){
  .hero{min-height:0;padding-top:calc(var(--header-h) + 64px);padding-bottom:104px}
  .hero__grid{grid-template-columns:1fr;row-gap:var(--sgc-s6)}
  .hero__title{max-width:14ch}
}
@media (max-width:519px){.hero__actions .btn{width:100%}}

/* ---------- 2 · El reconocimiento (fijado en escritorio) ---------- */
.recog{background:var(--sgc-ground);padding-block:0}
.recog__pin{min-height:100vh;display:grid;align-items:center;padding-block:calc(var(--header-h) + var(--sgc-s8)) var(--sgc-s9)}
.recog__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s7);align-items:start}
.recog__head .h2{max-width:20ch;margin-top:var(--sgc-s4)}
.recog__list{border-top:1px solid var(--sgc-rule)}
.recog__item{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:var(--sgc-s4);padding-block:var(--sgc-s5);border-bottom:1px solid var(--sgc-rule);will-change:transform,opacity}
.recog__num{font-family:var(--sgc-mono);font-size:var(--fs-label);color:var(--sgc-muted);padding-top:.45em;font-variant-numeric:tabular-nums}
.recog__item h3{font-family:var(--sgc-serif);font-weight:600;font-size:1.3rem;line-height:1.3;font-variation-settings:"opsz" 20;max-width:30ch}
.recog__item p{margin-top:var(--sgc-s2);color:var(--sgc-ink-2);max-width:56ch}
.recog__close{margin-top:var(--sgc-s6);padding-left:calc(44px + var(--sgc-s4));font-family:var(--sgc-serif);font-size:var(--fs-lead);line-height:var(--lh-lead);font-variation-settings:"opsz" 20;color:var(--sgc-ink);max-width:calc(44px + var(--sgc-s4) + 44ch);will-change:transform,opacity}
@media (max-width:899px){
  .recog__pin{min-height:0;padding-block:var(--section-pad)}
  .recog__grid{grid-template-columns:1fr}
  .recog__item{padding-block:var(--sgc-s5)}
  .recog__close{padding-left:0}
}
@media (max-height:820px) and (min-width:900px){
  .recog__pin{padding-top:calc(var(--header-h) + var(--sgc-s6))}
  .recog__item{padding-block:var(--sgc-s4)}
  .recog__item h3{font-size:1.15rem}
  .recog__item p{font-size:var(--fs-ui);line-height:1.5}
  .recog__close{margin-top:var(--sgc-s5);font-size:1.15rem}
}

/* ---------- 3 · La calculadora ---------- */
.calc{background:var(--sgc-surface)}
.calc__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s7);align-items:center}
.calc__text .h2{max-width:16ch}
.calc__text p{margin-top:var(--sgc-s5);max-width:52ch;color:var(--sgc-ink-2)}
.calc__text .btn{margin-top:var(--sgc-s6)}
.dato{position:relative;background:var(--sgc-ground);border:1px solid var(--sgc-rule);border-radius:var(--sgc-r-lg);padding:clamp(24px,3vw,40px);will-change:transform}
.dato .rule{margin-bottom:var(--sgc-s6)}
.dato__num{font-family:var(--sgc-serif);font-weight:600;font-size:clamp(3rem,2rem + 4.5vw,5.4rem);line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-variation-settings:"opsz" 60;color:var(--sgc-ink);white-space:nowrap}
.dato__example{margin-top:var(--sgc-s6);padding-top:var(--sgc-s4);border-top:1px solid var(--sgc-rule);font-family:var(--sgc-mono);font-size:var(--fs-label);line-height:1.7;letter-spacing:.02em;color:var(--sgc-ink-2);font-variant-numeric:tabular-nums}
@media (max-width:899px){.calc__grid{grid-template-columns:1fr}}

/* ---------- 4 · El reencuadre (acto oscuro) ---------- */
.act{position:relative;z-index:2;color:var(--sgc-ink);background:#0D0D14;--feather:clamp(120px,18vh,220px);
  padding-block:calc(var(--section-pad) + 24px)}
.act__bg{position:absolute;left:0;right:0;top:calc(var(--feather) * -1);bottom:calc(var(--feather) * -1);z-index:-1;pointer-events:none;will-change:transform;
  background:linear-gradient(180deg,
    rgba(13,13,20,0) 0px,rgba(13,13,20,.08) calc(var(--feather) * .32),rgba(13,13,20,.62) calc(var(--feather) * .72),#0D0D14 var(--feather),
    #0D0D14 calc(100% - var(--feather)),
    rgba(13,13,20,.62) calc(100% - var(--feather) * .72),rgba(13,13,20,.08) calc(100% - var(--feather) * .32),rgba(13,13,20,0) 100%)}
.act__grid{display:grid;grid-template-columns:minmax(0,8fr) minmax(0,4fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s6);align-items:end}
.act__title{font-family:var(--sgc-serif);font-weight:600;font-size:var(--fs-display-2);line-height:1.08;letter-spacing:-.012em;font-variation-settings:"opsz" 60;max-width:18ch;text-wrap:balance}
.act__lead{font-family:var(--sgc-serif);font-size:var(--fs-lead);line-height:var(--lh-lead);color:var(--sgc-ink-2);max-width:34ch;font-variation-settings:"opsz" 20}
.act__cols-wrap{position:relative;margin-top:clamp(56px,7vw,96px);border-radius:var(--sgc-r-lg);overflow:hidden;background:rgba(255,255,255,.03)}
.act__cols{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,3.5vw,56px);padding:clamp(28px,4vw,48px)}
.path{will-change:transform,opacity}
.path .rule{margin-bottom:var(--sgc-s5)}
.path h3{font-family:var(--sgc-serif);font-weight:600;font-size:1.45rem;line-height:1.25;font-variation-settings:"opsz" 20}
.path p{margin-top:var(--sgc-s3);color:var(--sgc-ink-2)}
.act__after{margin-top:clamp(56px,7vw,96px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s5);align-items:start}
.act__after p:first-child{color:var(--sgc-ink-2);max-width:58ch}
.act__after p:last-child{font-family:var(--sgc-serif);font-size:var(--fs-lead);line-height:var(--lh-lead);font-variation-settings:"opsz" 20;color:var(--sgc-ink);max-width:28ch}
.act__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.22;pointer-events:none}
@media (max-width:899px){
  .act__grid,.act__after{grid-template-columns:1fr}
  .act__cols{grid-template-columns:1fr;gap:var(--sgc-s6)}
  .path{padding-top:0}
}

/* ---------- 5 · El autodiagnóstico ---------- */
.ima{background:var(--sgc-sunken)}
.ima__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s7);align-items:center}
.ima__text .h2{max-width:16ch}
.ima__text p{margin-top:var(--sgc-s5);max-width:54ch;color:var(--sgc-ink-2)}
.ima__text p+p{margin-top:var(--sgc-s4)}
.ima__text .btn{margin-top:var(--sgc-s6)}
.radar{width:min(100%,520px);margin-inline:auto;will-change:transform}
.radar svg{width:100%;height:auto;overflow:visible}
.radar .ring{fill:none;stroke:var(--sgc-purpura);stroke-width:1.25;stroke-linejoin:round}
.radar .ring--outer{stroke-width:1.75}
.radar .axis{stroke:var(--sgc-rule-strong);stroke-width:1}
.radar .vertex{fill:var(--sgc-naranja)}
.radar .vlabel{font-family:var(--sgc-mono);font-size:13px;fill:var(--sgc-muted);letter-spacing:.04em}
.radar .center{fill:var(--sgc-purpura)}
.js-anim .radar .draw{stroke-dasharray:1;stroke-dashoffset:1}
.js-anim .radar .vertex,.js-anim .radar .vlabel{opacity:0}
.radar__caption{margin-top:var(--sgc-s4);text-align:center}
@media (max-width:899px){.ima__grid{grid-template-columns:1fr}.radar{width:min(100%,400px)}}

/* ---------- 6 · Las cuatro fases (riel horizontal fijado en escritorio) ---------- */
.phases{background:var(--sgc-surface);padding-bottom:0}
.phases__pin{position:relative}
.phases__head{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s5);align-items:end;padding-bottom:clamp(40px,5vw,72px)}
.phases__head .h2{max-width:18ch}
.phases__head .lead{max-width:40ch}
.rail{position:relative}
.rail__track{display:flex;flex-direction:column;gap:var(--sgc-s8);padding-inline:var(--gutter);max-width:var(--container);margin-inline:auto;position:relative}
.rail__vline{position:absolute;left:var(--gutter);top:0;bottom:0;width:1px;background:var(--sgc-rule);pointer-events:none}
.rail__vline i{position:absolute;inset:0;background:var(--sgc-ink);transform:scaleY(0);transform-origin:top;display:block}
.phase{position:relative;padding-left:var(--sgc-s6)}
.phase__big{display:block;height:.78em;margin-bottom:var(--sgc-s4);font-family:var(--sgc-serif);font-weight:600;font-size:clamp(4rem, 3rem + 4vw, 7rem);line-height:.9;letter-spacing:-.04em;color:var(--sgc-rule-strong);pointer-events:none;user-select:none;font-variant-numeric:tabular-nums}
.phase__big::before{content:attr(data-num)}
.phase__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(28px,4vw,72px);row-gap:var(--sgc-s5)}
.phase__num{display:flex;align-items:center;gap:var(--sgc-s3);margin-bottom:var(--sgc-s4)}
.phase__num .rule{width:34px}
.phase h3{font-family:var(--sgc-serif);font-weight:600;font-size:clamp(1.6rem, 1.2rem + 1.3vw, 2.3rem);line-height:1.12;letter-spacing:-.008em;font-variation-settings:"opsz" 40;text-wrap:balance}
.phase__body{margin-top:var(--sgc-s4);color:var(--sgc-ink-2);max-width:54ch}
.phase__cost{margin-top:var(--sgc-s4);font-family:var(--sgc-mono);font-size:var(--fs-label);letter-spacing:.02em;line-height:1.7;color:var(--sgc-ink-2)}
.triple{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--sgc-s4);margin-top:var(--sgc-s4);padding-top:var(--sgc-s4);border-top:1px solid var(--sgc-rule);max-width:54ch}
.triple b{display:block;font-family:var(--sgc-mono);font-size:var(--fs-label);font-weight:500;letter-spacing:.04em;color:var(--sgc-accent-ink);margin-bottom:var(--sgc-s1)}
.triple span{display:block;font-size:var(--fs-ui);line-height:1.5;color:var(--sgc-ink-2)}
@media (max-width:599px){.triple{grid-template-columns:1fr}}
.takeaway{border-top:1px solid var(--sgc-rule);padding-top:var(--sgc-s4)}
.takeaway .label{display:block;margin-bottom:var(--sgc-s2)}
.takeaway p{font-family:var(--sgc-serif);font-size:1.15rem;line-height:1.5;font-variation-settings:"opsz" 20;color:var(--sgc-ink);max-width:36ch}
.phase .acc{margin-top:var(--sgc-s5)}
.weeks{display:grid;gap:var(--sgc-s4)}
.weeks__intro{color:var(--sgc-ink-2);font-size:var(--fs-ui);line-height:1.55;max-width:52ch}
.week{display:grid;grid-template-columns:104px minmax(0,1fr);column-gap:var(--sgc-s3);padding-top:var(--sgc-s3);border-top:1px solid var(--sgc-rule)}
.week .label{padding-top:.3em}
.week p{font-size:var(--fs-ui);line-height:1.55;color:var(--sgc-ink-2)}
.week p+p{margin-top:var(--sgc-s1);color:var(--sgc-ink)}
.rail__progress{display:none}
.phases__close{padding-block:clamp(56px,7vw,96px) var(--section-pad);background:var(--sgc-surface)}
.phases__close p{font-family:var(--sgc-serif);font-size:var(--fs-lead);line-height:var(--lh-lead);font-variation-settings:"opsz" 20;color:var(--sgc-ink);max-width:40ch}
@media (max-width:899px){
  .phases__head{grid-template-columns:1fr}
  .phase__grid{grid-template-columns:1fr}
  .phase{padding-left:var(--sgc-s5)}
}
/* Riel horizontal: sólo con movimiento permitido y en escritorio */
@media (min-width:900px){
  .js-anim .rail{height:100vh;overflow:hidden;display:flex;align-items:flex-start;padding-top:calc(var(--header-h) + var(--sgc-s6));padding-bottom:88px}
  .js-anim .rail__track{flex-direction:row;gap:clamp(56px,8vw,140px);width:max-content;max-width:none;margin:0;padding-inline:var(--gutter);will-change:transform;
    padding-right:max(var(--gutter),calc((100vw - var(--container)) / 2 + var(--gutter)))}
  .js-anim .rail__vline{display:none}
  .js-anim .phase{width:min(88vw,1120px);flex:none;padding-left:0;max-height:calc(100vh - var(--header-h) - 120px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
  .js-anim .rail__progress{display:block;position:absolute;left:max(var(--gutter),calc((100vw - var(--container)) / 2 + var(--gutter)));right:max(var(--gutter),calc((100vw - var(--container)) / 2 + var(--gutter)));bottom:36px;height:1px;background:var(--sgc-rule)}
  .js-anim .rail__progress i{position:absolute;inset:0;display:block;background:var(--sgc-ink);transform:scaleX(0);transform-origin:left}
  .js-anim .rail__progress .label{position:absolute;top:10px;color:var(--sgc-muted)}
  .js-anim .rail__progress .label:last-of-type{right:0}
  .js-anim .weeks{grid-template-columns:repeat(5,minmax(0,1fr));column-gap:var(--sgc-s5);row-gap:var(--sgc-s3)}
  .js-anim .weeks__intro{grid-column:1/-1}
  .js-anim .week{grid-template-columns:1fr;row-gap:6px;padding-top:var(--sgc-s3);align-content:start}
  .js-anim .week p{font-size:.86rem;line-height:1.5}
  .js-anim .phase__grid{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}
  .js-anim .phase__panel{grid-column:1/-1}
  .js-anim .phase .acc{border-bottom:0}
  .js-anim .phase__panel .acc__in{padding-top:var(--sgc-s4);border-top:1px solid var(--sgc-rule)}
  .js-anim .phase__panel .weeks__intro{max-width:70ch}
}

/* ---------- 7 · Quiénes responden ---------- */
.team{background:var(--sgc-ground)}
.team__intro{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s5);align-items:start}
.team__intro .h2{max-width:14ch}
.team__intro p{color:var(--sgc-ink-2);max-width:60ch}
.founder{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s6);margin-top:clamp(56px,7vw,96px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--sgc-rule)}
.founder__photo{position:relative;max-width:420px}
.founder__photo img{width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 22%;border-radius:var(--sgc-r-lg);
  /* Tratamiento fotográfico v0.1 (propuesta, ver NOTAS): blanco y negro pleno, contraste +12 %, sin tintes */
  filter:grayscale(1) contrast(1.12) brightness(1.02)}
.founder__photo .rule{position:absolute;left:0;bottom:-14px}
.founder__text .label{display:block;margin-bottom:var(--sgc-s4)}
.founder__text p{color:var(--sgc-ink-2);max-width:58ch}
.founder__text p+p{margin-top:var(--sgc-s4)}
.unlock{margin-top:var(--sgc-s5);padding-left:var(--sgc-s4);border-left:2px solid var(--sgc-accent);color:var(--sgc-ink);will-change:transform,opacity}
.unlock strong{font-weight:600}
.credencial{margin-top:var(--sgc-s3);font-family:var(--sgc-sans);font-size:var(--fs-ui);color:var(--sgc-muted)}
.credencial strong{font-weight:500;color:var(--sgc-muted)}
.credencial a{color:var(--sgc-muted)}
.partners{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(24px,3vw,44px);margin-top:clamp(56px,7vw,96px);padding-top:clamp(40px,5vw,64px);border-top:1px solid var(--sgc-rule)}
.partner{will-change:transform,opacity}
.partner .slot{max-width:200px}
.partner .label{display:block;margin-top:var(--sgc-s4)}
.partner .unlock{margin-top:var(--sgc-s3);font-size:var(--fs-ui);line-height:1.55}
@media (max-width:899px){
  .team__intro,.founder{grid-template-columns:1fr}
  .partners{grid-template-columns:1fr 1fr}
}
@media (max-width:519px){.partners{grid-template-columns:1fr}}

/* ---------- 8 · El siguiente paso ---------- */
.next{background:var(--sgc-surface);padding-block:calc(var(--section-pad) + 24px)}
.next__head{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s6);align-items:start}
.next__head .h2{font-size:var(--fs-display-2);line-height:1.08;max-width:14ch}
.next__video{justify-self:end;width:min(100%,360px)}
.next__video video{width:100%;aspect-ratio:16/9;border-radius:var(--sgc-r-lg);background:var(--sgc-sunken);display:block}
.next__transcript{margin-top:var(--sgc-s3);border-top:1px solid var(--sgc-rule);padding-top:var(--sgc-s3)}
.next__transcript summary{font-family:var(--sgc-mono);font-size:var(--fs-label);letter-spacing:.03em;text-transform:uppercase;color:var(--sgc-muted);cursor:pointer}
.next__transcript summary:focus-visible{outline:2px solid var(--sgc-accent);outline-offset:3px}
.next__transcript p{margin-top:var(--sgc-s3);font-size:var(--fs-ui);line-height:1.55;color:var(--sgc-ink-2)}
.next__transcript p:first-of-type{margin-top:var(--sgc-s4)}
.next__cols{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(48px,6vw,80px);border-top:1px solid var(--sgc-rule)}
.next__col{padding:var(--sgc-s6) 0}
.next__col+.next__col{border-left:1px solid var(--sgc-rule);padding-left:clamp(28px,4vw,64px)}
.next__col:first-child{padding-right:clamp(28px,4vw,64px)}
.next__col h3{font-family:var(--sgc-serif);font-weight:600;font-size:1.45rem;line-height:1.25;font-variation-settings:"opsz" 20;margin-bottom:var(--sgc-s3)}
.next__col p{color:var(--sgc-ink-2);max-width:40ch}
.disq{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s5);border-top:1px solid var(--sgc-rule);padding-top:var(--sgc-s6)}
.disq h3{font-family:var(--sgc-serif);font-weight:600;font-size:1.45rem;line-height:1.25;font-variation-settings:"opsz" 20;max-width:16ch}
.disq ol{counter-reset:d}
.disq li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:var(--sgc-s4);row-gap:var(--sgc-s1);padding-block:var(--sgc-s4);border-bottom:1px solid var(--sgc-rule);color:var(--sgc-ink-2)}
.disq li>*{grid-column:2}
.disq li b{display:block;font-weight:600;color:var(--sgc-ink);max-width:40ch}
.disq li:first-child{border-top:1px solid var(--sgc-rule)}
.disq li::before{counter-increment:d;content:"0" counter(d);grid-column:1;grid-row:1/span 2;font-family:var(--sgc-mono);font-size:var(--fs-label);color:var(--sgc-muted);padding-top:.5em;font-variant-numeric:tabular-nums}
.disq li p{max-width:56ch}
.next__end{margin-top:clamp(48px,6vw,80px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);column-gap:clamp(32px,5vw,96px);row-gap:var(--sgc-s5);align-items:center}
.next__end p{font-family:var(--sgc-serif);font-size:var(--fs-lead);line-height:var(--lh-lead);font-variation-settings:"opsz" 20;color:var(--sgc-ink);max-width:30ch}
.next__end .btn{justify-self:start}
@media (max-width:899px){
  .next__head,.disq,.next__end{grid-template-columns:1fr}
  .next__video{justify-self:stretch;width:100%}
  .next__cols{grid-template-columns:1fr}
  .next__col+.next__col{border-left:0;border-top:1px solid var(--sgc-rule);padding-left:0}
  .next__col:first-child{padding-right:0}
}
@media (min-width:900px){.next__end .btn{justify-self:end}}

/* Variante compacta del riel para pantallas bajas (laptops 768–820 px de alto) */
@media (min-width:900px) and (max-height:820px){
  .js-anim .phase__big{display:none}
  .js-anim .phase h3{font-size:1.45rem}
  .js-anim .phase__body{font-size:.9rem;line-height:1.5;margin-top:var(--sgc-s3)}
  .js-anim .week p{font-size:.8rem;line-height:1.45}
  .js-anim .weeks__intro{font-size:.86rem}
  .js-anim .phase__cost{margin-top:var(--sgc-s3);line-height:1.5}
  .js-anim .takeaway p{font-size:1rem;line-height:1.45}
  .js-anim .takeaway{padding-top:var(--sgc-s3)}
  .js-anim .phase .acc{margin-top:var(--sgc-s4)}
  .js-anim .phase .acc__btn{padding:var(--sgc-s3) 0}
  .js-anim .phase__panel .acc__in{padding-top:var(--sgc-s3);padding-bottom:var(--sgc-s3)}
  .js-anim .rail{padding-top:calc(var(--header-h) + var(--sgc-s3));padding-bottom:64px}
  .js-anim .rail__progress{bottom:26px}
  .js-anim .phase{max-height:calc(100vh - var(--header-h) - 76px)}
}