/* v6. Paleta y estructura inspiradas en la referencia, código propio. Un solo grosor de letra, tamaños cortos, botones pequeños. */
@font-face{font-family:Marca;src:url(/fuentes-v6/Fraunces.woff2) format("woff2");font-display:swap}
@font-face{font-family:Texto;src:url(/fuentes-v6/Instrument-Sans.woff2) format("woff2");font-weight:400;font-display:swap}
:root{--oliva:#0E1201;--crema:#FFF0CA;--terra:#BC6F45;--tan:rgba(189,131,70,.14);--coral:#FF6B57;--bg:#0E1201;--fg:#FFF0CA;--linea:rgba(255,240,202,.14);--chip:rgba(255,240,202,.1);--suave:cubic-bezier(.2,.75,.2,1);--tinte-o:rgba(14,18,1,.6);--tinte-c:rgba(255,240,202,.92);color-scheme:dark}
html.crema{--bg:#FFF0CA;--fg:#0E1201;--linea:rgba(14,18,1,.14);--chip:rgba(14,18,1,.08)}
*{box-sizing:border-box}
html{overflow-x:clip;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--fg);font:400 18px/1.25 Texto,-apple-system,"Segoe UI",sans-serif;letter-spacing:-.008em;overflow-x:clip;-webkit-font-smoothing:antialiased;transition:background-color .8s var(--suave),color .6s var(--suave)}
img,video{display:block;max-width:100%}
h1,h2,h3,p,ul,ol,figure{margin:0;padding:0;font-weight:400}ul,ol{list-style:none}
a{color:inherit}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;letter-spacing:inherit}
:focus-visible{outline:2px solid var(--terra);outline-offset:3px}
.saltar{position:absolute;left:12px;top:-60px;background:var(--crema);color:var(--oliva);padding:10px;z-index:90}.saltar:focus{top:10px}
.env{width:min(1240px,100% - 32px);margin-inline:auto}

/* Fondo vivo */
#fondo{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none}
#fondo video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#tinte{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--tinte-o);transition:background-color .8s var(--suave)}
html.crema #tinte{background:var(--tinte-c)}

