/* paradas.css · constructor 5 · v8 · #cifras #honesto #planes #voz #cierre #pie · .voz · .estacion .chica. Solo selectores de mis
   ids (más .voz y .chica). Los componentes compartidos (.kicker .lead .boton .globo .personaje .escena [data-entra]) son de base.css. */
#cifras{content-visibility:auto;contain-intrinsic-size:auto 900px}
#cifras .cabeza{display:grid;gap:0 48px;align-items:end}
@media(min-width:861px){#cifras .cabeza{grid-template-columns:minmax(0,6fr) minmax(0,6fr)}}
#cifras .cabeza .lead{margin-bottom:0}
#cifras .vivo{display:inline-flex;align-items:center;gap:8px;margin:0 0 14px 18px;font:500 12px/1 var(--f-titulo);
  letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);vertical-align:baseline}
#cifras .latido{width:7px;height:7px;border-radius:50%;background:var(--accion);animation:cifras-late 2400ms ease-in-out infinite}
@keyframes cifras-late{0%,100%{opacity:.35;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}
#cifras.dormida .latido{animation-play-state:paused}   /* fuera de pantalla no late (main.js pone .dormida) */
#cifras .tablero{list-style:none;margin:44px 0 0;padding:0;display:grid;gap:1px;background:var(--marco);
  border-top:1px solid var(--marco);border-bottom:1px solid var(--marco)}
