@font-face{font-family:"Alegreya";font-style:italic;font-weight:400;font-display:swap;src:url(fuentes/Alegreya-400i.woff2) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-weight:400;font-display:swap;src:url(fuentes/AlegreyaSans-400.woff2) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-weight:700;font-display:swap;src:url(fuentes/AlegreyaSans-700.woff2) format("woff2")}
@font-face{font-family:"Alegreya Sans";font-weight:800;font-display:swap;src:url(fuentes/AlegreyaSans-800.woff2) format("woff2")}
:root{
  --cielo:#101C3A;--cielo2:#17264A;--linea:#2B3B66;--tierra-noche:#1E1013;--tierra:#A2432A;--ladera:#4D2119;
  --halogeno:#FFE3A1;--cal:#F1EFE8;--cal2:#D9D5C8;--tinta:#1B1A26;--texto:#F2F0E6;--suave:#C5C8D6;
  --cabh:98px;--barrah:0px;
}
*{box-sizing:border-box;margin:0}
html{-webkit-text-size-adjust:100%;background:var(--tierra-noche);scroll-padding-top:calc(var(--cabh) + 50px)}
body{background:var(--tierra-noche);color:var(--texto);font:400 17px/1.5 "Alegreya Sans",Trebuchet MS,sans-serif;font-feature-settings:"lnum";overflow-x:clip}
img,svg,canvas{display:block}
a{color:inherit}
ul{list-style:none;padding:0}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
:focus-visible{outline:3px solid var(--halogeno);outline-offset:3px;border-radius:3px}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ic{flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.salta{position:fixed;left:12px;top:-60px;z-index:90;background:var(--halogeno);color:var(--tinta);padding:10px 16px;border-radius:4px}
.salta:focus{top:12px}

/* Cabecera */
.cab{position:fixed;inset:0 0 auto;z-index:50;background:var(--cielo)}
.cab-1{display:grid;grid-template-columns:auto 1fr auto auto;gap:22px;align-items:center;height:58px;padding:0 max(24px,calc(50% - 680px));position:relative;z-index:3;background:var(--cielo)}
.logo img{width:141px;height:47px}
.busca{display:flex;align-items:center;height:42px;background:#1B2A4F;border:1px solid #4A5A86;border-radius:21px;padding:0 16px;gap:10px;min-width:0}
.busca input[type=search]{flex:1;min-width:0;background:none;border:0;color:var(--texto);font:inherit;font-size:16px;height:100%;-webkit-appearance:none}
.busca input::placeholder{color:var(--suave)}
.busca input:focus{outline:0}.busca:focus-within{outline:3px solid var(--halogeno);outline-offset:2px}
.cuenta{display:flex;gap:18px;font-size:16px}
.cuenta a{display:flex;align-items:center;gap:7px;min-height:44px;text-decoration:none;position:relative}
.cuantos{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;border-radius:10px;background:var(--halogeno);color:var(--tinta);font-size:13px;font-weight:800}
.cuantos[hidden]{display:none}
.idioma{position:relative;font-size:15px}
.idioma summary{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid #4A5A86;border-radius:16px;cursor:pointer;list-style:none}
.idioma summary::-webkit-details-marker{display:none}
.idioma ul{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;background:var(--cal);color:var(--tinta);border-radius:6px;padding:6px;box-shadow:0 18px 40px #0009;z-index:5}
.idioma li a{display:block;padding:9px 10px;text-decoration:none;border-radius:4px}
.idioma li a:hover{background:var(--cal2)}
.menu{background:var(--cielo2);border-block:1px solid var(--linea);position:relative;z-index:2;transition:transform .32s cubic-bezier(.3,.7,.2,1)}
.menu>ul{display:flex;justify-content:space-between;padding:0 max(24px,calc(50% - 680px))}
.m-i{position:relative}
.m-i>a{display:flex;align-items:center;gap:7px;min-height:38px;font-weight:700;font-size:14.5px;letter-spacing:.02em;white-space:nowrap;text-decoration:none}
.m-i>a svg{fill:currentColor;opacity:.75}
.m-sub{position:absolute;left:-14px;top:100%;min-width:230px;background:var(--cal);color:var(--tinta);padding:8px;border-radius:0 0 8px 8px;box-shadow:0 24px 50px #000a;opacity:0;visibility:hidden;transform:translateY(-6px);transition:opacity .16s,transform .16s,visibility .16s}
.m-i:last-child .m-sub{left:auto;right:-14px}
.m-i:hover .m-sub,.m-i:focus-within .m-sub{opacity:1;visibility:visible;transform:none}
.m-sub a{display:block;padding:9px 12px;text-decoration:none;border-radius:4px;font-size:16px}
.m-sub a:hover{background:var(--cal2)}
.tira{position:absolute;left:0;right:0;top:100%;z-index:1;display:flex;align-items:center;gap:18px;height:36px;padding:0 max(24px,calc(50% - 680px));background:#0D1732;font-size:15px;white-space:nowrap;transform:translateY(-101%);transition:transform .32s cubic-bezier(.3,.7,.2,1)}
.tira p{margin:0}
.tira-reloj b{color:var(--halogeno);font-size:17px;font-weight:800;font-variant-numeric:tabular-nums;margin-left:6px}
.tira-portes{flex:1;text-align:right;overflow:hidden;text-overflow:ellipsis}
.tira-ver{font-weight:700;color:var(--halogeno);min-height:36px;display:flex;align-items:center;flex:none}
/* Al bajar por la pelicula se recoge el menu y queda la tira */
.tras-heroe .tira{transform:none}
.tras-heroe .menu{transform:translateY(-100%)}
.tras-heroe .tira{top:58px}
.en-tienda .tira-ver:not(.arriba){display:none}

/* Pelicula */
.film{position:relative;background:var(--cielo)}
.escenario{position:relative}
#lienzo,#motas{display:none}
.bloque{position:relative}
.base-accion .sigue{display:none}
.vivo .film{height:calc(1300svh + 160svh)}
.vivo .escenario{position:sticky;top:0;height:100lvh;overflow:hidden;background:linear-gradient(#101C3A,#101C3A 30%,#1E1013);contain:layout paint}
.vivo #lienzo{display:block;position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
.vivo #motas{display:block;position:absolute;inset:0;width:100%;height:100%;z-index:3;pointer-events:none}
.vivo .bloque{position:absolute;inset:0;z-index:5;pointer-events:none}
.vivo .bloque a,.vivo .bloque button,.vivo .bloque form,.vivo .bloque input{pointer-events:auto}
.vivo .grupo{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}
/* T1: capas reales. La misma composicion sirve sin JS y con movimiento reducido */
.capas{position:absolute;left:0;top:var(--cabh);width:100%;aspect-ratio:1600/893;overflow:visible;background:linear-gradient(#0d1834,#21345f 44%,#1E1013 47%);contain:layout}
.capa-blanco{display:none}
.vivo .capa-blanco{display:block;position:absolute;inset:0;background:#bccde6;opacity:0;pointer-events:none}
.capa-l{position:absolute;left:0;top:0;width:100%;height:100%;transform-origin:0 0}
.capa-l img{width:100%;height:auto}
.capa-l[data-c=tierra]{top:calc(372/893*100%);height:calc(521/893*100%)}
.capa-nubes{display:none}
.vivo .capas{z-index:2;background:none;top:0;height:100%;aspect-ratio:auto}
.vivo .capa-l{will-change:transform;transform:translate3d(0,var(--cabh),0);aspect-ratio:1600/893;height:auto}
.vivo .capa-l[data-c=tierra]{aspect-ratio:auto;height:auto;top:calc(100vw*372/1600)}
.vivo .capa-nubes{display:block;left:0;top:0;width:100%;height:100%;will-change:auto}
.nube{position:absolute;left:50%;top:50%;width:150%;max-width:none;height:auto;opacity:0;will-change:transform,opacity;pointer-events:none}
.vivo .b-nieve,.vivo .b-frase,.vivo .b-vuelo,.vivo .b-muro,.vivo .b-estante,.vivo .b-alba{display:none}
.vivo .bloque.on{display:block}
.vivo .b-nieve.on{display:grid}
.vivo .bloque.apagado{display:none}
.vivo .sigue{display:flex}
.suelo{display:none}
.vivo .suelo{display:block;position:absolute;left:0;right:0;bottom:0;height:38%;z-index:4;pointer-events:none;opacity:0;background:linear-gradient(transparent,#1E1013 88%)}

/* T1: reloj en el cielo */
.reloj{position:absolute;left:0;right:0;top:calc(var(--cabh) + 6px);margin:auto;width:min(86%,920px);text-align:center;color:var(--texto);z-index:3}
.solo{font-size:clamp(17px,1.9vw,27px);line-height:1.15;text-shadow:0 1px 14px #0B1430}
.digitos{font-weight:800;font-size:clamp(48px,6.1vw,92px);line-height:1;color:var(--halogeno);font-variant-numeric:tabular-nums;text-shadow:0 2px 26px #0B1430cc,0 0 42px #ffcf7a33}
.arco-w{position:relative;margin-top:6px}
.arco{width:100%;height:clamp(20px,2.6vw,40px);overflow:visible}
.arco path{fill:none;vector-effect:non-scaling-stroke}
#arco-t{stroke:#A3B0D2;stroke-width:1;stroke-dasharray:2 6}
#arco-r{stroke:var(--halogeno);stroke-width:2}
.astro{position:absolute;width:13px;height:13px;margin:-6.5px;border-radius:50%;background:var(--halogeno);box-shadow:0 0 0 5px #ffe3a133,0 0 22px 5px #ffdd9acc}
html:not(.vivo) .astro{display:none}
/* Sin movimiento: el primer pantallazo es la misma composicion y debajo va todo el contenido en orden */
html:not(.vivo) .escenario{position:relative;padding-top:100svh;background:var(--tierra-noche)}
html:not(.vivo) .capas{height:calc(100svh - var(--cabh));aspect-ratio:auto;overflow:hidden}
html:not(.vivo) .capa-l{height:auto;aspect-ratio:1600/893}
html:not(.vivo) .capa-l[data-c=tierra]{height:auto;aspect-ratio:auto}
html:not(.vivo) .b-heroe{position:absolute;left:0;right:0;top:0;height:100svh;z-index:3;pointer-events:none}
html:not(.vivo) .b-heroe a,html:not(.vivo) .b-heroe form,html:not(.vivo) .b-heroe input{pointer-events:auto}
html:not(.vivo) .base-heroe{position:absolute;left:0;right:0;bottom:var(--barrah);padding:0}
html:not(.vivo) .film{height:auto}
html:not(.vivo) .b-nieve,html:not(.vivo) .b-frase,html:not(.vivo) .b-muro{text-align:center}
html:not(.vivo) .fuerte{max-width:1360px;margin:auto;padding:30px 24px}
html:not(.vivo) .b-vuelo,html:not(.vivo) .g-estante{max-width:1360px;margin:auto}
html:not(.vivo) .b-vuelo{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
html:not(.vivo) .ficha-foto img{max-width:300px;width:100%}
html:not(.vivo) .ficha .ya strong{font-size:44px}
html:not(.vivo) .ficha-tx h3{font-size:20px}
.base-heroe{padding:16px}
.vivo .base-heroe{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:stretch}
.busca-h{display:none}
.base-hueco{width:150px}
.base-accion{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 max(24px,calc(50% - 680px)) 18px}
.boton{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;background:var(--halogeno);color:var(--tinta);border-radius:6px 22px 6px 6px;font-weight:800;font-size:18px;text-decoration:none;box-shadow:0 8px 30px #0007;transition:transform .15s,box-shadow .15s}
.boton:hover{transform:translateY(-2px);box-shadow:0 12px 34px #ffdd9a55}
.boton:active{transform:scale(.98)}
.ancho{display:flex;width:100%}
.sigue{align-items:center;gap:10px;color:var(--texto);font:400 italic 20px/1 Alegreya,serif;text-shadow:0 1px 10px #000}
.sigue i{position:relative;display:block;width:2px;height:44px;background:#ffffff40;overflow:hidden}
.sigue i::after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--halogeno);animation:cae 1.8s cubic-bezier(.5,0,.3,1) infinite}
@keyframes cae{to{top:112%}}
.tapia{display:flex;align-items:center;justify-content:center;gap:12px;background:var(--cal);color:var(--tinta);font-weight:800;font-size:clamp(16px,1.7vw,22px);line-height:1.2;padding:11px 20px;text-align:left}
.vivo .base-heroe{padding:0}

/* T2: en la nieve */
.nieve-tx{padding:48px 20px;text-align:center}
.vivo .b-nieve{display:grid;place-items:center;perspective:900px}
.vivo .nieve-tx{padding:0 6vw;color:#14224a;text-shadow:0 0 26px #fff,0 0 60px #ffffffb0}
.n1{font-weight:800;font-size:clamp(46px,8vw,128px);line-height:1}
.n2{font-size:clamp(24px,3.5vw,54px);line-height:1.12;margin-top:.35em;font-weight:700}

/* T3: la frase en el cielo */
.fuerte{font-weight:800;font-size:clamp(44px,7vw,112px);line-height:.98;color:var(--texto);padding:40px 20px;letter-spacing:-.005em}
.fuerte span{display:block}
.vivo .g-frase .fuerte{position:absolute;left:7%;top:13%;width:66%;padding:0;font-size:clamp(44px,5.8vw,104px)}
/* La frase se enciende con el faro: la luz viene de la derecha, donde esta el tractor */
.vivo .g-frase .fuerte span{--lx:130%;background:radial-gradient(90vmax 60vmax at var(--lx) 120%,#fff6dc 0,var(--halogeno) 28%,#c7cde0 58%,#5a688f 100%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 22px #0B1430cc)}
.destello{display:none}
.vivo .destello{display:block;position:absolute;left:65%;top:62%;width:46vmin;height:46vmin;margin:-23vmin;border-radius:50%;mix-blend-mode:screen;background:radial-gradient(#fff8e6 0,#ffd98a88 12%,#ff9a3c22 38%,transparent 66%)}
.vivo .destello.d2{width:120vmin;height:5vmin;margin:-2.5vmin -60vmin;background:radial-gradient(closest-side,#fff4d8cc,#ffb45a33 50%,transparent)}

/* T4: piezas en el haz */
.b-vuelo{padding:24px 16px;display:grid;gap:24px}
.ficha{display:grid;gap:14px}
.ficha-foto img{width:min(70vw,360px);height:auto;margin:auto}
.dist{display:flex;align-items:center;gap:6px;color:var(--halogeno);font-weight:700;font-size:16px}
.sierra{fill:currentColor}
.ficha h3{font-size:clamp(20px,2.1vw,30px);line-height:1.15;font-weight:700;margin:2px 0 8px}
.ficha h3 a,.nicho h3 a{text-decoration:none}
.ficha h3 a:hover,.nicho h3 a:hover{text-decoration:underline}
.precio{display:flex;flex-direction:column;gap:0}
.habitual{display:flex;gap:6px;align-items:baseline;font-size:15px;color:var(--suave);line-height:1.3}
.habitual s{color:var(--texto)}
.ya{display:flex;align-items:baseline;gap:9px;flex-wrap:wrap}
.ya strong{font-weight:800;color:var(--halogeno);font-size:clamp(26px,3vw,31px);line-height:1.1;font-variant-numeric:tabular-nums}
.pct{font-weight:700;font-size:17px}
.ficha .ya strong{font-size:clamp(40px,4.6vw,68px)}
.ficha .pct{font-size:clamp(20px,2vw,28px)}
.add{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 20px;background:var(--halogeno);color:var(--tinta);font-weight:800;border-radius:5px 18px 5px 5px;text-decoration:none;transition:transform .12s,background .2s;touch-action:manipulation}
.add:hover{background:#fff0c4}.add:active{transform:scale(.96)}
.add.hecho{background:#BFE3B4}
.ficha .add{margin-top:12px}
.vivo .b-vuelo{padding:0;display:block}
.vivo .ficha{position:absolute;inset:0;display:block}
/* La pieza es de la escena: cae su sombra en el camino, la baña la luz del faro y el texto va sin tarjeta */
.f-suelo,.f-oscuro,.f-luz{display:none}
.vivo .ficha-foto{position:absolute;left:30%;top:80%;width:clamp(220px,36vmin,400px);pointer-events:auto;will-change:transform,opacity;display:block}
.vivo .ficha-foto img{position:relative;width:100%;height:auto;margin:0;filter:sepia(.22) saturate(1.06) contrast(1.06) brightness(.9)}
/* Luz de suelo y contacto: se apoya en un charco de luz del faro, no sobre una mancha */
.vivo .ficha-foto::before{content:"";position:absolute;left:-34%;right:-34%;bottom:-11%;height:24%;pointer-events:none;background:radial-gradient(36% 15% at 50% 50%,#050100f0 0,#050100a8 60%,transparent 100%),radial-gradient(closest-side,#ffc77a47,#ffb45a1c 60%,transparent)}
.vivo .f-suelo{display:block;position:absolute;inset:0;background:#080200;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;transform-origin:50% 96%;transform:skewX(58deg) scaleY(.24);filter:blur(5px);opacity:.72}
/* Grado de escena: la noche se cierra del lado del texto. Sin ovalos ni tarjetas */
.v-grado{display:none}
.vivo .v-grado{display:block;position:absolute;inset:0;pointer-events:none;background:linear-gradient(270deg,#0c0403f2 0,#0c0403d0 34%,#0c040300 62%)}
.vivo .f-oscuro,.vivo .f-luz{display:block;position:absolute;inset:0;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat}
.vivo .f-oscuro{background:#0d0504;opacity:0}
.vivo .f-luz{--bx:140%;background:linear-gradient(100deg,transparent calc(var(--bx) - 34%),#ffd98a66 calc(var(--bx) - 12%),#fff3d0cc var(--bx),#ffb45a55 calc(var(--bx) + 12%),transparent calc(var(--bx) + 30%));mix-blend-mode:screen}
.vivo .ficha-foto::after{content:"";position:absolute;inset:0;pointer-events:none;-webkit-mask:var(--m) center/100% 100% no-repeat;mask:var(--m) center/100% 100% no-repeat;background:linear-gradient(255deg,#ffc97055,transparent 44%,#0a040466);mix-blend-mode:multiply}
.vivo .ficha-tx{position:absolute;left:58%;top:50%;width:min(38vw,540px);transform:translateY(-50%);isolation:isolate}
.vivo .ficha-tx .ya strong{text-shadow:0 0 34px #ffcf7a55}

/* T5: pintado en la cal */
.pintado{font-weight:800;font-size:clamp(32px,4.5vw,64px);line-height:.98;padding:24px 16px;text-align:center}
.pintado svg{display:none}
/* Pintado a brocha en el encalado, siguiendo el arco de la puerta: pierde el color de la pared por el multiply */
.vivo .pintado{position:absolute;inset:0;padding:0;margin:0;font-size:inherit;pointer-events:none}
.vivo .pintado-t{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.vivo .pintado .pint-d{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;mix-blend-mode:multiply}
.vivo .pintado text{font-family:inherit;font-weight:800;fill:#40281a;letter-spacing:.012em}
.pintado b{display:block;font-size:1.75em;line-height:.95;font-weight:800}

/* T5-T6: en los estantes */
.g-estante{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px;padding:16px}
.pose-foto img{width:100%;height:auto}
.tag{background:var(--cal);color:var(--tinta);padding:8px 8px 8px 10px;border-radius:3px;display:flex;gap:6px;align-items:flex-end;font-size:14px;line-height:1.2}
.tag>a:first-child{flex:1;text-decoration:none;display:flex;flex-direction:column;min-width:0}
.tag-n{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14.5px;line-height:1.15;font-weight:700;min-height:2.3em}
.tag-h{font-size:13.5px;color:#4b4852;white-space:nowrap;margin-top:3px}
.tag-h s{color:var(--tinta);font-size:14.5px}
.tag strong{font-size:25px;font-weight:800;line-height:1.05;font-variant-numeric:tabular-nums;color:#7a1d10}
.add.mini{flex:none;width:44px;height:44px;min-height:0;padding:0;font-size:24px;border-radius:4px}
/* Balda en primer plano: la camara pasa por delante de ella, nada se sale de la pantalla */
.vivo .g-estante{position:absolute;left:0;right:0;top:calc(58px + 36px + 2vh);bottom:2vh;margin:auto;max-width:1500px;height:min(76vh,700px);display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:0;padding:0 max(14px,2vw);will-change:transform;align-content:center}
.vivo .pose{position:relative;display:flex;flex-direction:column;min-width:0;padding:0 7px}
/* Balda de estanteria como las del tunel: cara superior que recibe la lampara y canto de metal; postes a los lados */
.vivo .pose::before{content:"";position:absolute;left:0;right:0;top:calc(var(--fh) - 15px);height:30px;background:linear-gradient(#6d5234 0,#a57f4e 30%,#4d3a26 49%,#26221f 50%,#3a3a3e 56%,#16161a 88%,#07070a);box-shadow:0 24px 30px -6px #000d}
.e-dim{display:none}
.vivo .e-dim{display:block;position:absolute;inset:0;pointer-events:none;background:radial-gradient(90% 70% at 50% 34%,#2a160a4d,#0a050299)}
.vivo .g-estante::before,.vivo .g-estante::after{content:"";position:absolute;top:-8%;bottom:-8%;width:max(12px,1.1vw);z-index:0;background:repeating-linear-gradient(180deg,#0000 0 10px,#000 10px 14px,#0000 14px 26px),linear-gradient(90deg,#3c3b3f,#1a1a1e 45%,#08080a);box-shadow:0 0 22px #000b}
.vivo .g-estante::before{left:max(2px,.4vw)}.vivo .g-estante::after{right:max(2px,.4vw)}
.p-luz{display:none}
.vivo .p-pz{position:relative;display:block;max-width:100%;height:92%;margin-bottom:5px}
.vivo .p-pz img{display:block;width:auto;height:100%;max-width:100%;object-fit:contain;filter:sepia(.2) saturate(1.04) brightness(.94)}
.vivo .p-luz{display:block;position:absolute;inset:0;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;pointer-events:none}
/* lampara por arriba: la pieza se oscurece hacia la base como todo lo del tunel */
.vivo .p-luz{background:linear-gradient(180deg,#ffd9921f 0,#ffd99200 34%,#120a0600 52%,#120a06a8 100%)}
.vivo .pose:first-child::before{border-radius:3px 0 0 3px}.vivo .pose:last-child::before{border-radius:0 3px 3px 0}
.vivo .pose-i{display:contents}
.vivo .g-estante{--fh:min(34vh,300px)}
.vivo .pose-foto{position:relative;display:flex;align-items:flex-end;justify-content:center;height:var(--fh);pointer-events:auto;will-change:transform,opacity}
.vivo .pose-foto::after{content:"";position:absolute;left:6%;right:6%;bottom:-2px;height:12px;border-radius:50%;background:radial-gradient(closest-side,#000e,#0006 60%,transparent)}
.vivo .pose-foto>*{position:relative;z-index:1}
.vivo .tag{position:relative;margin-top:34px;box-shadow:0 10px 26px #000a;will-change:opacity}
.vivo .tag::before{content:"";position:absolute;left:22px;right:22px;top:-19px;height:19px;background:linear-gradient(90deg,#a9a59a 2px,transparent 2px calc(100% - 2px),#a9a59a 0)}

/* T6: categorias como cumbres al amanecer */
.pins{display:flex;flex-wrap:wrap;gap:8px;padding:16px}
.pin{display:block;font:700 15px/1.1 "Alegreya Sans";padding:12px 14px;background:#ffffff14;border-radius:4px;text-decoration:none}
.vivo .pins{position:absolute;inset:0;display:block;padding:0}
.vivo .pin{position:absolute;padding:0 0 0 0;background:none;transform:translate(-50%,-100%);text-align:center;color:#fff;text-shadow:0 1px 12px #000c;font-size:clamp(15px,1.45vw,21px);padding-bottom:calc(var(--h,70px) + 6px);min-height:44px}
.vivo .pin::after{content:"";position:absolute;left:50%;bottom:0;width:1px;height:var(--h,70px);background:linear-gradient(#ffe3a1,#ffe3a100)}
.vivo .pin::before{content:"";position:absolute;left:50%;bottom:-3px;width:7px;height:7px;margin-left:-3px;border-radius:50%;background:var(--halogeno);box-shadow:0 0 12px 3px #ffdf9faa}
.vivo .pin:hover{color:var(--halogeno)}
.pin0{left:14%;top:70%;--h:96px}.pin1{left:26%;top:60%;--h:70px}.pin2{left:39%;top:66%;--h:120px}.pin3{left:52%;top:56%;--h:62px}.pin4{left:65%;top:64%;--h:104px}.pin5{left:78%;top:59%;--h:78px}.pin6{left:90%;top:68%;--h:108px}

/* Tienda sin fin */
.tienda{position:relative;z-index:6;background:#1E1013;transition:background-color 1.4s linear;padding:40px 0 90px;min-height:100vh}
.tienda::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(177deg,transparent 0 46px,#ffffff06 46px 47px,transparent 47px 97px,#00000020 97px 99px);}
.tienda-cab{position:relative;max-width:1360px;margin:0 auto;padding:0 24px 14px}
.tienda-cab h2{font-weight:800;font-size:clamp(34px,4.6vw,66px);line-height:1}
.mas{font:400 italic clamp(20px,2vw,27px)/1.25 Alegreya,serif;color:var(--suave);margin-top:6px}
.portes-t{margin-top:12px;font-weight:700;color:var(--cal)}
.chips{position:sticky;top:calc(58px + 36px);z-index:20;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px max(24px,calc(50% - 656px));background:#1E1013f2;border-block:1px solid #ffffff14}
.chip{flex:none;min-height:40px;padding:0 14px;border-radius:20px;font-weight:700;font-size:14px;letter-spacing:.02em;white-space:nowrap;border:1px solid #ffffff2e}
.chip[aria-pressed=true]{background:var(--halogeno);color:var(--tinta);border-color:transparent}
.corriente{position:relative}
.nichos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:44px 30px;max-width:1360px;margin:0 auto;padding:44px 24px 60px}
.nichos>:nth-child(4n+2),.nichos>:nth-child(4n+4){transform:translateY(34px)}
.nicho{display:flex;flex-direction:column;min-width:0}
.hornacina{position:relative;display:block;aspect-ratio:1/1.14;background:radial-gradient(120% 80% at 50% 8%,#fffbee,var(--cal) 55%,var(--cal2));border-radius:50% 50% 5px 5px/34% 34% 5px 5px;box-shadow:inset 0 16px 26px -10px #5a341f70,inset 0 -3px 0 #b9a990,0 0 0 7px #2c1512,0 18px 40px -10px #000;overflow:hidden;isolation:isolate}
.hornacina img{position:absolute;left:12%;right:12%;bottom:6%;width:76%;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.hornacina:hover img{transform:scale(1.07)}
.nicho .hornacina{filter:brightness(.74) saturate(.85);transition:filter .55s}
.nicho.luz .hornacina{filter:none;animation:enciende .46s linear}
/* La lampara de la hornacina arranca como un fluorescente viejo */
@keyframes enciende{0%,18%{filter:brightness(.74) saturate(.85)}10%{filter:brightness(1.06)}30%{filter:brightness(.8)}46%{filter:brightness(1.1)}60%,100%{filter:none}}
.nicho-tx{padding-top:14px;display:flex;flex-direction:column;flex:1;gap:6px}
.nicho h3{font-size:17px;line-height:1.22;font-weight:700;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.44em}
.nicho .add{margin-top:auto;align-self:stretch}
.nicho .precio{margin-bottom:6px}
.sin-js{text-align:center;padding:20px}
/* Interludios y escenas: ocupan el ancho y no secuestran el scroll */
.cine{position:relative;height:min(92vh,960px);overflow:hidden;background:#0D1732;display:flex;flex-direction:column;justify-content:flex-end;contain:paint}
.cine canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cine video,.cine>img{position:absolute;inset:-9% 0;width:100%;height:118%;object-fit:cover;will-change:transform}
.cine::after{content:"";position:absolute;inset:0;background:linear-gradient(#1E1013 0,transparent 16%,transparent 52%,#1E1013e6 92%,#1E1013)}
.cine-tx{position:relative;z-index:1;width:100%;max-width:1360px;margin:0 auto;padding:0 24px 56px}
.cine h2 i{display:inline-block;font-style:normal}
.cine h2,.cine .grande{font-weight:800;font-size:clamp(46px,10vw,168px);line-height:.92;letter-spacing:-.005em;text-shadow:0 4px 40px #0008}
.cine .sub{font-size:clamp(20px,2.6vw,36px);line-height:1.15;margin-top:12px;font-weight:700;max-width:24em;text-shadow:0 2px 20px #000}
.cine .cuenta-c{font-weight:800;font-size:clamp(50px,8vw,120px);line-height:1;color:var(--halogeno);font-variant-numeric:tabular-nums}
.cine a.vercat{display:inline-flex;align-items:center;min-height:44px;margin-top:12px;font:400 italic 22px/1 Alegreya,serif;color:var(--halogeno)}
.fin-corr{text-align:center;padding:60px 24px 30px;max-width:44em;margin:auto}
.fin-corr h3{font-weight:800;font-size:clamp(26px,3.2vw,44px);line-height:1.05;margin-bottom:14px}
.fin-corr .botones{display:flex;flex-wrap:wrap;gap:12px;justify-content:center}
.boton.claro{background:none;color:var(--halogeno);box-shadow:inset 0 0 0 2px var(--halogeno)}
/* Pieza estrella: una sola pieza a lo grande, con su luz */
.estrella{position:relative;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:clamp(20px,5vw,90px);align-items:center;max-width:1360px;margin:0 auto;padding:clamp(30px,7vh,90px) 24px}
.estrella:nth-of-type(even){direction:rtl}.estrella:nth-of-type(even)>*{direction:ltr}
.estrella .hornacina{aspect-ratio:1/1;width:100%;box-shadow:inset 0 16px 26px -10px #5a341f70,inset 0 -3px 0 #b9a990,0 0 0 9px #2c1512,0 0 150px 30px #ff9a3c30,0 30px 70px -10px #000}
.estrella .hornacina img{will-change:transform}
.estrella h3{font-size:clamp(22px,2.7vw,38px);line-height:1.12;font-weight:700;margin:4px 0 12px}
.estrella h3 a{text-decoration:none}
.estrella .ya strong{font-size:clamp(52px,7.4vw,112px);line-height:1;text-shadow:0 0 50px #ffcf7a44}
.estrella .habitual{font-size:18px}.estrella .pct{font-size:clamp(22px,2.4vw,32px)}
.estrella .add{margin-top:18px;min-height:52px;padding:0 32px;font-size:18px}
/* Pasada del tractor: conduce con el scroll y enciende lo que alumbra */
.pasada{position:relative;overflow:hidden;contain:paint;background:linear-gradient(#150a12,#1E1013 50%)}
.pasada-cam{position:relative;z-index:2;pointer-events:none;height:clamp(150px,26vh,250px);background:linear-gradient(transparent 76%,#3a1a12 76%,#2a120e 92%,transparent)}
.pasada-cam::before{content:"";position:absolute;left:0;right:0;bottom:24%;height:46%;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 800 100' preserveAspectRatio='none'%3E%3Cpath d='M0 100V62l70-20 60 26 80-44 70 32 90-52 80 50 100-32 90 30 60-20 100 34v34z' fill='%23321a1c'/%3E%3C/svg%3E") bottom/100% 100% no-repeat}
.pasada-tr{position:absolute;left:0;bottom:7%;height:82%;width:auto;display:flex;align-items:flex-end;will-change:transform;pointer-events:none}
.pasada-tr img{height:100%;width:auto;filter:drop-shadow(0 8px 6px #000a)}
.pasada-haz{position:absolute;left:96%;bottom:-150%;width:min(70vw,900px);height:330%;background:conic-gradient(from 0deg at 0 50%,transparent 62deg,#ffd98a66 82deg,#fff0c888 92deg,#ffd98a55 104deg,transparent 126deg);-webkit-mask:linear-gradient(90deg,#000,#0008 45%,transparent);mask:linear-gradient(90deg,#000,#0008 45%,transparent);mix-blend-mode:screen}
.pasada .nichos{padding-top:18px;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.pasada .nichos>*{transform:none!important}
.pasada .nicho .hornacina{filter:brightness(.4) saturate(.6);transition:filter .28s}
.pasada .nicho.luz .hornacina{filter:none;box-shadow:inset 0 16px 26px -10px #5a341f70,inset 0 -3px 0 #b9a990,0 0 0 7px #2c1512,0 0 70px 6px #ffb45a44}
/* 400.000: el video se ve a traves de las cifras y la camara atraviesa el cero */
.cifra{position:relative;height:190vh;background:#000}
.cifra-pin{position:sticky;top:0;height:100vh;overflow:hidden}
.cifra video,.cifra>.cifra-pin>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.cifra video{filter:brightness(1.25)}
.cifra-velo{position:absolute;inset:0;background:#ffe9c23d}
.cifra-neg{position:absolute;inset:0;background:#000;color:#fff;mix-blend-mode:multiply;display:grid;place-items:center;text-align:center;will-change:transform;transform-origin:var(--ox,50%) 50%;padding:0 12px}
.cifra-neg b{display:block;font-weight:800;font-size:clamp(84px,22vw,380px);line-height:.88;letter-spacing:-.01em}
.cifra-neg span{display:block;font-weight:800;font-size:clamp(32px,6vw,92px);line-height:1}
html:not(.vivo) .cifra{height:auto;padding:60px 12px;text-align:center}
.cifra-tras{position:absolute;left:0;right:0;bottom:12vh;text-align:center;font-weight:800;font-size:clamp(24px,3.4vw,48px);opacity:0;text-shadow:0 2px 24px #000;padding:0 16px}

/* La corriente no es siempre la misma rejilla */
.tienda[data-noche="1"]{background:#111a35}.tienda[data-noche="2"]{background:#2b130d}.tienda[data-noche="3"]{background:#121f1a}
.muestra .hornacina img{mix-blend-mode:normal;left:27%;right:27%;width:46%;bottom:22%;border-radius:50% 50% 50% 50%/62% 62% 42% 42%;box-shadow:inset -6px -8px 14px #0003,0 6px 12px #5a341f40}
.nichos.n-mosaico>*{transform:none}
.n-mosaico>:first-child{grid-column:span 2;grid-row:span 2}
.n-mosaico>:first-child h3{font-size:clamp(20px,2vw,28px)}
.n-mosaico>:first-child .ya strong{font-size:clamp(34px,3.6vw,52px)}
.nichos.n-ventana{grid-auto-flow:dense}
.nichos.n-ventana>*{transform:none}
.ventana{grid-column:span 2;position:relative;overflow:hidden;border-radius:50% 50% 5px 5px/26% 26% 5px 5px;min-height:280px;background:#0c0605}
.ventana video,.ventana img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ventana::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0c0403d9,#0c040300 55%)}
.ventana p{position:absolute;z-index:1;left:20px;right:20px;bottom:20px;font-weight:800;font-size:clamp(22px,2.6vw,38px);line-height:1.05}
.banda-cal{background:var(--cal);color:var(--tinta);box-shadow:inset 0 22px 30px -18px #5a341f88,inset 0 -22px 30px -18px #5a341f88;margin:20px 0}
.n-cal{grid-template-columns:repeat(6,minmax(0,1fr));gap:30px 18px;padding:44px 24px 40px}
.n-cal>*{transform:none!important}
.n-cal .nicho .hornacina{filter:none;animation:none;background:var(--cal);box-shadow:none;border-radius:0;aspect-ratio:1/.92;border-bottom:7px solid #7c5a3a}
.n-cal .hornacina img{left:6%;right:6%;width:88%;bottom:0}
.n-cal h3 a,.n-cal .rot{color:var(--tinta)}.n-cal .habitual,.n-cal .habitual s{color:#4b4852}
.n-cal .ya strong{color:#7a1d10}.n-cal .pct{color:#7a1d10}
.nichos.n-fila{display:flex;grid-template-columns:none;max-width:none;overflow-x:auto;scroll-snap-type:x proximity;gap:22px;padding:30px max(24px,calc(50% - 656px)) 44px;scrollbar-width:thin;scrollbar-color:#ffffff40 transparent}
.n-fila>*{transform:none!important;flex:0 0 clamp(200px,19vw,270px);scroll-snap-align:start}
/* Fijos */
.leg{position:fixed;left:14px;bottom:10px;z-index:40;font-size:14px;color:var(--suave);background:#0d1732b0;padding:3px 10px;border-radius:12px;min-height:26px;text-decoration:none}
.leg:hover{color:#fff;text-decoration:underline}
.arriba[hidden]{display:none}
.tira-leg{display:none}
/* Oferta terminada: nada de comprar a estos precios */
.bt-fin .add,.bt-fin #d-carro .boton{display:none}
.wa{position:fixed;right:22px;bottom:62px;z-index:40;width:60px;height:60px;border-radius:50%;background:#25D366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 30px #0008;transition:transform .15s}
.wa:hover{transform:scale(1.06)}
.barra{display:none}
.pie{padding:40px 24px;background:#120809;max-width:none}
.pie h2{font-size:26px;font-weight:800;margin-bottom:8px}
.letra{font-size:15px;line-height:1.45;color:var(--suave);max-width:62ch;margin-bottom:10px}
.pie ul{display:flex;flex-wrap:wrap;gap:6px 22px;margin-top:10px}
.pie ul a{display:inline-flex;min-height:44px;align-items:center}
.menu-m{padding:24px;background:#120809}
.menu-m h2{font-size:26px;font-weight:800}
.menu-m summary,#menu-destino summary{min-height:48px;display:flex;align-items:center;font-weight:800;cursor:pointer;border-bottom:1px solid #ffffff22}
.menu-m li a{display:flex;align-items:center;min-height:44px;padding-left:12px}
.vivo .menu-m{display:none}
dialog .menu-m,#menu-destino .menu-m{display:block;background:none;padding:0}
#menu-destino .menu-m h2{display:none}

dialog .pie{display:block;background:none;padding:0}
/* Capas */
.capa{position:fixed;inset:0;width:100%;max-width:none;height:100%;max-height:none;background:#0D1732f7;color:var(--texto);border:0;padding:16px max(16px,calc(50% - 400px));overflow:auto;overscroll-behavior:contain}
.capa::backdrop{background:#0009}
.capa[open]{animation:entra .22s cubic-bezier(.2,.8,.2,1)}
@keyframes entra{from{opacity:0;transform:translateY(12px)}}
.busca.grande{height:56px;border-radius:28px;background:#1B2A4F}
.busca.grande input[type=search]{font-size:19px}
.cierra{min-height:44px;padding:0 10px;font-weight:700;color:var(--halogeno)}
.resultados{margin-top:14px}
.res{display:grid;grid-template-columns:64px 1fr auto;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff1c;text-decoration:none}
.res span.fo{display:block;background:var(--cal);border-radius:4px;overflow:hidden}
.res img{width:64px;height:64px;object-fit:contain;mix-blend-mode:multiply}
.res b{color:var(--halogeno);font-size:21px;font-weight:800;white-space:nowrap}
.res s{display:block;font-size:14px;color:var(--suave)}
.res-pie{padding:16px 0;color:var(--suave)}
.lateral{left:auto;right:0;width:min(440px,100%);padding:16px 20px;background:#101C3A}
.capa-cab{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.capa-cab h2{font-weight:800;font-size:26px}
.linea{display:grid;grid-template-columns:1fr auto auto;gap:10px;align-items:center;padding:10px 0;border-bottom:1px solid #ffffff1c}
.linea button{min-width:44px;min-height:44px;color:var(--suave)}
.vacio{color:var(--suave);padding:18px 0}
.carro-portes{margin:14px 0;font-size:15px;color:var(--cal)}
.carro-total{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:14px}
.carro-total b{color:var(--halogeno);font-size:30px;font-weight:800}
.vuela{position:fixed;z-index:80;pointer-events:none;width:90px;height:90px;object-fit:contain;background:var(--cal);border-radius:50%;padding:8px;box-shadow:0 8px 24px #0008}

/* Movil primero: en vertical cambia el armazon */
@media (orientation:portrait),(max-width:760px),(max-height:520px){
  :root{--cabh:52px;--barrah:calc(58px + env(safe-area-inset-bottom))}
  .capas{aspect-ratio:800/1433}
  .vivo .capa-l{aspect-ratio:800/1433}
  .vivo .capa-l[data-c=tierra]{top:calc(100vw*700/800)}
  .capa-l[data-c=tierra]{top:calc(700/1433*100%);height:calc(733/1433*100%)}
  .cab-1{height:52px;grid-template-columns:auto 1fr auto;gap:10px;padding:0 12px}
  .cab-1 .busca,.cuenta,.menu{display:none}
  .idioma{justify-self:end;grid-column:3}
  .logo img{width:114px;height:38px}
  .tira{top:100%!important;font-size:14px;justify-content:space-between}
  .tira-reloj b{font-size:15px}
  .tira{flex-wrap:wrap;height:auto;gap:0 12px;padding:4px 12px 5px}
  .tira-reloj{line-height:1.2}.tira-ver{min-height:26px}
  .tira-portes{order:3;flex:1 1 calc(100% - 66px);min-width:0;text-align:left;white-space:normal;font-size:12.5px;line-height:1.16;color:var(--cal)}
  .barra{position:fixed;left:0;right:0;bottom:0;z-index:45;display:grid;grid-template-columns:repeat(5,1fr);height:var(--barrah);padding-bottom:env(safe-area-inset-bottom);background:var(--cielo);border-top:1px solid var(--linea)}
  .barra a{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;font-size:12px;text-decoration:none;min-height:44px}
  .barra .cuantos{position:absolute;top:3px;left:calc(50% + 6px);transform:scale(.9)}
  .wa{display:none}
  /* En movil va en la tira fija: no pisa nada del contenido y el toque mide 44 */
  .leg{display:none}
  .tira-leg{display:flex;order:4;align-items:center;justify-content:flex-end;flex:none;min-width:44px;min-height:44px;margin:-13px 0 -9px auto;padding-left:6px;font-size:13px;color:var(--suave)}
  .vivo .base-heroe{bottom:calc(var(--barrah) + 100lvh - 100svh)}
  html:not(.vivo) .tapia{font-size:14.5px}
  html:not(.vivo) .capa-l{aspect-ratio:800/1433}
  .busca-h{display:flex;height:50px;border-radius:25px;margin:0 14px 12px;background:#101C3Ae0;border-color:#8291bb}
  .busca-h input[type=search]{font-size:16px}
  .base-accion{padding:0 14px 12px;justify-content:space-between}
  .boton{min-height:46px;font-size:17px}
  .sigue{font-size:18px}.sigue i{height:32px}
  .tapia{font-size:15.5px;padding:9px 14px;line-height:1.18}
  .reloj{width:92%;top:calc(var(--cabh) + 8px)}
  .solo{font-size:clamp(16px,4.4vw,22px)}
  .digitos{font-size:clamp(46px,14vw,74px)}
  .arco{height:18px}
  .base-hueco{display:none}
  .vivo .ficha-foto{left:50%;top:62svh;width:min(60vw,31svh)}
  .vivo .ficha-tx{left:16px;right:16px;width:auto;top:auto;bottom:calc(var(--barrah) + 100lvh - 100svh + 26px);transform:none}
  .vivo .v-grado{background:linear-gradient(0deg,#0c0403f7 0,#0c0403e8 28%,#0c040300 56%)}
  .ficha h3{font-size:19px;margin-bottom:4px}
  .ficha .ya strong{font-size:44px}
  .ficha .add{width:100%;margin-top:8px}
  .vivo .pintado .pint-d{display:none}
  .vivo .pintado .pint-m{display:block;position:absolute;inset:0;width:100%;height:100%;overflow:visible;mix-blend-mode:multiply}
  .vivo .g-frase .fuerte{left:12%;top:20%;width:80%;font-size:clamp(38px,11vw,66px)}
  .vivo .destello{left:61%;top:81%}
  .n1{font-size:clamp(46px,15vw,90px)}
  .n2{font-size:clamp(25px,7.2vw,42px)}
  .vivo .g-estante{--fh:min(15svh,128px);grid-template-columns:repeat(2,minmax(0,1fr));top:calc(52px + 66px + 6px);bottom:calc(var(--barrah) + 100lvh - 100svh + 6px);height:auto;align-content:space-evenly;padding:0 6px}
  .vivo .pose{padding:0 5px}
  .vivo .pose:nth-child(n+5){display:none}
  .vivo .pose:nth-child(odd)::before{border-radius:3px 0 0 3px}.vivo .pose:nth-child(even)::before{border-radius:0 3px 3px 0}
  .vivo .tag{margin-top:22px;padding:6px 5px 6px 8px}
  .tag-n{font-size:13.5px}
  .tag-h{font-size:12.5px;white-space:normal;line-height:1.12}.tag-h .rot{display:block}.tag-h s{font-size:13.5px}
  .tag strong{font-size:23px}
  .vivo .pins{inset:auto 0 0;top:43%;height:50%}
  .vivo .pin{font-size:15px}
  .pin0{left:34%;top:42%;--h:40px}.pin1{left:68%;top:32%;--h:30px}.pin2{left:28%;top:58%;--h:32px}.pin3{left:72%;top:48%;--h:34px}.pin4{left:27%;top:74%;--h:36px}.pin5{left:68%;top:66%;--h:30px}.pin6{left:50%;top:80%;--h:30px}
  .chips{top:calc(52px + 66px);padding:6px 12px}
  .nichos{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 14px;padding:28px 12px 40px}
  .n-cal{grid-template-columns:repeat(2,minmax(0,1fr));padding:30px 14px}
  .ventana{min-height:0;aspect-ratio:16/10;border-radius:40% 40% 5px 5px/30% 30% 5px 5px}
  .n-fila>*{flex-basis:62vw}
  .nichos.n-fila{padding:20px 12px 30px;gap:14px}
  .nichos>:nth-child(4n+2),.nichos>:nth-child(4n+4){transform:none}
  .nichos>:nth-child(2n){transform:translateY(22px)}
  .nicho h3{font-size:16px}
  .ya strong{font-size:27px}
  .pct{font-size:15px}
  .habitual{font-size:14px;flex-wrap:wrap;gap:0 5px}
  .add{min-height:44px;padding:0 10px}
  .cine{height:min(84svh,760px)}
  .estrella{grid-template-columns:1fr;padding:30px 16px}
  .estrella .hornacina{aspect-ratio:1/.95}
  .estrella .add{width:100%}
  .pasada .nichos{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .pasada .nichos>:nth-child(n+3){display:none}
  .pasada-haz{width:90vw}
  .cine-tx{padding:0 16px 34px}
  .tienda{padding-bottom:calc(var(--barrah) + 60px)}
  .tienda-cab{padding:0 16px 12px}
}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.sigue{display:none}}

/* Movil apaisado: poca altura, la ficha se recoge */
@media (orientation:landscape) and (max-height:520px){
  .reloj{top:calc(var(--cabh) + 2px);width:50%}.digitos{font-size:40px}.solo{font-size:15px}
  .busca-h{display:none}
  .base-accion{justify-content:flex-end}.sigue{display:none!important}
  .vivo .g-estante{--fh:17vh;grid-template-columns:repeat(4,minmax(0,1fr));top:calc(52px + 50px);bottom:50px;height:auto;align-content:center}
  .vivo .tag{margin-top:12px;padding:3px 3px 3px 6px}.vivo .tag::before{top:-8px;height:8px}
  .tag-n{-webkit-line-clamp:1;min-height:0;font-size:12.5px}.tag-h{font-size:11.5px;white-space:nowrap}.tag-h .rot{display:inline}.tag-h s{font-size:11.5px}.tag strong{font-size:18px}
  .tira{padding:1px 12px 2px}.tira-portes{font-size:11.5px;white-space:nowrap}.tira-ver{min-height:20px}
  .vivo .ficha-foto{left:24%;top:86svh;width:42svh}
  .vivo .v-grado{background:linear-gradient(270deg,#0c0403f2 0,#0c0403d0 44%,#0c040300 66%)}
  .vivo .ficha-tx{left:48%;right:12px;bottom:auto;top:calc(var(--cabh) + 36px);padding:10px 14px}
  .ficha .ya strong{font-size:30px}.ficha h3{font-size:16px}.ficha .add{margin-top:4px}
  .barra{height:46px}:root{--barrah:46px}
  .cine{height:100svh}
}
.quieto *,.quieto *::before,.quieto *::after{animation-play-state:paused!important}

#cmplz-manage-consent .cmplz-manage-consent{opacity:0;pointer-events:none}
.cmplz-hidden{display:none!important}
.sin-lista{margin:1em auto;max-width:40em;padding:0 16px;text-align:center}