/* Cabecera */
.sup{position:fixed;left:0;right:0;top:0;z-index:50;display:flex;justify-content:space-between;align-items:center;padding:calc(10px + env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) 10px max(16px,env(safe-area-inset-left));pointer-events:none}
.sup>*{pointer-events:auto}
.sup::before{content:"";position:absolute;inset:0 0 -10px;z-index:-1;background:linear-gradient(180deg,var(--bg) 62%,transparent);opacity:0;transition:opacity .4s}
.paso .sup::before{opacity:.92}
.marca{font:400 21px/1 Marca,Georgia,serif;letter-spacing:.015em;text-decoration:none;white-space:nowrap;transition:opacity .4s}
.marca{display:inline-flex;align-items:center;gap:8px}.marca-i{height:26px;width:auto;flex:none}
.inicio .sup .marca{opacity:0}.paso .inicio .sup .marca{opacity:1}
.chip-m{min-height:40px;min-width:64px;padding:0 12px;border-radius:5px;background:var(--chip);font-size:15px}
.menu{position:fixed;inset:0;z-index:45;background:#0E1201;color:#FFF0CA;padding:calc(120px + env(safe-area-inset-top)) 16px 34px;display:flex;flex-direction:column;justify-content:center;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .7s var(--suave),visibility 0s .7s}
.menu.abierto{clip-path:inset(0);visibility:visible;transition:clip-path .7s var(--suave)}
.menu nav{display:grid;gap:4px}
.menu a{display:block;overflow:hidden;font-size:36px;line-height:1.2;letter-spacing:-.025em;text-decoration:none}
.menu a span{display:block;transform:translateY(105%);transition:transform .75s var(--suave);transition-delay:calc(var(--i)*50ms)}
.menu.abierto a span{transform:none}
.abierto~.sup .chip-m{color:#FFF0CA}

/* Botón */
.bot{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;padding:0 14px;border-radius:4px;background:var(--fg);color:var(--bg);font-size:15px;text-decoration:none;transition:background-color .6s,color .6s,opacity .3s}
.bot svg{width:11px;height:11px;flex:none;transition:transform .4s var(--suave)}
.bot-t{display:inline-flex;overflow:hidden;line-height:1.3}
.bot-t i{font-style:normal;white-space:pre;display:inline-block;position:relative;transition:transform .5s var(--suave);transition-delay:calc(var(--i)*12ms)}
.bot-t i::after{content:attr(data-c);position:absolute;left:0;top:100%}
@media (hover:hover){.bot:hover .bot-t i{transform:translateY(-100%)}.bot:hover svg{transform:translate(2px,-2px)}}
.bot.tocado .bot-t i{transform:translateY(-100%)}
.chip{display:inline-flex;align-items:center;gap:5px;font-size:13px;line-height:1}
.chip b{font-weight:400;display:grid;place-items:center;min-width:22px;height:22px;padding:0 5px;border-radius:4px;background:var(--chip)}
.chip span{padding:4px 8px;height:22px;display:grid;place-items:center;border-radius:99px;background:var(--chip)}

/* Portada: arco y palabras */
.heroe{position:sticky;top:0;height:100svh;min-height:560px;z-index:0;transform-origin:50% 45%}
.heroe-f{position:absolute;inset:0;overflow:hidden;background:var(--oliva)}
.js .heroe-f{clip-path:inset(0);animation:arco 1.25s var(--suave) 1.05s both}
.ya-vino.js .heroe-f{animation-delay:.1s;animation-duration:.9s}
@keyframes arco{from{clip-path:inset(100% 6% 0 6% round 50vw 50vw 0 0)}to{clip-path:inset(0 0 0 0 round 0)}}
.heroe-f img{position:absolute;inset:-4% 0 -10%;width:100%;height:114%;max-width:none;object-fit:cover;opacity:0;transition:opacity .7s}
.heroe-f img.on{opacity:1}
.heroe-f::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,18,1,.32),rgba(14,18,1,0) 22%,rgba(14,18,1,0) 55%,rgba(14,18,1,.78))}
.g{position:absolute;z-index:3;font:400 clamp(58px,16.6vw,210px)/.9 Marca,Georgia,serif;letter-spacing:-.01em;color:var(--crema);pointer-events:none;will-change:transform,opacity}
.g1{left:14px;top:calc(8px + env(safe-area-inset-top))}
.g2{right:14px;bottom:calc(10px + env(safe-area-inset-bottom))}
.js .g1{animation:g1 1.2s var(--suave) 1.05s both}.js .g2{animation:g2 1.2s var(--suave) 1.05s both}
.js .gi{display:inline-block;animation:sube .9s var(--suave) both}
@keyframes sube{from{opacity:0;transform:translateY(40%)}}
@keyframes g1{from{transform:translate(calc(50vw - 100% - 12px),calc(50svh - 100%))}}
@keyframes g2{from{transform:translate(calc(-50vw + 60%),calc(-50svh + 10%))}}
.ya-vino.js .g1,.ya-vino.js .g2{animation-delay:0s;animation-duration:.01s}.ya-vino.js .gi{animation-duration:.01s}
.heroe-t{position:absolute;z-index:3;left:16px;bottom:calc(92px + env(safe-area-inset-bottom));width:min(290px,76vw);display:grid;gap:10px;justify-items:start;color:var(--crema);font-size:18px}
.js .heroe-t{animation:aparece .9s var(--suave) 1.9s both}.ya-vino.js .heroe-t{animation-delay:.4s}
.heroe-t .bot{background:var(--crema);color:var(--oliva)}
@keyframes aparece{from{opacity:0;transform:translateY(14px)}}
.heroe-caja{height:170svh}
.resto{position:relative;z-index:1;margin-top:-70svh}

/* Texto grande en escalera a la derecha */
.frase{font-size:clamp(34px,9vw,72px);line-height:1.02;letter-spacing:-.028em;text-align:right;padding-block:90px 34px}
.frase.iz{text-align:left}
.pl{transition:opacity .12s linear}
.js [data-pal] .pl{opacity:.5}
.foto{position:relative;overflow:hidden;background:rgba(14,18,1,.4);will-change:clip-path}
.foto img{width:100%;height:118%;max-width:none;object-fit:cover;will-change:transform}
.etq{position:absolute;right:8px;bottom:8px;display:flex;gap:4px;font-size:13px;color:var(--crema);z-index:2}
.etq span{height:26px;display:grid;place-items:center;padding:0 10px;border-radius:99px;background:rgba(14,18,1,.9)}
.etq span+span{box-shadow:inset 0 0 0 1px rgba(255,240,202,.35)}