@media(min-width:641px){#cifras .tablero{grid-template-columns:repeat(2,1fr)}}
@media(min-width:981px){#cifras .tablero{grid-template-columns:repeat(3,1fr)}}
#cifras .ficha{margin:0;padding:26px 24px 30px 0;background:var(--fondo)}
@media(min-width:641px){#cifras .ficha:nth-child(2n){padding-left:28px}}
@media(min-width:981px){#cifras .ficha:nth-child(2n){padding-left:0}#cifras .ficha:nth-child(3n+2),#cifras .ficha:nth-child(3n){padding-left:28px}}
#cifras .num{margin:0 0 10px;font:600 clamp(48px,6.4vw,88px)/1 var(--f-titulo);letter-spacing:-.03em;
  font-variant-numeric:tabular-nums;transition:color .25s var(--cromo)}
#cifras .num.sube{color:var(--aurora)}
#cifras .lab{margin:0;font-size:15px;color:var(--tinta-2);max-width:30ch;text-wrap:pretty}
#cifras .como{margin:28px 0 0;max-width:66ch}
#cifras .como b{font-weight:500;color:var(--tinta)}
@supports (animation-timeline:view()){
  #cifras .ficha{animation:cifras-entra linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
  @keyframes cifras-entra{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
}
#honesto .fallas{list-style:none;margin:0;padding:0;display:grid;gap:26px 56px}
@media(min-width:821px){#honesto .fallas{grid-template-columns:repeat(2,1fr)}}
#honesto .falla{margin:0;padding:2px 0 2px 20px;border-left:1px solid var(--marco)}
#honesto .falla q{display:block;quotes:'\201C' '\201D';margin:0 0 8px;font-size:17px;line-height:1.45;text-wrap:pretty}
#honesto .falla p{margin:0;font-size:15px;line-height:1.5;color:var(--tinta-2);max-width:42ch;text-wrap:pretty}
#honesto .falla b{font-weight:500;color:var(--tinta)}
#honesto .falla cite{display:block;margin-top:10px;font:500 11px/1 var(--f-titulo);font-style:normal;
  letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
#honesto .como{margin:32px 0 0;max-width:52ch}
#honesto .dos{display:flex;flex-direction:column;gap:96px;align-items:flex-start;margin-top:104px}
@media(min-width:861px){#honesto .dos{flex-direction:row;align-items:flex-end;gap:40px 240px}}
#honesto .dos .personaje img{display:block;width:130px;height:auto}
#honesto .dos .aurora img{width:120px;opacity:.9;filter:drop-shadow(0 0 24px rgba(127,227,220,.22))}
#planes .mesa{display:grid;gap:48px 64px;align-items:start;margin-top:8px}
@media(min-width:861px){#planes .mesa{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}}
#planes .plan{position:relative;margin:0;padding:32px 28px 28px;background:var(--superficie);border-radius:var(--radio-ventana)}
@media(min-width:861px){#planes .plan{padding:44px 48px 40px}}
#planes .rotulo{display:inline-block;margin:0 0 22px;padding:6px 11px;border:1px solid var(--marco);border-radius:999px;
  font:500 11px/1 var(--f-titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
#planes .plan h3{margin:0 0 16px;font:600 22px/1.2 var(--f-titulo)}
#planes .monto{display:flex;align-items:baseline;gap:10px;margin:0;font:600 clamp(48px,7vw,72px)/1 var(--f-titulo);
  letter-spacing:-.03em;font-variant-numeric:tabular-nums}
#planes .moneda{align-self:start;margin-top:.16em;font-size:.48em;letter-spacing:0;color:var(--tinta-2)}
#planes .por{font:400 17px/1.3 var(--f-cuerpo);letter-spacing:0;color:var(--tinta-2)}
#planes .bus{margin:16px 0 0;font:500 17px/1.4 var(--f-cuerpo)}
/* precio de fundador (22-sep): el normal tachado encima, la invitación debajo */
#planes .fundador-rotulo{border-color:var(--mundo-luz);color:var(--mundo-luz)}
#planes .antes{margin:0 0 6px;font:500 16px/1.3 var(--f-cuerpo);color:var(--tinta-2)}
#planes .antes s{text-decoration-thickness:2px;text-decoration-color:var(--mundo-coral)}
#planes .fundador{margin:14px 0 0;font:500 17px/1.4 var(--f-cuerpo);max-width:40ch;text-wrap:pretty}
#planes .fundador b{color:var(--mundo-luz);font-weight:600}
#planes .prueba{margin:8px 0 0;font-size:15px;line-height:1.5;color:var(--tinta-2);max-width:44ch;text-wrap:pretty}
#planes .prueba b{font-weight:500;color:var(--tinta)}
#planes .trae{list-style:none;margin:28px 0 0;padding:24px 0 0;border-top:1px solid var(--marco);display:grid;gap:10px;font-size:16px}
#planes .trae li{position:relative;padding-left:22px;text-wrap:pretty}
#planes .trae li::before{content:'';position:absolute;left:0;top:.66em;width:10px;height:1px;background:var(--tinta-2)}
#planes .plan .boton{margin-top:32px}
#planes .firma{margin:20px 0 0;font:500 12px/1 var(--f-titulo);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
#planes .nunca{padding-top:6px}
#planes .nunca .kicker{margin-bottom:14px}
#planes .nunca ul{list-style:none;margin:0;padding:0;display:grid;gap:12px;font-size:16px;max-width:40ch}
#planes .nunca li{position:relative;padding-left:18px;text-wrap:pretty}
#planes .nunca li::before{content:'';position:absolute;left:0;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--tinta-2)}
#planes .pregunta{display:none;margin:44px 0 0;padding:2px 0 2px 20px;border-left:1px solid var(--marco)}
@media(min-width:861px){#planes .pregunta{display:block}}
#planes .pregunta blockquote{margin:0;font-size:17px;line-height:1.45}
#planes .pregunta figcaption{margin-top:10px;font:500 11px/1 var(--f-titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
#planes .nunca .personaje{margin-top:96px}
#planes .nunca .personaje img{display:block;width:120px;height:auto;filter:drop-shadow(0 0 24px rgba(127,227,220,.22))}
#voz .cuerpo{display:grid;gap:40px;align-items:end;margin-top:8px}
@media(min-width:861px){#voz .cuerpo{grid-template-columns:minmax(0,1fr) auto}}
#voz .voces{display:grid;gap:10px;grid-template-columns:repeat(2,1fr)}
@media(min-width:721px){#voz .voces{gap:12px}}
@media(min-width:1101px){#voz .voces{grid-template-columns:repeat(3,1fr)}}
.voz{--amp:0;appearance:none;-webkit-appearance:none;display:grid;grid-template-columns:1fr;grid-template-areas:'n' 'd' 'bar';
  align-items:baseline;gap:2px 12px;width:100%;margin:0;padding:14px 18px 12px;border:1px solid var(--marco);border-radius:999px;
  background:var(--superficie);color:var(--tinta);font:inherit;text-align:left;cursor:pointer;
  transition:border-color .2s var(--cromo),box-shadow .2s var(--cromo)}
@media(min-width:721px){.voz{grid-template-columns:auto 1fr;grid-template-areas:'n d' 'bar bar';padding:18px 22px 16px}}
.voz:hover{border-color:rgba(143,163,173,.6)}
.voz:focus-visible{outline:2px solid var(--accion);outline-offset:3px}
.voz .n{grid-area:n;font:500 17px/1.2 var(--f-titulo)}
.voz .d{grid-area:d;font-size:13px;color:var(--tinta-2)}
@media(min-width:721px){.voz .d{font-size:14px}}
.voz .bar{grid-area:bar;height:2px;margin-top:9px;border-radius:2px;background:rgba(143,163,173,.25);overflow:hidden}
.voz .bar>i{display:block;width:0;height:100%;background:var(--accion);transition:width .08s linear}
.voz.playing{border-color:rgba(127,227,220,.45);
  box-shadow:0 0 0 3px rgba(127,227,220,.12),0 0 calc(28px * var(--amp)) rgba(127,227,220,calc(.25 * var(--amp)))}
.voz.playing .n::after{content:'';display:inline-block;width:6px;height:6px;margin-left:10px;border-radius:50%;
  background:var(--aurora);vertical-align:middle}
#voz .personaje img{display:block;width:120px;height:auto;filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
#voz .cuerpo .personaje{display:none}
@media(min-width:861px){#voz .cuerpo .personaje{display:inline-block}#voz .personaje img{width:150px}}
@media(min-width:861px){#voz .cuerpo .personaje{margin:0 0 0 24px}}
#voz .como{margin:32px 0 0}
#cierre{text-align:center;padding-bottom:0}
#cierre .cabeza>*{margin-left:auto;margin-right:auto}
#cierre .orbe{display:block;width:48px;height:48px;filter:drop-shadow(0 0 22px rgba(127,227,220,.5))}
#cierre h2{margin-top:20px}
#cierre .cabeza .lead{margin-bottom:0}
#cierre .escena{margin-top:48px;min-height:min(60svh,600px)}
@media(max-width:760px){#cierre .escena{min-height:52svh}}
#cierre .escena>.texto{text-align:center}
#cierre .escena>.texto>*{margin-left:auto;margin-right:auto}
#cierre .baranda{position:absolute;z-index:2;right:9vw;bottom:0;width:min(27vw,340px);margin:0;
  filter:drop-shadow(0 18px 30px rgba(0,0,0,.45))}
#cierre .baranda img{display:block;width:100%;height:auto;pointer-events:none}
#cierre .aur{position:absolute;z-index:2;left:15%;top:5%;width:min(20vw,240px);aspect-ratio:1;pointer-events:none}
#cierre .aur video,#cierre .aur img{display:block;width:100%;height:100%;object-fit:contain;
  filter:drop-shadow(0 0 28px rgba(127,227,220,.35));animation:cierre-flota 5200ms ease-in-out infinite}
@keyframes cierre-flota{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
#cierre.dormida .aur video,#cierre.dormida .aur img{animation-play-state:paused}   /* fuera de pantalla no flota */
@media(max-width:760px){#cierre .baranda{width:40vw;right:4vw}#cierre .aur{width:34vw}
  #cierre .baranda>.globo{left:auto;right:0;--gx:0}#cierre .baranda>.globo::after{left:auto;right:22px;margin-left:0}
  #cierre .escena>.texto{padding-bottom:calc(40vw + 96px)}}
#cierre .confianza{padding-top:44px;text-align:left}
#cierre .conf{list-style:none;margin:0;padding:0;display:grid;gap:10px 40px;font-size:14px;line-height:1.5;color:var(--tinta-2);max-width:none}
@media(min-width:861px){#cierre .conf{grid-template-columns:repeat(2,1fr)}}
#cierre .conf li{position:relative;padding-left:16px;text-wrap:pretty}
#cierre .conf li::before{content:'';position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:50%;background:var(--tinta-2)}
#cierre .enlaces,#cierre .pasala{font-size:14px;color:var(--tinta-2)}
#cierre .enlaces{margin:28px 0 0}
#cierre .pasala{margin:12px 0 0}
#cierre dialog{width:min(92vw,400px);max-width:none;margin:auto;padding:0;border:0;background:transparent;color:var(--tinta)}
#cierre dialog::backdrop{background:rgba(11,30,43,.86);backdrop-filter:blur(8px)}
#cierre dialog video{display:block;width:100%;aspect-ratio:9/16;border-radius:var(--radio);background:#000}
#cierre dialog .cerrar{display:block;margin:14px auto 0;padding:10px 18px;border:1px solid var(--marco);border-radius:999px;
  background:var(--superficie);color:var(--tinta);font:500 14px/1 var(--f-titulo);cursor:pointer}
#pie{padding:48px var(--canal) 64px;font-size:12px;color:var(--tinta-2);text-align:center}
#pie p{margin:0 auto}
.estacion .chica{margin:16px 0 0;line-height:1.5}
.estacion .chica summary{display:inline-flex;align-items:center;gap:8px;list-style:none;cursor:pointer;
  font:500 12px/1 var(--f-titulo);letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2)}
.estacion .chica summary::-webkit-details-marker{display:none}
.estacion .chica summary::before{content:'';width:6px;height:6px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;
  transform:translateY(-2px) rotate(45deg);transition:transform .2s var(--cromo)}
.estacion .chica[open] summary::before{transform:translateY(1px) rotate(-135deg)}
.estacion .chica ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:8px;max-width:52ch}
.estacion .chica li{position:relative;padding-left:14px;text-wrap:pretty}
.estacion .chica li::before{content:'';position:absolute;left:0;top:.7em;width:6px;height:1px;background:currentColor}
.estacion .chica cite{margin-left:6px;font:500 11px/1 var(--f-titulo);font-style:normal;letter-spacing:.1em;text-transform:uppercase;
  opacity:.8;white-space:nowrap}
.estacion .chica a{color:var(--tinta)}
.estacion .obra{display:inline-block;margin:10px 0 0;padding:6px 11px;border:1px solid var(--marco);border-radius:999px;
  font:500 11px/1 var(--f-titulo);letter-spacing:.12em;text-transform:uppercase;color:var(--tinta-2)}
@media(prefers-reduced-motion:reduce){
  #cifras .latido,#cifras .ficha,#cierre .aur video,#cierre .aur img{animation:none}
  #cifras .ficha{opacity:1;translate:none}
}