/* Guía Val di Fassa · Viajes Scibasku · BORRADOR LOCAL (no publicar)
   Efectos adaptados del muestrario de El Faro (faro/efectos): FD-06, FD-10, FO-10, TX-19,
   TX-15, VJ-11, VJ-01, VJ-06, TA-07, VJ-15, BO-11, BO-12, ME-16. */
:root {
  --navy:#0a1628 !important; --navy2:#0d2847; --oro:#d4af37; --turq:#1fb4d1;
  --txt:#b8c5d6; --osc:#2d3748; --claro:#f8f9fa; --borde:#e2e8f0; --negro:#050b16;
  --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
  --sans:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;
}
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0 !important; background:linear-gradient(135deg,var(--navy),var(--navy2)) fixed !important; color:#fff !important;
  font-family:var(--sans) !important; font-size:18px; line-height:1.6; -webkit-font-smoothing:antialiased; }
img { max-width:100%; display:block; }
a { color:var(--oro) !important; }
.sr { position:absolute !important; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.pendiente { background:rgba(212,175,55,.16) !important; color:#f3dc8a !important; border:1px dashed var(--oro) !important;
  padding:0 .35em; border-radius:4px; font-size:.92em; white-space:normal; }
.envuelve { max-width:1180px; margin:0 auto; padding:0 28px; }
.sobre { color:var(--oro) !important; letter-spacing:.24em; text-transform:uppercase; font-size:13px; font-weight:600; margin:0 0 14px; }
h1,h2,h3 { font-family:var(--serif) !important; font-weight:600; letter-spacing:-.01em; line-height:1.08; margin:0; }
h2 { font-size:clamp(34px,5vw,64px); }
h3 { font-size:clamp(22px,2.4vw,30px); }
.entradilla { color:var(--txt) !important; font-size:clamp(18px,1.6vw,21px); max-width:38em; margin:18px 0 0; }
.credito { position:absolute; left:14px; bottom:10px; max-width:calc(100% - 120px); font-size:11.5px; color:rgba(255,255,255,.72) !important; z-index:5;
  background:rgba(5,11,22,.45); padding:2px 8px; border-radius:4px; }
.fuente { color:#8796ab !important; font-size:13px; margin-top:14px; }
section { position:relative; }

/* Raya de progreso */
#progreso { position:fixed; top:0; left:0; height:3px; width:0; background:var(--oro) !important; z-index:80; }

/* ME-16 índice lateral con punto que avanza */
.indice { position:fixed; right:22px; top:50%; transform:translateY(-50%); z-index:70; list-style:none; margin:0; padding:10px 0; }
.indice::before { content:""; position:absolute; right:5px; top:16px; bottom:16px; width:1px; background:rgba(255,255,255,.22); }
.indice li { position:relative; margin:14px 0; text-align:right; }
.indice a { display:flex; align-items:center; justify-content:flex-end; gap:12px; text-decoration:none; color:#fff !important; font-size:13px; }
.indice a span { opacity:0; transform:translateX(6px); transition:opacity .3s,transform .3s; background:rgba(10,22,40,.82);
  padding:3px 10px; border-radius:4px; white-space:nowrap; }
.indice a i { width:11px; height:11px; border-radius:50%; border:2px solid rgba(255,255,255,.55); background:var(--navy); flex:none; transition:all .3s; }
.indice a:hover span, .indice a:focus-visible span, .indice a.aqui span { opacity:1; transform:none; }
.indice a.aqui i { background:var(--oro) !important; border-color:var(--oro) !important; box-shadow:0 0 0 5px rgba(212,175,55,.22); }

/* 1 · PORTADA con nieve (FD-06) */
.portada { height:240vh; }
.portada .fijo { position:sticky; top:0; height:100vh; height:100svh; display:flex; align-items:flex-end; overflow:hidden; }
.portada .foto { position:absolute; inset:0; background:url(img/vuelo/f000.webp) center/cover no-repeat; }
#vuelo { position:absolute; inset:0; width:100%; height:100%; z-index:1; }
.portada .fijo::after { z-index:1; content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(10,22,40,.25) 0%,rgba(10,22,40,.15) 40%,rgba(10,22,40,.92) 100%); }
#nieve { position:absolute; inset:0; width:100%; height:100%; z-index:2; pointer-events:none; }
.portada .envuelve { position:relative; z-index:3; padding-bottom:12vh; width:100%; }
.portada h1 { font-size:clamp(56px,11vw,150px); line-height:.92; }
.portada h1 em { font-style:normal; color:var(--oro) !important; }
.portada .entradilla { color:#e6edf5 !important; }
.botones { display:flex; flex-wrap:wrap; gap:14px; margin-top:30px; }
.bajar { position:absolute; left:50%; bottom:22px; z-index:3; width:26px; height:42px; margin-left:-13px; border:2px solid rgba(255,255,255,.6); border-radius:14px; }
.bajar::after { content:""; position:absolute; left:50%; top:8px; width:4px; height:8px; margin-left:-2px; border-radius:2px; background:#fff; animation:rueda 1.8s infinite; }
@keyframes rueda { 0%{opacity:0;transform:translateY(0)} 30%{opacity:1} 100%{opacity:0;transform:translateY(14px)} }

/* Botones (BO-11 halo, secundario) */
.boton { position:relative; display:inline-flex; align-items:center; gap:10px; border-radius:999px; text-decoration:none; font-weight:650; font-size:16px; overflow:hidden; }
.halo { padding:2px; background:rgba(255,255,255,.16) !important; color:#fff !important; isolation:isolate; }
.halo::before { content:""; position:absolute; left:50%; top:50%; width:420px; height:420px; margin:-210px 0 0 -210px; z-index:-1;
  background:conic-gradient(from 0deg,transparent 0 66%,var(--turq) 86%,var(--oro) 100%); animation:gira 3s linear infinite; }
.halo > span { display:block; border-radius:999px; background:var(--navy) !important; padding:14px 30px; }
@keyframes gira { to { transform:rotate(1turn); } }
.secundario { padding:14px 28px; border:1px solid rgba(255,255,255,.5) !important; color:#fff !important; background:rgba(10,22,40,.35); }
.secundario:hover { border-color:var(--oro) !important; color:var(--oro) !important; }
.boton:focus-visible { outline:2px solid var(--turq); outline-offset:4px; }

/* 2 · EL CATINACCIO SE ENCIENDE (FO-10 + FD-10 + TX-19), anclado al scroll */
.enciende { height:260vh; }
.enciende .fijo { position:sticky; top:0; height:100vh; height:100svh; overflow:hidden; }
.enciende .foto { position:absolute; inset:0; background:url(img/sassolungo-pista.jpg) center 22%/cover no-repeat;
  filter:grayscale(var(--gris,1)) contrast(var(--con,1.15)) saturate(var(--sat,1)); will-change:filter; }
.enciende .rojo { position:absolute; inset:0; background:linear-gradient(200deg,rgba(255,120,60,.0) 0%,rgba(236,92,58,.55) 45%,rgba(140,30,60,.55) 100%);
  mix-blend-mode:soft-light; opacity:var(--rojo,0); }
.enciende .calido { position:absolute; inset:0; background:linear-gradient(180deg,rgba(255,150,90,.25),rgba(120,20,40,.15)); mix-blend-mode:multiply; opacity:var(--rojo,0); }
.enciende .sombra { position:absolute; inset:0; background:linear-gradient(90deg,rgba(10,22,40,.88) 0%,rgba(10,22,40,.55) 42%,rgba(10,22,40,0) 70%); }
.niebla { position:absolute; inset:0; overflow:hidden; opacity:var(--niebla,.9); pointer-events:none; }
.niebla i { position:absolute; top:0; bottom:0; left:0; width:200%;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='800' height='450'%3E%3Cfilter id='n' x='0' y='0' width='100%25' height='100%25'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.006 .014' numOctaves='4' seed='7' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1  0 0 0 0 1  0 0 0 0 1  2.2 0 0 0 -.85'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url%28%23n%29'/%3E%3C/svg%3E");
  background-size:50% 100%; opacity:.8; animation:niebla 36s linear infinite; }
.niebla i:nth-of-type(2) { opacity:.45; top:-30%; bottom:-30%; animation-duration:22s; animation-direction:reverse; }
@keyframes niebla { to { transform:translateX(-50%); } }
.enciende .texto { position:relative; z-index:3; height:100%; display:flex; flex-direction:column; justify-content:center; }
.relleno { font-family:var(--serif) !important; font-weight:700; font-size:clamp(46px,9.5vw,150px); line-height:.9; letter-spacing:-.02em;
  background:url(img/sassolungo-pista.jpg) center 25%/cover; -webkit-background-clip:text; background-clip:text; color:transparent !important;
  -webkit-text-stroke:1px rgba(255,255,255,.35); filter:grayscale(var(--gris,1)) saturate(calc(1 + var(--rojo,0))) brightness(1.25); }
.enciende .fases { margin-top:22px; max-width:30em; min-height:7.5em; position:relative; }
.enciende .fase { position:absolute; inset:0 auto auto 0; color:#eef3f8 !important; font-size:clamp(18px,1.7vw,22px); opacity:0; transform:translateY(12px); transition:opacity .5s,transform .5s; }
.enciende .fase.ve { opacity:1; transform:none; }
.enciende .fase b { color:var(--oro) !important; font-weight:650; }

/* Cuatro gigantes (lista con borde dorado, sin rejilla de tarjetas iguales) */
.gigantes { padding:110px 0 70px; }
.gigantes .lista { margin-top:46px; display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,1fr); gap:46px; align-items:start; }
.gigantes .foto-alta { position:relative; border-radius:6px; overflow:hidden; aspect-ratio:2/3; max-height:760px; }
.gigantes .foto-alta img { width:100%; height:100%; object-fit:cover; }
.gigante { border-left:4px solid var(--oro) !important; padding:4px 0 4px 22px; margin:0 0 34px; }
.gigante h3 { font-size:clamp(24px,2.6vw,34px); }
.gigante h3 small { display:block; font-family:var(--sans); font-size:13px; letter-spacing:.2em; text-transform:uppercase; color:var(--turq) !important; margin-bottom:6px; font-weight:600; }
.gigante p { color:var(--txt) !important; margin:8px 0 0; }

/* 3 · LA MALETA QUE NO SE MUEVE (TX-15 + VJ-11 + VJ-06), anclada */
.maleta { height:330vh; background:linear-gradient(180deg,var(--navy),var(--navy2)) !important; }
.maleta .fijo { position:sticky; top:0; height:100vh; height:100svh; display:flex; align-items:center; overflow:hidden; }
.maleta .envuelve { width:100%; display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:48px; align-items:center; }
.maleta .cabeza h2 { font-size:clamp(32px,4.4vw,58px); }
.contadores { display:flex; gap:40px; margin-top:34px; align-items:flex-end; flex-wrap:wrap; }
.contador b { display:block; font-family:var(--serif) !important; font-size:clamp(64px,9vw,128px); line-height:.9; font-variant-numeric:tabular-nums; }
.contador small { display:block; margin-top:8px; font-size:13px; letter-spacing:.18em; text-transform:uppercase; color:var(--txt) !important; }
.contador.km b { color:var(--turq) !important; }
.contador.cama b { color:var(--oro) !important; }
.maleta-svg { width:86px; height:auto; margin-bottom:6px; }
.areas { list-style:none; margin:0; padding:0; border-top:1px solid rgba(255,255,255,.14); }
.areas li { display:flex; justify-content:space-between; gap:16px; padding:11px 0; border-bottom:1px solid rgba(255,255,255,.14);
  color:rgba(255,255,255,.35) !important; transition:color .4s; font-size:17px; }
.areas li b { font-variant-numeric:tabular-nums; font-weight:600; }
.areas li.ve { color:#fff !important; }
.areas li.ve b { color:var(--turq) !important; }
.sellos { position:relative; height:150px; margin-top:22px; }
.sello { position:absolute; left:var(--x); top:var(--y); padding:8px 14px; border:3px double currentColor; border-radius:var(--b,6px);
  font-size:clamp(11px,1.15vw,14px); font-weight:800; letter-spacing:.12em; text-transform:uppercase; transform:rotate(var(--g)) scale(2.4); opacity:0;
  transition:transform .45s cubic-bezier(.2,.9,.3,1.25),opacity .3s; white-space:nowrap; background:rgba(10,22,40,.6); }
.sello.ve { opacity:.92; transform:rotate(var(--g)) scale(1); }
.sello small { display:block; font-size:.78em; letter-spacing:.08em; font-weight:700; opacity:.85; }
.maleta .nota { color:#8796ab !important; font-size:13px; margin-top:16px; max-width:40em; }

/* Altímetro (VJ-06) */
.altimetro { display:flex; gap:22px; align-items:flex-end; margin-top:26px; }
.altimetro div { position:relative; width:46px; background:rgba(255,255,255,.08); border-radius:4px 4px 0 0; height:120px; }
.altimetro div i { position:absolute; left:0; right:0; bottom:0; height:var(--h); background:linear-gradient(0deg,var(--navy2),var(--turq)); border-radius:4px 4px 0 0; }
.altimetro span { display:block; font-size:12px; color:var(--txt) !important; margin-top:6px; max-width:9em; line-height:1.3; }
.altimetro span b { color:#fff !important; display:block; font-size:15px; }

/* 4 · SELLARONDA (VJ-01) */
.sellaronda { padding:120px 0; }
.sellaronda .reparto { display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:56px; align-items:center; margin-top:40px; }
.ruta { width:100%; height:auto; overflow:visible; }
.ruta .macizo { fill:rgba(212,175,55,.10); stroke:rgba(212,175,55,.45); stroke-width:1.5; }
.ruta .guia { fill:none; stroke:rgba(255,255,255,.2); stroke-width:3; stroke-dasharray:2 10; stroke-linecap:round; }
.ruta .traza { fill:none; stroke-width:5; stroke-linecap:round; stroke-dasharray:1; stroke-dashoffset:1; }
.ruta .naranja { stroke:#f08a24; }
.ruta .verde { stroke:#3cc47c; }
.sellaronda.run .naranja { animation:traza 4.5s linear .3s both; }
.sellaronda.run .verde { animation:traza-inv 4.5s linear 1.4s both; }
@keyframes traza { to { stroke-dashoffset:0; } }
@keyframes traza-inv { from { stroke-dashoffset:-1; } to { stroke-dashoffset:0; } }
.ruta .parada { opacity:0; }
.sellaronda.run .parada { animation:aparece .5s both; animation-delay:calc(var(--f) * 4.5s + .3s); }
@keyframes aparece { to { opacity:1; } }
.ruta .parada circle { fill:var(--navy); stroke:var(--oro); stroke-width:4; }
.ruta text { fill:#fff; font-size:17px; font-weight:600; font-family:var(--sans); }
.ruta text.valle { fill:var(--txt); font-size:14px; font-weight:500; letter-spacing:.08em; text-transform:uppercase; }
.ruta text.centro { fill:var(--oro); font-family:var(--serif); font-size:22px; }
.ruta .acceso circle { fill:var(--turq); }
.ruta .acceso text { fill:var(--turq); font-size:14px; }
.leyenda { list-style:none; padding:0; margin:22px 0 0; display:flex; gap:24px; flex-wrap:wrap; font-size:15px; color:var(--txt) !important; }
.leyenda li::before { content:""; display:inline-block; width:26px; height:5px; border-radius:3px; margin-right:9px; vertical-align:middle; background:var(--c); }
.datos { list-style:none; margin:26px 0 0; padding:0; }
.datos li { padding:14px 0 14px 18px; border-left:3px solid var(--oro) !important; margin-bottom:12px; background:rgba(255,255,255,.03); color:#e8eef5 !important; }
.datos li b { color:var(--oro) !important; }

/* 5 · PUEBLOS — baraja (TA-07) */
.pueblos { padding:110px 0 120px; background:linear-gradient(180deg,rgba(5,11,22,.0),rgba(5,11,22,.45)) !important; overflow:hidden; }
.baraja { position:relative; height:440px; margin-top:52px; perspective:1400px; }
.carta { position:absolute; left:50%; top:0; width:min(320px,78vw); height:400px; margin-left:calc(min(320px,78vw) / -2);
  transition:transform .7s cubic-bezier(.3,.8,.3,1),opacity .7s; transform-style:preserve-3d; cursor:pointer; }
.carta .cara, .carta .dorso { position:absolute; inset:0; border-radius:10px; backface-visibility:hidden; -webkit-backface-visibility:hidden; overflow:hidden; }
.carta .cara { background:linear-gradient(160deg,var(--navy2),var(--navy)) !important; border:1px solid rgba(212,175,55,.45); display:flex; flex-direction:column; justify-content:flex-end; padding:26px; }
.carta .cara::before { content:""; position:absolute; inset:0; background:var(--img,none) center/cover; opacity:.35; }
.carta .cara > * { position:relative; }
.carta .cara small { color:var(--turq) !important; letter-spacing:.2em; text-transform:uppercase; font-size:12px; font-weight:600; }
.carta .cara h3 { font-size:34px; margin-top:6px; }
.carta .dorso { transform:rotateY(180deg); background:var(--claro) !important; color:var(--osc) !important; border-left:4px solid var(--oro) !important; padding:28px; display:flex; flex-direction:column; justify-content:center; }
.carta .dorso h3 { color:var(--navy) !important; font-size:28px; }
.carta .dorso p { margin:12px 0 0; font-size:16.5px; line-height:1.55; }
.carta .dorso .src { font-size:12px; color:#718096 !important; margin-top:14px; }
.carta.centro { z-index:5; }
.carta.centro.vuelta { transform:translateX(0) rotateY(180deg) !important; }
.mandos { display:flex; justify-content:center; gap:14px; margin-top:16px; }
.mandos button { width:52px; height:52px; border-radius:50%; border:1px solid rgba(255,255,255,.4); background:transparent; color:#fff; font-size:20px; cursor:pointer; }
.mandos button:hover, .mandos button:focus-visible { border-color:var(--oro); color:var(--oro); outline:none; }
.pueblos .aviso { text-align:center; color:var(--txt) !important; font-size:15px; margin-top:14px; }

/* 6 · DÍA Y NOCHE (VJ-15) */
.dianoche { padding:110px 0; }
.dn { position:relative; margin-top:40px; border-radius:10px; overflow:hidden; min-height:540px; background:var(--claro) !important; color:var(--osc) !important; transition:background .7s,color .7s; }
.dn .lado { position:absolute; inset:0; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); transition:opacity .7s; }
.dn .lado .img { position:relative; background:center/cover no-repeat; }
.dn .lado .panel { padding:80px 46px 46px; display:flex; flex-direction:column; justify-content:center; }
.dn .lado .panel small { color:var(--oro) !important; letter-spacing:.2em; text-transform:uppercase; font-size:12px; font-weight:700; }
.dn .lado .panel h3 { margin:8px 0 12px; }
.dn .lado .panel p { margin:0 0 12px; font-size:17px; }
.dn .noche { opacity:0; pointer-events:none; color:#fff !important; background:var(--navy) !important; }
.dn.es-noche .noche { opacity:1; pointer-events:auto; }
.dn.es-noche .dia { opacity:0; pointer-events:none; }
.dn .noche .panel p { color:var(--txt) !important; }
.interruptor { position:absolute; right:26px; top:22px; z-index:4; display:flex; align-items:center; gap:12px; background:rgba(255,255,255,.92); color:var(--osc) !important;
  border:0; border-radius:999px; padding:7px 16px 7px 8px; font-weight:650; font-size:15px; cursor:pointer; }
.interruptor i { position:relative; width:56px; height:28px; border-radius:99px; background:#b8c5d6; transition:background .5s; }
.interruptor i::after { content:""; position:absolute; left:3px; top:3px; width:22px; height:22px; border-radius:50%; background:var(--oro); transition:transform .5s cubic-bezier(.3,1.3,.5,1),background .5s,box-shadow .5s; }
.es-noche .interruptor { background:var(--navy2) !important; color:#fff !important; box-shadow:inset 0 0 0 1px rgba(255,255,255,.3); }
.es-noche .interruptor i { background:var(--navy); }
.es-noche .interruptor i::after { transform:translateX(28px); background:#fff; box-shadow:inset -6px -3px 0 #b8c5d6; }
.interruptor:focus-visible { outline:2px solid var(--turq); outline-offset:3px; }

/* 7 · DÓNDE DORMIR + presupuesto */
.dormir { padding:110px 0 140px; }
.dormir .reparto { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr); gap:56px; margin-top:44px; align-items:start; }
.alojamiento { display:grid; grid-template-columns:auto 1fr; gap:6px 22px; padding:26px 0; border-bottom:1px solid rgba(255,255,255,.14); }
.alojamiento:first-child { border-top:1px solid rgba(255,255,255,.14); }
.alojamiento .n { font-family:var(--serif); font-size:44px; color:var(--oro) !important; line-height:1; grid-row:span 2; }
.alojamiento h3 { font-size:26px; }
.alojamiento p { margin:0; color:var(--txt) !important; }
.caja-precio { border:1px solid rgba(212,175,55,.5) !important; border-left:4px solid var(--oro) !important; padding:30px; border-radius:6px; background:rgba(10,22,40,.5) !important; position:sticky; top:40px; }
.caja-precio h3 { margin-bottom:12px; }
.caja-precio p { color:var(--txt) !important; margin:0 0 16px; font-size:17px; }
.caja-precio .botones { margin-top:22px; flex-direction:column; align-items:flex-start; }

footer { border-top:1px solid rgba(255,255,255,.12); padding:56px 0 110px; color:var(--txt) !important; font-size:14.5px; }
footer .marca { font-family:var(--serif); font-size:26px; color:#fff !important; }
footer .marca b { color:var(--oro) !important; }
footer ul { padding-left:18px; }
footer .borrador { margin-top:24px; color:#f3dc8a !important; }

/* BO-12 WhatsApp flotante que late */
.wa { position:fixed; right:22px; bottom:22px; z-index:90; width:62px; height:62px; border-radius:50%; background:#25d366 !important;
  display:flex; align-items:center; justify-content:center; box-shadow:0 10px 26px rgba(0,0,0,.45); }
.wa::before, .wa::after { content:""; position:absolute; inset:0; border-radius:50%; border:2px solid #25d366; animation:late 2.4s ease-out infinite; pointer-events:none; }
.wa::after { animation-delay:1.2s; }
@keyframes late { from { transform:scale(1); opacity:.9; } to { transform:scale(1.7); opacity:0; } }
.wa svg { width:32px; height:32px; }
.wa .bocadillo { position:absolute; right:74px; bottom:14px; background:var(--claro) !important; color:var(--osc) !important; font-size:14px; font-weight:600;
  padding:8px 14px; border-radius:14px 14px 2px 14px; white-space:nowrap; box-shadow:0 6px 18px rgba(0,0,0,.3); }
.wa:focus-visible { outline:2px solid #fff; outline-offset:4px; }

/* Aparición suave al entrar */
.sube { opacity:0; transform:translateY(26px); transition:opacity .8s,transform .8s; }
.sube.ve { opacity:1; transform:none; }

/* Móvil */
@media (max-width:900px) {
  body { font-size:17px; }
  .envuelve { padding:0 20px; }
  .indice { right:8px; }
  .indice a span { display:none; }
  .gigantes .lista, .sellaronda .reparto, .dormir .reparto { grid-template-columns:1fr; gap:34px; }
  .gigantes .foto-alta { aspect-ratio:4/5; }
  .indice { display:none; }
  .maleta { height:300vh; }
  .maleta .envuelve { grid-template-columns:1fr; gap:10px; }
  .maleta .cabeza h2 { font-size:28px; }
  .maleta .cabeza .sobre { margin-bottom:6px; }
  .maleta .cabeza .entradilla, .maleta-svg { display:none; }
  .contadores { gap:28px; margin-top:12px; flex-wrap:nowrap; }
  .contador b { font-size:60px; }
  .contador small { font-size:11px; letter-spacing:.12em; }
  .areas li { padding:4px 0; font-size:14px; }
  .sellos { height:96px; margin-top:8px; }
  .sello { font-size:9.5px; padding:5px 9px; }
  .maleta .nota { font-size:11px; margin-top:6px; line-height:1.4; }
  .altimetro { display:none; }
  .dn { min-height:720px; }
  .dn .lado .panel { justify-content:flex-start; }
  .dn .lado { grid-template-columns:1fr; grid-template-rows:260px 1fr; }
  .dn .lado .panel { padding:28px 24px; }
  .interruptor { top:auto; bottom:auto; right:14px; top:14px; }
  .baraja { height:420px; }
  .caja-precio { position:static; }
  .wa .bocadillo { display:none; }
  .enciende .sombra { background:linear-gradient(180deg,rgba(10,22,40,.2) 0%,rgba(10,22,40,.85) 75%); }
  .enciende .texto { justify-content:flex-end; padding-bottom:9vh; }
}

/* Movimiento reducido: todo quieto y en su estado final */
@media (prefers-reduced-motion:reduce) {
  html { scroll-behavior:auto; }
  *, *::before, *::after { animation:none !important; transition:none !important; }
  .portada { height:auto; }
  .portada .fijo { position:relative; min-height:100vh; }
  #vuelo, #nieve, .niebla { display:none; }
  .enciende, .maleta { height:auto; }
  .enciende .fijo, .maleta .fijo { position:relative; height:auto; min-height:100vh; padding:80px 0; }
  .enciende .fase { position:static; opacity:1; transform:none; margin-bottom:10px; }
  .enciende .fases { min-height:0; }
  .sube { opacity:1; transform:none; }
  .ruta .traza { stroke-dashoffset:0; }
  .ruta .parada { opacity:1; }
  .sello { opacity:.92; transform:rotate(var(--g)); }
  .areas li { color:#fff !important; }
}