/* Casas */
.fila-t{display:flex;justify-content:space-between;align-items:center;padding-block:72px 12px}
.t44{font-size:clamp(44px,8vw,72px);line-height:1;letter-spacing:-.03em}
.lista-c{display:grid;gap:44px}
.c-a{display:block;text-decoration:none}
.c-a .foto{aspect-ratio:4/3.9}
.collage-c{display:grid;grid-template-columns:2fr 1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:3px}
.collage-c img{height:100%;min-height:0}
.collage-c img:first-child{grid-row:1/4}
.c-p{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-top:9px;font-size:24px;letter-spacing:-.012em}
.c-n{display:flex;gap:6px;font-size:13px}
.c-n span{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 7px;border-radius:5px;background:var(--chip)}
.c-n svg{width:13px;height:13px}
.c-prox{aspect-ratio:4/2.6;display:grid;place-items:center;text-align:center;gap:6px;padding:20px;border-radius:0 0 0 0;box-shadow:inset 0 0 0 1px var(--linea);text-decoration:none}
.c-prox p:first-child{font-size:24px}.c-prox p+p{font-size:15px;opacity:.88}

/* Quién */
.hola{padding-top:90px}
.cred{display:grid;grid-template-columns:76px minmax(0,1fr);gap:14px;align-items:center;margin-top:20px}
.cred img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:50% 18%}
.cred strong{display:block;font-weight:400;font-size:clamp(44px,12vw,72px);line-height:1;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
.cred span{display:block;font-size:15px;opacity:.88;margin-top:3px}
.redes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:14px}
.redes a{display:grid;gap:10px;padding:10px;background:var(--chip);text-decoration:none;transition:background-color .6s}
.redes svg{width:17px;height:17px;opacity:.75}
.redes b{display:block;font-weight:400;font-size:20px;letter-spacing:-.015em;line-height:1}
.redes small{display:block;font-size:13px;opacity:.85;margin-top:3px}
.largo{font-size:clamp(24px,5.5vw,38px);line-height:1.2;letter-spacing:-.02em;padding-top:28px}
.solo-bot{padding-top:22px}

/* Escena fija */
.escena{height:360vh;margin-top:60px}
.escena-f{position:sticky;top:0;height:100svh;overflow:hidden;display:grid;place-items:center}
.escena h2{position:relative;z-index:3;text-align:center;font-size:clamp(34px,9.2vw,76px);line-height:1;letter-spacing:-.028em}
.ob{position:absolute;left:50%;top:50%;aspect-ratio:3/4;object-fit:cover;border-radius:50vw 50vw 0 0;width:46vw;max-width:360px;margin-left:calc(min(46vw,360px)*-.5);z-index:2;opacity:0;will-change:transform,opacity;transform-origin:50% 50%}
.arq{position:absolute;inset:0;width:100%;height:100%;z-index:1;fill:none;stroke:var(--fg);stroke-width:1;opacity:.28;vector-effect:non-scaling-stroke}
.arq *{vector-effect:non-scaling-stroke}

/* Tarjetas apiladas */
.p-t{padding-block:30px 12px}
.pila{display:grid}
.t-a{position:sticky;min-height:290px;padding:14px;display:grid;align-content:space-between;gap:46px;will-change:opacity}
.t-a:nth-child(1){top:70px;background:#0E1201;color:#FFF0CA}
.t-a:nth-child(2){top:96px;background:#BC6F45;color:#0E1201}
.t-a:nth-child(3){top:122px;background:#F6E2B8;color:#0E1201}
.t-a:nth-child(4){top:148px;background:#0E1201;color:#FFF0CA}
.t-i{display:flex;justify-content:space-between;align-items:flex-start}
.t-i>b{font-weight:400;font-size:13px;display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:rgba(128,128,100,.28)}
.dib{width:82px;height:82px;fill:none;stroke:currentColor;stroke-width:1.1}
.t-a h3{font-size:24px;letter-spacing:-.012em;margin-bottom:6px}
.t-a p{font-size:15px;line-height:1.3;max-width:28em}
.t-f{position:relative;margin:-14px -14px 0;aspect-ratio:4/2.7;overflow:hidden}
.t-f img{width:100%;height:100%;object-fit:cover}
.t-f>b{position:absolute;right:14px;top:14px;font-weight:400;font-size:13px;display:grid;place-items:center;width:22px;height:22px;border-radius:4px;background:rgba(14,18,1,.72);color:#FFF0CA}

/* Cinta y notas */
.cinta{overflow:hidden;padding-block:70px 22px}
.cinta div{display:flex;width:max-content;font-size:clamp(44px,8vw,72px);line-height:1;letter-spacing:-.03em;animation:corre 26s linear infinite;will-change:transform}
.cinta span{padding-right:.7em;white-space:nowrap}
@keyframes corre{to{transform:translate3d(-50%,0,0)}}
.notas{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;overscroll-behavior-x:contain;scrollbar-width:none;padding-inline:16px}
.notas::-webkit-scrollbar{display:none}
.nota{flex:0 0 min(74vw,340px);min-height:300px;padding:14px;background:var(--tan);display:grid;align-content:space-between;gap:30px}
.nota small{font-size:13px;opacity:.82}
.nota p{font-size:20px;line-height:1.2;letter-spacing:-.012em}

/* Dónde */
.arc{margin-top:16px;aspect-ratio:4/4.1;border-radius:32vw 32vw 0 0}
@media (min-width:900px){.arc{border-radius:240px 240px 0 0;max-width:640px}}
.gana-l{display:grid;gap:14px;justify-items:start;margin-top:64px;padding-top:18px;border-top:1px solid var(--linea)}

/* Pie */
.pie{background:#BC6F45;color:#0E1201;margin-top:70px;overflow:hidden}
.pie-d{padding:26px 16px calc(14px + env(safe-area-inset-bottom));will-change:transform,opacity}
.pie .chip b,.pie .chip span{background:rgba(255,240,202,.26)}
.pie-c{display:grid;grid-template-columns:1fr 1fr;gap:24px 12px}
.pie ul{margin-top:10px;font-size:20px;line-height:1.3}.pie ul a{text-decoration:none}
.gig{display:flex;width:max-content;margin-block:28px 18px;font:400 clamp(120px,36vw,360px)/.86 Marca,Georgia,serif;color:#FFF0CA;animation:corre 20s linear infinite;will-change:transform}
.gig span{padding-right:.28em;white-space:nowrap}
.pie-l{font-size:13px;display:flex;flex-wrap:wrap;gap:4px 16px}

.js .ap{opacity:0;transform:translateY(20px);transition:opacity .9s var(--suave),transform .9s var(--suave)}
.js .ap.visto{opacity:1;transform:none}

/* Ficha: el nombre queda quieto y las fotos pasan por encima */
.f-fija{position:sticky;top:0;height:100svh;margin-bottom:-100svh;display:grid;align-content:center;justify-items:center;gap:12px;z-index:0;pointer-events:none;will-change:opacity}
.f-fija h1{font-size:clamp(46px,12.5vw,100px);line-height:1;letter-spacing:-.03em;text-align:center;padding-inline:14px}
.f-gal{position:relative;z-index:1;padding-top:66svh;display:grid;grid-template-columns:minmax(0,1fr);gap:13svh}
.z-c{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px 10px}
.z-c h2{font-size:24px;letter-spacing:-.012em;line-height:1.1}
.z-g{display:flex;align-items:center;gap:7px;font-size:13px;transition:opacity .5s}
.z-g svg{width:22px;height:10px;animation:z-flecha 1.5s var(--suave) infinite alternate}
@keyframes z-flecha{from{transform:translateX(-3px)}to{transform:translateX(5px)}}
.zona.deslizo .z-g{opacity:0}
.z-f{display:none;gap:4px}.z-f button{width:40px;height:40px;background:var(--chip);border-radius:4px}
.tira{overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scrollbar-width:none;scroll-padding-inline:16px;overscroll-behavior-x:contain}
.tira::-webkit-scrollbar{display:none}
.tira-d{display:flex;gap:8px;width:max-content;padding-inline:16px}
.zona.amago .tira-d{animation:amago 1.15s var(--suave) .35s 1}
@keyframes amago{0%,100%{transform:none}45%{transform:translateX(-42px)}}
.tira figure{width:min(82vw,560px);scroll-snap-align:start;flex:none}
.ver{display:block;width:100%;aspect-ratio:4/3.2;overflow:hidden;background:rgba(14,18,1,.5)}
.ver img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--suave)}
@media (hover:hover){.ver:hover img{transform:scale(1.03)}}
.tira figcaption{font-size:13px;padding-top:6px;opacity:.92}
.puntos{display:flex;gap:5px;padding:9px 16px 0}
.puntos i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.28;transition:opacity .3s,transform .3s}
.puntos i.on{opacity:1;transform:scale(1.25)}
.visor{position:fixed;inset:0;z-index:75;background:#0E1201;color:#FFF0CA;display:flex;flex-direction:column;animation:aparece .35s var(--suave)}
.visor-c{display:flex;justify-content:space-between;align-items:center;padding:calc(8px + env(safe-area-inset-top)) 16px 8px;font-size:15px}
.visor-c button{width:44px;height:44px;font-size:26px}
.visor-p{flex:1;min-height:0;display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.visor-p::-webkit-scrollbar{display:none}
.visor-p figure{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;justify-content:center;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.visor-p img{width:100%;max-height:82dvh;object-fit:contain}
.visor-p figcaption{padding:8px 16px 0;font-size:15px;opacity:.92}
.flot{position:fixed;left:50%;translate:-50% 0;bottom:calc(16px + env(safe-area-inset-bottom));z-index:40}
.det{position:relative;z-index:1;padding-top:32svh}
.det h2{font-size:clamp(44px,8vw,72px);line-height:1;letter-spacing:-.03em;padding-bottom:42px}
.sub{font-size:15px;opacity:.85;padding-bottom:6px}
.desc{font-size:24px;line-height:1.2;letter-spacing:-.012em}.desc p+p{margin-top:.7em}
.tabla{margin-top:40px}
.tabla li{display:flex;justify-content:space-between;align-items:center;gap:14px;padding-block:12px;border-top:1px solid var(--linea);font-size:15px;line-height:1.25}
.tabla li>span:first-child{display:flex;gap:9px;align-items:center;opacity:.88}
.tabla li>span:last-child{text-align:right}
.tabla svg{width:15px;height:15px;flex:none}
.mapa{position:relative;margin-top:14px;aspect-ratio:4/3.4;overflow:hidden;background:#E9D8AE}
.mapa img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) sepia(.7) contrast(.86) brightness(1.08);opacity:.7}
.mapa i{position:absolute;left:38%;top:30%;width:42%;aspect-ratio:1;border-radius:50%;background:rgba(188,111,69,.26);box-shadow:inset 0 0 0 1px #BC6F45}
.gana-c{margin-top:64px;padding:16px;background:var(--tan);display:grid;gap:12px;justify-items:start}
.gana-c p:first-child{font-size:24px;letter-spacing:-.012em}

/* Reservar */
.r-h{padding-top:calc(88px + env(safe-area-inset-top))}
.r-f{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:22px}
.campo{display:grid;gap:3px;min-height:60px;padding:9px 10px;text-align:left;background:rgba(255,240,202,.07);font-size:17px}
.campo small{font-size:12px;letter-spacing:.05em;text-transform:uppercase;opacity:.85}
.campo.ancho{grid-column:1/3}
.campo.activo{box-shadow:inset 0 0 0 1px var(--crema)}
.r-f .bot{grid-column:1/3;width:100%;background:var(--crema);color:var(--oliva);margin-top:4px}
.cal{grid-column:1/3;background:#0E1201;padding:10px;display:grid;gap:8px;box-shadow:inset 0 0 0 1px var(--linea);animation:aparece .45s var(--suave)}
.cal-c{display:flex;justify-content:space-between;align-items:center}
.cal-c button{width:44px;height:44px;font-size:18px}
.cal-g{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center}
.cal-g span{font-size:12px;opacity:.55;padding-bottom:3px}
.cal-g button{aspect-ratio:1;min-height:40px;font-size:15px}
.cal-g button:disabled{opacity:.28;text-decoration:line-through}
.cal-g button.en{background:rgba(255,240,202,.13)}.cal-g button.fin{background:var(--crema);color:var(--oliva)}
.pers{grid-column:1/3;display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:#0E1201;box-shadow:inset 0 0 0 1px var(--linea)}
.pers div{display:flex;gap:8px;align-items:center}.pers button{width:44px;height:44px;font-size:20px}
.res{display:grid;gap:44px;margin-top:40px}
.res-c{padding-bottom:30px;border-bottom:1px solid var(--linea)}
.car{position:relative;aspect-ratio:4/4;overflow:hidden;background:rgba(14,18,1,.5)}
.car-p{display:flex;width:100%;height:100%;overflow-x:auto;overflow-y:hidden;touch-action:pan-x pan-y;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.car-p::-webkit-scrollbar{display:none}
.car-p a{flex:0 0 100%;display:block;scroll-snap-align:center}
.car-p img{width:100%;height:100%;object-fit:cover}
.car-d{position:absolute;left:0;right:0;bottom:9px;display:flex;justify-content:center;gap:4px;pointer-events:none}
.car-d i{width:5px;height:5px;border-radius:50%;background:#FFF0CA;opacity:.45;transition:opacity .3s,transform .3s;box-shadow:0 0 3px rgba(14,18,1,.6)}
.car-d i.on{opacity:1;transform:scale(1.3)}
.res-a{text-decoration:none;color:inherit}
.res-a u{text-underline-offset:3px}
.nota-c{color:var(--coral);font-size:15px}
.car button{position:absolute;top:50%;translate:0 -50%;width:40px;height:44px;background:rgba(14,18,1,.55);color:var(--crema);z-index:2}
.car .a{left:6px}.car .b{right:6px}
.res-d{font-size:15px;line-height:1.3;opacity:.9;margin-top:10px}
.res-p{margin-top:14px;display:grid;gap:5px;justify-items:start;animation:aparece .7s var(--suave)}
.res-p small{font-size:13px;opacity:.86}
.res-p strong{font-weight:400;font-size:44px;letter-spacing:-.03em;line-height:1}
.res-p strong span{font-size:18px;letter-spacing:-.008em}
.res-p .bot{margin-top:9px;background:var(--crema);color:var(--oliva)}
.res-p small:last-child{margin-top:4px}
.no{color:var(--coral);font-size:15px}

/* Gana */
.ga-h{padding-top:calc(88px + env(safe-area-inset-top));min-height:72svh;display:grid;align-content:end}
.ga-h h1{font-size:clamp(58px,15.5vw,150px);line-height:.95;letter-spacing:-.035em}
.ga-h p{font-size:24px;line-height:1.2;letter-spacing:-.012em;padding-block:16px 26px}
.cap{min-height:100svh;padding:calc(60px + env(safe-area-inset-top)) 16px 20px;display:grid;align-content:space-between;gap:18px;will-change:opacity}
@media (min-height:700px){.cap{position:sticky;top:0}}
.cap h2{font-size:clamp(50px,13.5vw,120px);line-height:.96;letter-spacing:-.035em;margin-top:12px}
.cap ol{display:grid;gap:8px;counter-reset:n;font-size:18px;line-height:1.22}
.cap li{display:grid;grid-template-columns:26px minmax(0,1fr);counter-increment:n}.cap li::before{content:counter(n);opacity:.6}
.cap .bot{width:100%}
.c1{background:#0E1201;color:#FFF0CA}.c1 .bot{background:#FFF0CA;color:#0E1201}
.c2{background:#BC6F45;color:#0E1201}.c2 .bot{background:#0E1201;color:#FFF0CA}
.c3{background:#FFF0CA;color:#0E1201}.c3 .bot{background:#0E1201;color:#FFF0CA}
.cap .chip b,.cap .chip span{background:rgba(128,128,100,.26)}
.link-ej{padding:11px 12px;background:rgba(255,240,202,.08);font-size:15px;word-break:break-all;min-height:62px}
.link-ej em{font-style:normal;color:#E9B48F}
.cuenta{padding-block:80px 10px}

/* Hoja deslizante */
.velo{position:fixed;inset:0;z-index:70;background:rgba(14,18,1,.62);display:flex;align-items:flex-end;justify-content:center}
.hoja-d{width:100%;max-width:480px;max-height:92dvh;overflow:auto;background:#FFF0CA;color:#0E1201;padding:14px 16px calc(20px + env(safe-area-inset-bottom));animation:sheet .55s var(--suave)}
@keyframes sheet{from{clip-path:inset(35% 0 0 0);transform:translateY(40px)}to{clip-path:inset(0)}}
.hoja-d h3{font-size:36px;letter-spacing:-.03em;line-height:1;margin-bottom:8px}
.hoja-d ol{display:grid;gap:6px;margin:12px 0;counter-reset:n;line-height:1.25}
.hoja-d li{display:grid;grid-template-columns:24px minmax(0,1fr);counter-increment:n}.hoja-d li::before{content:counter(n);color:#BC6F45}
.hoja-d label{display:block;font-size:13px;margin-top:9px;opacity:.7}
.hoja-d input{width:100%;min-height:48px;margin-top:3px;padding:0 11px;border:0;border-radius:0;background:rgba(189,131,70,.14);color:#0E1201;font:inherit}
.hoja-d .bot{width:100%;margin-top:10px;background:#0E1201;color:#FFF0CA}
.hoja-d .bot.l{background:transparent;color:#0E1201;box-shadow:inset 0 0 0 1px rgba(14,18,1,.25)}
.hoja-d .x{float:right;min-width:44px;min-height:44px;margin:-8px -10px 0 0;font-size:24px}
.hoja-d .ej{font-size:12px;background:rgba(189,131,70,.22);padding:1px 6px;border-radius:99px;margin-left:4px}
.hoja-d .lnk{display:block;min-height:44px;padding-top:12px;text-decoration:underline;text-underline-offset:3px}
.hoja-d .caja{margin-top:10px;padding:10px;background:rgba(189,131,70,.14);word-break:break-all;font-size:15px}
.hoja-d .caja em{font-style:normal;color:#9A4F28}
.hoja-d .nt{font-size:13px;opacity:.72;margin-top:6px;min-height:18px}
.cua{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:10px}
.cua div{background:rgba(189,131,70,.14);padding:9px 5px;text-align:center;font-size:13px;line-height:1.15}
.cua b{display:block;font-weight:400;font-size:26px}

@media (min-width:900px){
  body{font-size:19px}
  .marca{font-size:24px}
  .sup{padding-inline:28px}
  .heroe-t{left:28px;bottom:32px;width:340px}
  .g2{right:28px}.g1{left:26px}
  .frase{padding-block:150px 50px}
  .lista-c{grid-template-columns:1fr 1fr;gap:20px}
  .bloq-2{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:end}
  .pila{grid-template-columns:repeat(3,1fr);gap:0}
  .t-a{position:static;min-height:420px}
  .notas{padding-inline:calc((100% - 1240px)/2 + 16px)}
  .det-2{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:start}
  .tabla{margin-top:0}
  .z-c,.puntos{padding-inline:28px}.tira-d{padding-inline:28px}.tira{scroll-padding-inline:28px}
  .tira figure{width:min(38vw,620px)}
  .pie-c{grid-template-columns:repeat(3,1fr)}.pie-d{padding-inline:28px}
  .r-f{grid-template-columns:1fr 1fr 1fr auto}.campo.ancho{grid-column:auto}.r-f .bot{grid-column:auto;width:auto;margin:0;padding-inline:36px}.cal,.pers{grid-column:1/-1}
  .res{grid-template-columns:1fr 1fr}
  .cap{padding-inline:28px;grid-template-columns:1fr 1fr;align-items:center;align-content:center;gap:48px}
  .ob{width:20vw;margin-left:calc(min(20vw,360px)*-.5)}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .js [data-pal] .pl,.js .ap{opacity:1;transform:none}
  .escena{height:auto;margin-top:40px}.escena-f{position:static;height:auto;display:block;text-align:center}.ob{display:none}.arq{display:none}
}
@media (pointer:fine){.z-f{display:flex}.z-g{display:none}.tira{scroll-behavior:smooth}}
.parada{animation-play-state:paused!important}

/* Gana: el modelo elegido primero, con todo su detalle; los demás debajo. Sin tarjetas apiladas. */
.gh{padding-top:calc(78px + env(safe-area-inset-top))}
.gd h1{font-size:clamp(58px,15.5vw,150px);line-height:.95;letter-spacing:-.035em;margin-top:12px}
.gd-s{font-size:24px;line-height:1.2;letter-spacing:-.012em;margin-top:14px;max-width:32em}
.gd>.bot{margin-top:18px}
.gd.entra>*,.gd.entra .gd-d>*{animation:aparece .75s var(--suave) both;animation-delay:calc(var(--i,0)*70ms)}
.gd-d{display:grid;gap:0;margin-top:52px}
.gd-d>.bot{justify-self:start;margin-top:26px}
.gd-b{padding-block:20px;border-top:1px solid var(--linea)}
.gd-b h3,.gd-b h2{font-weight:400;font-size:15px;opacity:.85;margin-bottom:12px}
.gd-n{display:grid;gap:14px;counter-reset:n}
.gd-n li{position:relative;padding-left:30px;counter-increment:n;font-size:18px;line-height:1.28}
.gd-n li::before{content:counter(n);position:absolute;left:0;top:2px;opacity:.72}
.gd-n b{font-weight:400;display:block;font-size:22px;letter-spacing:-.012em;line-height:1.15;margin-bottom:2px}
.gd-g{font-size:44px;line-height:1;letter-spacing:-.03em;margin-bottom:10px}
.gd-g span{font-size:18px;letter-spacing:-.008em}
.gd-l{display:grid;gap:8px;font-size:18px;line-height:1.28}
.gd-l li{display:grid;grid-template-columns:16px minmax(0,1fr)}
.gd-l li::before{content:"";width:5px;height:5px;margin-top:.55em;border-radius:50%;background:currentColor;opacity:.72}
.ej-o{display:inline-block;font-size:12px;padding:1px 7px;margin-left:6px;border-radius:99px;background:var(--chip);vertical-align:1px}
.cua-o{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px}
.cua-o div{background:var(--chip);padding:11px 6px;text-align:center;font-size:13px;line-height:1.15}
.cua-o b{display:block;font-weight:400;font-size:30px;letter-spacing:-.02em}
.otros{padding-top:90px}
.otros .t44{padding-bottom:18px}
.ot-l{display:grid;gap:6px}
.ot-w{background:var(--tan);color:var(--fg);transition:background-color .3s}
.ot-w[hidden]{display:none}
.ot{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;width:100%;min-height:150px;padding:14px;border:0;background:none;color:inherit;font:inherit;letter-spacing:inherit;text-align:left;cursor:pointer}
.ot-c{display:grid;gap:8px;align-content:space-between;min-height:122px}
.ot-d{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--suave)}
.ot-di{min-height:0;overflow:hidden;padding-inline:14px;visibility:hidden;transition:visibility 0s .5s}
.ot-di>.bot{margin:6px 0 18px}
.ot-w.abre .ot-d{grid-template-rows:1fr}
.ot-w.abre .ot-di{visibility:visible;transition-delay:0s}
.ot strong{font-weight:400;font-size:32px;line-height:1;letter-spacing:-.025em}
.ot small{font-size:15px;line-height:1.28}
.ot svg{width:22px;height:22px;flex:none;transform:rotate(135deg);transition:transform .5s var(--suave)}
.ot-w.abre .ot svg{transform:rotate(315deg)}
.ot-w.t-terra{background:#BC6F45;--fg:#0E1201;--bg:#FFF0CA;--linea:rgba(14,18,1,.24);--chip:rgba(14,18,1,.1)}
.ot-w.t-oliva{background:#0E1201;--fg:#FFF0CA;--bg:#0E1201;--linea:rgba(255,240,202,.18);--chip:rgba(255,240,202,.1)}
@media (min-width:900px){
  .gd-d{grid-template-columns:1fr 1fr;gap:0 48px}.gd-d>.bot{grid-column:1/-1}
  .ot-l{grid-template-columns:repeat(3,1fr);align-items:start}
}
@media (prefers-reduced-motion:reduce){.ot-d,.ot-di,.ot svg{transition:none}}
.doc h1{margin-top:12px}.doc-c{display:grid;margin-top:44px}.doc .gd-b h2{font-weight:400;font-size:26px;line-height:1.1;letter-spacing:-.015em;margin-bottom:12px}.doc-n{font-size:15px;opacity:.8;padding-block:18px 60px}.doc .gd-l b{font-weight:400;text-decoration:underline;text-underline-offset:3px}
@media (min-width:900px){.doc-c{grid-template-columns:1fr 1fr;gap:0 48px}}
.pr-c{margin-top:24px;font-size:44px;letter-spacing:-.03em;line-height:1.05}.pr-c span{font-size:18px;letter-spacing:-.008em}