/* Membresía Fine Dining Table. Tokens y reglas: brief/ui.md. Sin nesting: una @media dentro de otra mata el bloque en silencio. */
@font-face{font-family:Inter;src:url(/assets/fonts/inter.woff2?v=1dc044f482) format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{
  color-scheme:only light;
  --negro:#000;--blanco:#FFF;--gris:#F5F5F7;--gris-2:#E8E8ED;
  --noche-1:#1C1C1E;--noche-2:#2C2C2E;--noche-3:#3A3A3C;--tarjeta:#0A0A0A;
  --tinta:#1D1D1F;--suave:#6E6E73;--oro:#7A5E22;--borde-campo:#86868B;
  --niebla:#F5F5F7;--gris-claro:#D1D1D6;--suave-osc:#A1A1A6;--oro-claro:#D4B36A;--oro-claro-hover:#E2C687;
  --f3:#6E531B;--f2:#A8843F;--f1:#D3BE8C;--fr:#B9B9BE;--fh:#3F7464;
  --foco-claro:#0071E3;--foco-osc:#D4B36A;--error:#B3261E;--exito:#1E6B4E;
  --foco:var(--foco-claro);
  --sans:-apple-system,BlinkMacSystemFont,'SF Pro Display','SF Pro Text','Inter','Helvetica Neue',Arial,sans-serif;
  --m:16px;--gut:12px;--barra:52px;--sec:72px;--h2-sep:24px;
  --r-seg:11px;--r-campo:14px;--r-burbuja:20px;--r-card:22px;--r-panel:28px;--r-pill:980px;
  --ease-out:cubic-bezier(.23,1,.32,1);--ease-expo:cubic-bezier(.16,1,.3,1);--ease-drawer:cubic-bezier(.32,.72,0,1);--ease-io:cubic-bezier(.77,0,.175,1);--resorte:cubic-bezier(.22,1,.36,1);
  --t-press:140ms;--t-hover:180ms;--t-ui:240ms;--t-drawer:360ms;--t-reveal:560ms;--t-open:700ms;
  --f-s:13px;--f-m:15px;--f-b:16px;--f-h3:21px;
  --t-display:clamp(34px,11.3vw,46px);--t-h2:8.2vw;--t-lead:clamp(24px,2.8vw,40px);
  --barra-h:64px;
  interpolate-size:allow-keywords;
}
@supports (transition-timing-function:linear(0,1)){
  :root{--resorte:linear(0,.035,.12,.231,.351,.47,.579,.676,.758,.826,.88,.922,.954,.977,.993,1.004,1.01,1.014,1.015,1.014,1.012,1.009,1.005,1.002,1)}
}
@media (min-width:768px){:root{--m:32px;--gut:16px;--barra:56px;--sec:96px;--h2-sep:32px;--t-display:clamp(60px,7vw,104px);--t-h2:clamp(40px,5.2vw,64px);--f-b:17px}}
@media (min-width:1200px){:root{--m:48px;--gut:24px;--sec:128px;--h2-sep:48px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto;scroll-padding-top:var(--barra);scroll-padding-bottom:calc(var(--barra-h) + env(safe-area-inset-bottom) + 12px);overflow-x:clip}
body{margin:0;background:#000;color:var(--tinta);font:400 var(--f-b)/1.47 var(--sans);letter-spacing:-.012em;-webkit-font-smoothing:antialiased;overflow-x:clip}
img,video,svg{display:block;max-width:100%}
img{height:auto}
h1,h2,h3,h4,p,ul,figure{margin:0}
ul{padding:0;list-style:none}
fieldset{margin:0;padding:0;border:0;min-width:0}
legend{padding:0}
a{color:inherit;text-underline-offset:.18em}
button,input,select,textarea{font:inherit;letter-spacing:inherit;color:inherit}
button{background:none;border:0;padding:0;cursor:pointer}
a,button,label,summary,input{-webkit-tap-highlight-color:transparent}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
h1,h2{text-wrap:balance}
p,li{text-wrap:pretty}
h2{font-size:var(--t-h2);font-weight:600;line-height:1.05;letter-spacing:-.03em}
[hidden]{display:none!important}
::selection{background:var(--oro-claro);color:#000}
:focus-visible{outline:2px solid var(--foco);outline-offset:3px}
.oscuro,.sup,.pie,.barra,.hero{--foco:var(--foco-osc)}
.vo{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.envuelve{width:100%;max-width:1440px;margin-inline:auto;padding-inline:var(--m)}
.envuelve>*{min-width:0}
.salta{position:absolute;left:var(--m);top:-60px;z-index:60;background:#fff;color:#000;padding:10px 16px;border-radius:var(--r-campo);font-size:var(--f-m);font-weight:500}
.salta:focus{top:6px}
.micro{font-size:var(--f-s);line-height:1.38;color:var(--suave)}

/* CTA */
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;border-radius:var(--r-pill);font-size:var(--f-b);font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;transition:transform var(--t-press) var(--ease-out),background-color var(--t-hover) ease;position:relative}
.cta:active{transform:scale(.97)}
.cta-o{background:var(--oro-claro);color:#000}
.cta-t{background:var(--tinta);color:#fff}
.cta-ancho{width:100%}
@media (hover:hover) and (pointer:fine){.cta-o:hover{background:var(--oro-claro-hover)}.cta-t:hover{background:var(--noche-3)}}
.enl{display:inline-flex;align-items:center;gap:2px;min-height:44px;color:var(--oro);font-size:var(--f-m);font-weight:500;text-decoration:none}
.enl svg{flex:none}
.enl-osc{color:var(--oro-claro)}
@media (hover:hover) and (pointer:fine){.enl:hover{text-decoration:underline}}

/* Barra superior */
.sup{position:sticky;top:0;z-index:50;background:#000;color:#fff}
.sup-in{display:flex;align-items:center;height:var(--barra);max-width:1440px;margin-inline:auto;padding-inline:var(--m);gap:12px}
.marca{display:inline-flex;align-items:center;gap:8px;font-size:var(--f-m);font-weight:600;color:#fff;text-decoration:none;white-space:nowrap;min-height:44px;flex:none}
.marca svg{flex:none}
.nav{display:none;margin-inline:auto;gap:24px}
.nav a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--f-m);color:var(--gris-claro);text-decoration:none;white-space:nowrap;transition:color var(--t-hover) ease}
.nav a[aria-current=true]{color:#fff;font-weight:600}
.nav a:active{opacity:.7}
@media (hover:hover) and (pointer:fine){.nav a:hover{color:#fff}}
.sup-der{display:flex;align-items:center;gap:8px;margin-left:auto;flex:none}
.idioma{display:flex;align-items:center;font-size:var(--f-s);font-weight:500}
.idioma a,.idioma span{display:inline-flex;align-items:center;justify-content:center;min-width:24px;min-height:44px;padding-inline:4px;text-decoration:none}
.id-otro{color:var(--suave-osc);transition:color var(--t-hover) ease}
.id-actual{color:#fff}
@media (hover:hover) and (pointer:fine){.id-otro:hover{color:#fff}}
.cta-sup{display:none;min-height:36px;padding-inline:16px;font-size:var(--f-m);background:var(--oro-claro);color:#000}
.cta-sup::after{content:"";position:absolute;inset:-4px 0}
@media (hover:hover) and (pointer:fine){.cta-sup:hover{background:var(--oro-claro-hover)}}
.pill-borde{display:inline-flex;align-items:center;min-height:36px;padding-inline:14px;border-radius:var(--r-pill);border:1px solid var(--suave-osc);color:#fff;font-size:var(--f-m);font-weight:500;text-decoration:none;white-space:nowrap;position:relative;transition:transform var(--t-press) var(--ease-out),border-color var(--t-hover) ease}
.pill-borde::after{content:"";position:absolute;inset:-5px 0}
.pill-borde:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.pill-borde:hover{border-color:#fff}}
.menu summary{display:flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;font-size:var(--f-m);font-weight:500;color:#fff;transition:transform var(--t-press) var(--ease-out),color var(--t-hover) ease}
.menu summary:active{transform:scale(.97)}
.m-cierra{display:none}
.menu[open] .m-abre{display:none}
.menu[open] .m-cierra{display:inline}
.menu-panel{position:absolute;left:0;right:0;top:100%;background:#000;padding:8px var(--m) 24px;display:flex;flex-direction:column;transform-origin:top right}
.menu-panel a{display:flex;align-items:center;min-height:48px;font-size:var(--f-b);font-weight:500;color:#fff;text-decoration:none}
.menu-panel .menu-partners{margin-top:24px;color:var(--gris-claro)}
.menu-panel .menu-cta{justify-content:center;align-self:flex-start;margin-top:16px;min-height:50px;font-weight:600;color:#000}
.menu-panel::after{content:"";position:absolute;left:0;right:0;top:100%;height:100vh;background:rgba(0,0,0,.6);pointer-events:none}
.mv .menu-panel{transition:opacity 150ms var(--ease-out),transform 150ms var(--ease-out)}
.mv .menu:not([open]) .menu-panel{opacity:0;transform:scale(.97)}
.mv .menu[open] .menu-panel{opacity:1;transform:none;transition-duration:var(--t-ui)}
.mv .menu::details-content{transition:content-visibility 150ms allow-discrete}
@starting-style{.mv .menu[open] .menu-panel{opacity:0;transform:scale(.97)}}
@media (min-width:768px){.cta-sup{display:inline-flex}.sup-der{gap:12px}}
@media (min-width:1024px){.nav{display:flex}.menu{display:none}.sup-der{margin-left:0}body[data-pagina=partners] .sup-der{margin-left:auto}}

/* Hero */
.hero{display:flex;flex-direction:column;min-height:calc(100vh - var(--barra));min-height:calc(100svh - var(--barra));background:#000;color:#fff}
.ventana{position:relative;flex:1 1 0;min-height:88px;overflow:hidden;background:var(--noche-1)}
.ventana picture{display:contents}
.v-poster,.v-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.v-video{opacity:0;transition:opacity 400ms ease;clip-path:inset(1px)}
@media (max-aspect-ratio:1/1){.v-poster,.v-video{object-position:50% 20%}}
.v-video.activo{opacity:1}
/* QA M1: el clip-path de 1 px (C3 de tecnica-1, para el LCP) dejaba ver el póster como un marco claro. No quitar el clip-path. */
.ventana{background:#000}
.v-poster{transition:visibility 0s 400ms}
.ventana:has(.v-video.activo:not([hidden])) .v-poster{visibility:hidden}
.pausa{position:absolute;right:var(--m);bottom:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:rgba(0,0,0,.72);color:#fff;transition:transform var(--t-press) var(--ease-out)}
.sonido{position:absolute;right:calc(var(--m) + 52px);bottom:12px;min-height:44px;padding:0 16px;border-radius:var(--r-pill);background:rgba(0,0,0,.72);color:#fff;font-size:var(--f-m);font-weight:500;white-space:nowrap;transition:transform var(--t-press) var(--ease-out)}
.sonido:active{transform:scale(.97)}
.pausa:active{transform:scale(.97)}
.pausa .i-r{display:none}
.pausa[aria-pressed=true] .i-p{display:none}
.pausa[aria-pressed=true] .i-r{display:block}
.hero-txt{flex:none;padding-block:18px max(16px,env(safe-area-inset-bottom));background:#000}
.hero h1{font-weight:600;line-height:1}
.h1-g{display:block;font-size:var(--t-display);line-height:1.03;letter-spacing:-.034em;color:#fff}
.bajada{margin-top:10px;font-size:var(--f-b);line-height:1.36;color:var(--niebla)}
.b-corta{display:none}
.lista{margin-top:12px}
.lista li{padding-block:3px;font-size:var(--f-m);font-weight:500;line-height:1.3;color:#fff}
.hero-compra{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:14px}
.hero-compra{flex-wrap:wrap}
.precio-of{flex:0 0 100%;font-size:var(--f-m);font-weight:600;color:var(--oro);white-space:nowrap}
.hero .precio-of{color:var(--oro-claro)}
.precio-of s{margin-left:6px;font-weight:500;color:var(--suave);text-decoration-thickness:1.5px}
.hero .precio-of s{color:var(--gris-claro)}
.c-of{order:1}
.b-precio{display:flex;flex-direction:column;line-height:1.15}
.b-antes{font-size:var(--f-s);font-weight:500;color:var(--gris-claro);text-decoration-thickness:1px}
.precio-h{font-size:var(--f-h3);font-weight:600;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.micro-h{margin-top:10px;font-size:var(--f-s);line-height:1.38;color:var(--gris-claro)}
.hero-enl{margin-top:2px;display:flex;flex-wrap:wrap;column-gap:20px}
.hero-enl .enl{min-height:32px}
@media (max-height:620px),(max-width:339px){.b-larga{display:none}.b-corta{display:inline}}
@media (max-width:767px){.hero-compra .cta{padding-inline:20px}}
@media (max-width:379px){.hero-compra{gap:8px}.precio-h{font-size:var(--f-b)}.hero-compra .cta{padding-inline:14px}}
@media (max-width:339px){.precio-h{font-size:var(--f-m)}.hero-compra .cta{padding-inline:12px;font-size:var(--f-m)}}
@media (min-width:768px){
  .hero{max-height:1000px}
  .hero-txt{padding-block:32px 40px}
  .br-m{display:none}
  .hero-rej{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);row-gap:24px}
  .hero-rej>*{min-width:0}
  .hero h1{grid-column:1/-1}
  .bajada{grid-column:1/6;margin-top:0;font-size:var(--f-h3);line-height:1.3}
  .hero-acc{grid-column:6/-1}
  .lista{margin-top:0}
  .hero-compra{justify-content:flex-start;gap:24px}
}
@media (max-aspect-ratio:1/1) and (min-width:768px){.hero{max-height:none}}
/* Móvil en horizontal: el botón entra en la pantalla */
@media (min-width:768px) and (max-height:480px){.hero-txt{padding-block:10px 12px}.hero-rej{row-gap:6px}.ventana{min-height:36px}.pausa,.sonido{display:none}.lista li{padding-block:1px}}
/* Teléfonos bajos: la ventana del video es corta, la pausa más pequeña */
@media (max-width:767px) and (max-height:600px){.pausa{width:36px;height:36px;bottom:6px}}
/* Sin JS la barra está siempre: el hero termina antes de ella */
@media (max-width:767px){html:not(.js) .hero{min-height:calc(100svh - var(--barra) - var(--barra-h) - env(safe-area-inset-bottom))}}
@media (min-width:1360px){
  .hero-acc{display:grid;grid-template-columns:minmax(0,1fr) auto;column-gap:var(--gut);align-items:start}
  .lista{grid-column:1;grid-row:1/4}
  .hero-compra{grid-column:2;grid-row:1;margin-top:0;gap:24px}
  .micro-h{grid-column:2;grid-row:2;margin-top:8px}
  .hero-enl{grid-column:2;grid-row:3;margin-top:0}
}

/* Concierge */
.s-con{background:#000;color:var(--niebla);padding-block:var(--sec)}
.con-rej{display:grid;gap:24px}
.con-rej>*{min-width:0}
.con-cuerpo{margin-top:12px;color:var(--gris-claro);max-width:46ch}
.selectores{display:none;scroll-margin-top:-8px}
.js .selectores{display:block}
.selectores fieldset{margin-top:20px}
.selectores legend{display:block;font-size:var(--f-m);font-weight:500;color:var(--suave-osc);padding-bottom:8px}
.carril{display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;margin-inline:calc(var(--m)*-1);padding-inline:var(--m);scroll-padding-inline:var(--m);padding-block:4px;margin-block:-4px}
.carril::-webkit-scrollbar{display:none}
.rej-oc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.rej-oc .sel span{display:flex;justify-content:center;width:100%;padding-inline:8px}
.sel{position:relative;flex:none;display:block;border-radius:var(--r-pill);cursor:pointer}
.sel input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sel span{display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border-radius:var(--r-pill);background:var(--noche-1);color:var(--niebla);font-size:var(--f-m);font-weight:500;white-space:nowrap;transition:background-color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}
.sel:active span{transform:scale(.97)}
.sel input:checked+span{background:var(--niebla);color:#000;font-weight:600}
.sel:has(:focus-visible){outline:2px solid var(--foco-osc);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.sel input:not(:checked)+span:hover{background:var(--noche-2)}}
.sel-otra{flex:none;display:inline-flex;align-items:center;gap:2px;min-height:44px;padding-inline:8px;color:var(--oro-claro);font-size:var(--f-m);font-weight:500;text-decoration:none;white-space:nowrap}
.mesa-cab{display:flex;flex-wrap:wrap;align-items:center;gap:6px 10px;min-height:32px;margin-bottom:12px;font-size:var(--f-m);font-weight:600;color:#fff}
.mesa-cab svg{flex:none}
.mesa-nom{white-space:nowrap}
.rotulo{margin-left:auto;padding:5px 10px;border-radius:var(--r-pill);background:var(--noche-2);color:var(--niebla);font-size:var(--f-s);font-weight:500;line-height:1.2;white-space:nowrap}
.conv-apilada{display:grid}
.conv-apilada>*{grid-area:1/1;min-width:0}
.conv{display:flex;flex-direction:column;align-self:start}
.conv.fantasma{visibility:hidden}
.conv.salida{pointer-events:none}
.bb+.bb{margin-top:12px}
.bb.sigue{margin-top:4px}
.bb.espera{opacity:0}
.bb{font-size:var(--f-b);line-height:1.36;padding:12px 16px;border-radius:var(--r-burbuja)}
.bb-m{align-self:flex-end;max-width:82%;background:var(--noche-2);color:var(--niebla)}
.bb-c{align-self:flex-start;background:#fff;color:var(--tinta)}
.bb-c b{font-weight:600}
.nb{white-space:nowrap}
.b-red{display:inline-block;vertical-align:-1.5px;margin-left:3px;color:var(--oro)}
.mesa-micro{margin-top:12px;font-size:var(--f-s);line-height:1.38;color:var(--suave-osc)}
.leyenda-red{display:flex;align-items:center;gap:6px;margin-top:12px;font-size:var(--f-s);color:var(--suave-osc)}
.leyenda-red svg{color:var(--oro-claro);flex:none}
.con-linea{margin-top:16px;font-size:var(--f-b);font-weight:600;letter-spacing:-.02em;color:var(--niebla)}
.con-enl{margin-top:2px}
.con-cta{margin-top:8px}
.canal{margin-top:16px;font-size:var(--f-m);color:var(--suave-osc)}
@media (min-width:768px){
  .carril{flex-wrap:wrap;overflow:visible;margin-inline:0;padding-inline:0}
  .rej-oc{display:flex;flex-wrap:wrap}
  .rej-oc .sel span{display:inline-flex;width:auto;padding-inline:16px}
  .mesa{background:var(--noche-1);border-radius:var(--r-panel);padding:24px}
  .rotulo{background:var(--noche-3)}
  .bb{font-size:var(--f-b)}
  .bb-m{background:var(--noche-3)}
  .bb-c{max-width:86%}
}
@media (min-width:1024px){
  .con-rej{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
  .con-izq{grid-column:1/7;position:sticky;top:80px;align-self:start}
  .con-der{grid-column:7/-1}
}

/* Qué cambia */
.s-cam{background:#fff;padding-block:0;overflow-x:clip}
.seg{display:none;position:relative;gap:0;padding:3px;margin-top:24px;border-radius:var(--r-campo);background:var(--gris-2);max-width:100%;overflow-x:auto;scrollbar-width:none}
.seg::-webkit-scrollbar{display:none}
.js .seg{display:inline-flex}
.seg button{position:relative;z-index:1;flex:none;min-height:38px;padding:0 16px;border-radius:var(--r-seg);font-size:var(--f-m);font-weight:500;white-space:nowrap;color:var(--tinta);transition:background-color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}
.seg button::after{content:"";position:absolute;inset:-3px 0}
.seg button span{display:inline-block}
.seg button:active{transform:scale(.97)}
.seg-pieza{position:absolute;left:0;top:3px;bottom:3px;width:var(--pw,0);transform:translateX(var(--px,0));border-radius:var(--r-seg);background:#fff;transition:transform var(--t-ui) var(--resorte),width var(--t-ui) var(--resorte)}
.seg.sin-mov .seg-pieza{transition:none}
@media (hover:hover) and (pointer:fine){.seg button[aria-selected=false]:hover{background:rgba(255,255,255,.5)}}
@media (max-width:359px){.seg button{padding-inline:12px}}
@media (max-width:1023px){.seg button{min-height:44px}.seg button::after{inset:0}}
.seg button:focus-visible{outline-offset:-2px}
.paneles{display:flow-root}
.panel{margin-top:28px;min-width:0}
.panel-h{font-size:var(--f-h3);font-weight:600;letter-spacing:-.02em;margin-bottom:12px}
.js .panel-h{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip-path:inset(50%)}
.js .panel:not(.activo){display:none}
.panel:focus-visible{outline-offset:6px;border-radius:4px}
.respuesta{font-size:var(--t-lead);line-height:1.12;letter-spacing:-.025em;font-weight:600;color:var(--tinta);max-width:36ch;text-wrap:balance}
.cond{margin-top:24px;font-size:var(--f-m);line-height:1.4;color:var(--suave);max-width:62ch}
.cond a{color:var(--oro)}
.din{margin-top:16px;font-size:var(--f-b);font-weight:600;letter-spacing:-.02em;color:var(--tinta)}
.din-o{color:var(--oro);margin-top:0}
.cam-enl{margin-top:12px;padding-bottom:var(--sec)}
@media (min-width:768px){
}
@media (min-width:1200px){
  .panel{margin-top:40px}
}

.cam-foto{overflow:hidden}
.cam-foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.cam-cab{display:grid;gap:12px;padding-top:var(--sec)}
.cam-cab>*{min-width:0}
.cam-cab p{max-width:52ch;color:var(--suave)}
.s-cam .seg{margin-top:var(--h2-sep)}
.panel-intro{margin-top:12px;max-width:62ch;color:var(--suave)}
@media (min-width:768px){.cam-foto img{aspect-ratio:2.4/1}}
@media (min-width:1200px){
  .cam-cab{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:end}
  .cam-cab h2{grid-column:1/8}
  .cam-cab p{grid-column:8/-1}
}

.franja-b{background:#000;box-shadow:0 0 0 100vmax #000;clip-path:inset(0 -100vmax);margin-top:32px;padding-block:32px;font-size:var(--t-lead);font-weight:600;line-height:1.14;letter-spacing:-.025em;color:#fff;text-wrap:balance}

/* Explorador de beneficios */
.ex{margin-top:24px;--ex-fondo:var(--gris);--ex-tinta:var(--tinta);--ex-suave:var(--suave);--ex-filete:var(--gris-2);--ex-b-c:#fff;--ex-sel:var(--tinta);--ex-sel-t:#fff}
.oscuro .ex{--ex-fondo:var(--noche-1);--ex-tinta:#fff;--ex-suave:var(--suave-osc);--ex-filete:var(--noche-3);--ex-b-c:var(--noche-3);--ex-sel:var(--niebla);--ex-sel-t:#000}
.ex-lista{display:none}
.js .ex-lista{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}
.ex-lista button{min-height:44px;padding:8px 16px;border-radius:var(--r-pill);background:var(--ex-fondo);color:var(--ex-tinta);font-size:var(--f-b);font-weight:600;line-height:1.2;letter-spacing:-.015em;text-align:left;transition:background-color var(--t-hover) ease,color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}
.ex-lista button:active{transform:scale(.98)}
.ex-lista button[aria-selected=true]{background:var(--ex-sel);color:var(--ex-sel-t)}
.ex-escena{display:grid;gap:12px}
.ex-p{display:flex;flex-direction:column;gap:14px;min-width:0;padding:24px;border-radius:var(--r-panel);background:var(--ex-fondo);color:var(--ex-tinta)}
.js .ex-escena{gap:0}
.js .ex-p{grid-area:1/1}
.js .ex-p:not(.activo){visibility:hidden}
.ex-t,.s-exp .ex-t{font-size:var(--t-lead);font-weight:600;line-height:1.1;letter-spacing:-.025em;text-wrap:balance}
.s-exp .ex-p .ante-s,.ex-p .ante-s{color:var(--ex-suave)}
.ex-gana,.ex-con dd{font-size:clamp(19px,1.7vw,24px);font-weight:500;line-height:1.28;letter-spacing:-.018em;color:var(--ex-tinta);text-wrap:pretty}
.ex-comp{display:grid;gap:14px;margin:0}
.ex-comp dt{font-size:var(--f-m);font-weight:600;color:var(--ex-suave)}
.ex-comp dd{margin:2px 0 0}
.ex-comp div:first-child dd{font-size:var(--f-b);color:var(--ex-suave)}
.ex-esc{display:flex;flex-direction:column;gap:8px;margin-top:4px;padding-top:16px;border-top:1px solid var(--ex-filete)}
.ex-esc-t{font-size:var(--f-m);color:var(--ex-suave)}
.ex-b{max-width:82%;padding:10px 14px;border-radius:var(--r-burbuja);font-size:var(--f-b);line-height:1.32}
.ex-b-m{align-self:flex-end;background:var(--ex-sel);color:var(--ex-sel-t);border-bottom-right-radius:6px}
.ex-b-c{align-self:flex-start;background:var(--ex-b-c);color:var(--ex-tinta);border-bottom-left-radius:6px}
.mv .ex-p.activo .ex-b{animation:ex-entra var(--t-ui) var(--ease-out) both}
.mv .ex-p.activo .ex-b-c{animation-delay:160ms}
@keyframes ex-entra{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.ex-cond{font-size:var(--f-m);line-height:1.4;color:var(--ex-suave);max-width:62ch}
.ex-enl .enl{color:var(--oro)}
.oscuro .ex-enl .enl{color:var(--oro-claro)}
.ex-pie{display:none}
.js .ex-pie{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin-top:auto;padding-top:8px}
.ex-cuenta{font-size:var(--f-m);color:var(--ex-suave);font-variant-numeric:tabular-nums}
.ex-sig{display:inline-flex;align-items:center;gap:4px;min-height:44px;font-size:var(--f-m);font-weight:600;text-align:left;color:var(--oro)}
.oscuro .ex-sig{color:var(--oro-claro)}
.ex-sig svg{flex:none}
.ex-h{font-size:var(--t-lead);font-weight:600;line-height:1.12;letter-spacing:-.025em;color:#fff}
.con-pasos{margin-top:64px}
.con-pasos .canal{margin-top:16px}
@media (prefers-reduced-motion:reduce){.mv .ex-p.activo .ex-b{animation:none}}
@media (min-width:768px){.ex-p{padding:32px}.ex-comp{grid-template-columns:minmax(0,4fr) minmax(0,8fr);column-gap:var(--gut)}}
@media (min-width:1200px){
  .js .ex{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:stretch}
  .js .ex-lista{grid-column:1/5;flex-direction:column;flex-wrap:nowrap;gap:4px;margin:0}
  .js .ex-lista button{width:100%;min-height:60px;padding:14px 20px;border-radius:var(--r-card);background:transparent;font-size:var(--f-h3)}
  .js .ex-lista button[aria-selected=true]{background:var(--ex-sel);color:var(--ex-sel-t)}
  .ex-lista button[aria-selected=false]:hover{background:var(--ex-fondo)}
  .ex-escena{grid-column:5/-1}
  .ex-p{padding:40px}
}

@media (min-width:1200px){
  .cam-foto img{aspect-ratio:auto;height:46vh}
  .s-exp .exp-sangre img{max-height:46vh}
  .js .exp-temp .ex{display:block;margin-top:24px}
  .js .exp-temp .ex-lista{flex-direction:row;gap:8px;margin-bottom:12px}
  .js .exp-temp .ex-lista button{width:auto;min-height:48px;padding:8px 20px;border-radius:var(--r-pill)}
}

/* Qué es */
.ante-s{font-size:var(--f-m);font-weight:500;color:var(--suave)}
.oscuro .ante-s{color:var(--suave-osc)}
.s-que{background:#fff;padding-block:var(--sec)}
.que-rej{display:grid;gap:32px}
.que-rej>*{min-width:0}
.que-no{display:flex;flex-wrap:wrap;gap:4px 16px;margin-bottom:20px;color:var(--suave);font-size:var(--f-b)}
.que-no s{text-decoration-thickness:1px}
.que-x{display:grid;gap:16px;align-content:start;color:var(--tinta)}
.que-x p{max-width:58ch}
.que-pil{display:grid;gap:24px;margin-top:48px}
.que-pil li{display:flex;flex-direction:column;gap:6px;padding-top:16px;border-top:1px solid var(--gris-2)}
.que-pil h3{font-size:var(--f-h3);font-weight:600;letter-spacing:-.02em}
.que-pil p{color:var(--suave);flex:1}
.que-pil .enl{align-self:flex-start;margin-top:6px}
@media (min-width:768px){.que-pil{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gut)}}
@media (min-width:1200px){
  .que-rej{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
  .que-t{grid-column:1/8}
  .que-x{grid-column:8/-1;padding-top:44px}
  .que-pil{margin-top:80px}
}

/* Guía */
.s-guia{background:var(--gris);padding-block:var(--sec);overflow-x:clip}
.guia-cab{display:grid;gap:12px}
.guia-cab p{max-width:62ch}
.buscador{display:none;position:sticky;top:var(--barra);z-index:10;margin-top:16px;padding-block:8px;clip-path:inset(0 -100vmax)}
.buscador::before{content:"";position:absolute;inset:0 -100vmax;background:var(--gris);z-index:-1}
.js .buscador{display:block}
.campo-b{position:relative}
.campo-b input{width:100%;height:48px;padding:0 48px 0 44px;border:1px solid var(--borde-campo);border-radius:var(--r-campo);background:#fff;color:var(--tinta);font-size:var(--f-b);caret-color:var(--tinta);-webkit-appearance:none;appearance:none}
.campo-b input::placeholder{color:var(--suave);opacity:1}
.campo-b input::-webkit-search-cancel-button{display:none}
.lupa{position:absolute;left:12px;top:14px;color:var(--suave);pointer-events:none}
.limpiar{position:absolute;right:2px;top:2px;width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:var(--suave);border-radius:var(--r-campo)}
.filtros{display:none;margin-top:12px;gap:8px}
.js .filtros{display:grid}
.filtros>*{min-width:0}
.solo-red{position:relative;display:inline-flex;align-items:center;gap:6px;justify-self:start;min-height:44px;padding:0 14px;border-radius:var(--r-pill);background:#fff;color:var(--tinta);font-size:var(--f-m);font-weight:500;white-space:nowrap;cursor:pointer}
.solo-red svg{color:var(--oro);flex:none}
.solo-red input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.solo-red:has(input:checked){background:var(--tinta);color:#fff}
.solo-red:has(input:checked) svg{color:var(--oro-claro)}
.solo-red:has(:focus-visible){outline:2px solid var(--foco-claro);outline-offset:2px}
.fil{flex:none;display:inline-flex;align-items:center;gap:6px;min-height:44px;padding:0 14px;border-radius:var(--r-pill);background:#fff;color:var(--tinta);font-size:var(--f-m);font-weight:500;white-space:nowrap;transition:transform var(--t-press) var(--ease-out)}
.fil:active{transform:scale(.97)}
.fil.activo{background:var(--tinta);color:#fff}
.solo-red,.limpiar{transition:transform var(--t-press) var(--ease-out)}
.solo-red:active,.limpiar:active{transform:scale(.97)}
@media (hover:hover) and (pointer:fine){.fil:not(.activo):hover,.solo-red:not(:has(input:checked)):hover{background:var(--gris-2)}.sel-otra:hover{text-decoration:underline}.limpiar:hover{color:var(--tinta)}.pausa:hover{background:rgba(0,0,0,.86)}}
.marcas{display:grid;gap:6px;margin-top:20px;font-size:var(--f-m);line-height:1.35;color:var(--suave)}
.marcas p{display:grid;grid-template-columns:20px minmax(0,1fr);gap:6px;align-items:start}
.marcas svg{color:var(--oro);margin-top:2px}
.marcas strong{color:var(--tinta);font-weight:600}
.s-guia:has(.campo-b input:not(:placeholder-shown)) .marcas{display:none}
.respuesta-g{margin-top:12px}
.resp-t{font-size:var(--t-lead);line-height:1.12;letter-spacing:-.025em;font-weight:600;color:var(--tinta);max-width:32ch;text-wrap:balance}
.respuesta-g.vacia .resp-t{font-size:var(--f-b);line-height:1.47;font-weight:400;letter-spacing:-.012em;max-width:62ch}
.resp-acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-top:14px}
.enl-b{display:inline-flex;align-items:center;min-height:44px;padding-inline:4px;color:var(--oro);font-size:var(--f-m);font-weight:500;text-decoration:underline;text-underline-offset:.18em}
.paises{display:grid;gap:8px;margin-top:24px}
.paises>*{min-width:0}
.pais{background:#fff;border-radius:var(--r-card);overflow:hidden}
.pais summary{display:grid;grid-template-columns:28px minmax(0,1fr) 20px;grid-template-areas:"b n c" "b k c";column-gap:12px;align-items:center;min-height:56px;padding:10px 16px;transition:background-color var(--t-hover) ease;border-radius:var(--r-card)}
.pais summary:focus-visible{outline-offset:-3px}
.bandera{grid-area:b;width:28px;height:21px;border-radius:5px;object-fit:cover}
.pais h3{grid-area:n;font-size:var(--f-h3);font-weight:600;line-height:1.2;letter-spacing:-.015em}
.p-cuenta{grid-area:k;font-size:var(--f-s);line-height:1.38;color:var(--suave);font-variant-numeric:tabular-nums}
.reparto{display:none}
.chev{color:var(--suave);transition:transform 200ms var(--ease-out);grid-area:c}
details[open]>summary>.chev{transform:rotate(180deg)}
@media (hover:hover) and (pointer:fine){.pais summary:hover{background:#FAFAFC}}
.filas{display:grid;padding:0 16px 12px;column-gap:24px}
.filas>*{min-width:0}
.fila{display:grid;grid-template-columns:20px minmax(0,1fr) 52px;column-gap:6px;align-items:center;min-height:52px;padding-block:6px}
.js .fila[data-extra]:not(.ver){display:none}
.fila.fuera{display:none!important}
.f-red{color:var(--oro);display:flex;align-items:center}
.f-txt{min-width:0}
.f-nom{display:block;font-size:var(--f-b);font-weight:600;line-height:1.25;overflow-wrap:anywhere}
.f-sub{display:block;font-size:var(--f-s);line-height:1.3;color:var(--suave);overflow-wrap:anywhere}
.ficha{display:inline-flex;align-items:center;justify-content:center;gap:1px;height:22px;min-width:30px;padding:0 7px;border-radius:var(--r-pill);background:var(--c);color:var(--ct);font-size:var(--f-s);font-weight:700;line-height:1;justify-self:end;flex:none}
.ficha svg{width:10px;height:13px;overflow:visible;flex:none}
.f-3{--c:var(--f3);--ct:#fff}.f-2{--c:var(--f2);--ct:var(--tinta)}.f-1{--c:var(--f1);--ct:var(--tinta)}.f-r{--c:var(--fr);--ct:var(--tinta)}.f-h{--c:var(--fh);--ct:#fff}
.ver-mas{min-height:44px;margin:0 16px 12px;color:var(--oro);font-size:var(--f-m);font-weight:500;text-decoration:underline;text-underline-offset:.18em;display:none}
.js .ver-mas{display:inline-block}
.ley{margin-top:16px}
.ley summary{display:flex;align-items:center;justify-content:space-between;min-height:48px;font-size:var(--f-m);font-weight:600;color:var(--tinta)}
.ley ul{display:grid;gap:12px;padding-block:4px 8px}
.ley li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:8px;align-items:start;font-size:var(--f-m);line-height:1.35;color:var(--suave)}
.ley li .ficha{justify-self:start}
.ley strong{color:var(--tinta);font-weight:600}
.s-guia .micro{margin-top:12px}
.guia-cta{margin-top:20px}
@media (max-width:767px){
  .js .filtros{display:flex;flex-wrap:wrap;gap:6px}
  .carril.fil-car{display:contents}
  .fil,.solo-red{padding-inline:12px}
  .paises{gap:4px}
  .pais summary{min-height:48px;padding-block:6px}
  .pais h3{font-size:var(--f-b)}
  .s-guia:has(.campo-b input:placeholder-shown) .buscador{position:relative;top:0}
  .carril:not(.fin):not(.fil-car),.seg:not(.fin){-webkit-mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent);mask-image:linear-gradient(to right,#000 calc(100% - 40px),transparent)}
}
@media (min-width:768px){
  .guia-cab{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gut);align-items:end}
  .buscador{max-width:480px}
  .pais summary{grid-template-columns:28px minmax(0,1.2fr) auto 140px 20px;grid-template-areas:"b n k r c";min-height:56px}
  .reparto{grid-area:r;display:flex;gap:2px;height:6px;border-radius:3px;overflow:hidden;background:var(--gris-2)}
  .reparto i{display:block;height:100%}
  .r-3{background:var(--f3)}.r-2{background:var(--f2)}.r-1{background:var(--f1)}.r-r{background:var(--fr)}.r-h{background:var(--fh)}
  .filas{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ley summary{display:none}
  .ley ul{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--gut);padding-top:16px}
  .ley li{display:block}
  .ley li .ficha{display:flex;width:fit-content;margin-bottom:8px}
  .ley li>span:last-child{display:block}
  .marcas{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gut)}
}
@media (min-width:1200px){
  .guia-cab{grid-template-columns:repeat(12,minmax(0,1fr))}
  .guia-cab h2{grid-column:1/6}
  .guia-cab p{grid-column:6/-1}
  .filas{grid-template-columns:repeat(3,minmax(0,1fr))}
  .js .filtros{grid-template-columns:auto minmax(0,1fr);align-items:center}
  .carril{margin-block:0}
}

/* Experiencias */
.s-pres{background:#fff;padding-block:var(--sec)}
.pres-rej{display:grid;gap:32px}
.pres-rej>*{min-width:0}
.pres-t h2{margin-top:8px}
.pres-claim{display:block;color:inherit}
.pres-c{margin-top:24px;font-size:var(--t-display);font-weight:600;line-height:1;letter-spacing:-.04em;color:var(--tinta)}
.pres-p{margin-top:4px;color:var(--suave);font-size:var(--f-b)}
.pres-m{margin-inline:calc(var(--m)*-.5)}
.mapa-svg{width:100%;height:auto;overflow:visible}
.mp-t,.mp-o,.mk-p,.mk-h{fill:none;stroke-linecap:round}
.mp-t{stroke:#DADADF;stroke-width:6}
.mp-o{stroke:var(--oro-claro);stroke-width:6.5}
.mk{cursor:pointer}
.mk-p{stroke:var(--tinta);stroke-width:15;transition:stroke var(--t-hover) ease,stroke-width var(--t-hover) var(--ease-out)}
.mk-h{stroke:transparent;stroke-width:26;pointer-events:stroke}
.mk-i{fill:none;stroke:#fff;stroke-width:8;stroke-linecap:round;transition:stroke var(--t-hover) ease}
.mk.activo .mk-i{stroke:var(--oro-claro)}
.mk-s,.mk-sg{cursor:default}
.mk-r{fill:none;stroke:var(--oro);stroke-width:2;opacity:0;transform-box:fill-box;transform-origin:center}
.mk.activo .mk-p{stroke:var(--oro);stroke-width:21}
.mk-et{font:600 23px var(--sans);letter-spacing:-.02em;fill:var(--tinta);paint-order:stroke;stroke:#fff;stroke-width:6px;stroke-linejoin:round;pointer-events:none}
.mv .pres-m.vivo .mk-r{animation:mk-onda 3.6s var(--ease-out) infinite}
@keyframes mk-onda{0%{opacity:.8;transform:scale(1)}55%{opacity:0;transform:scale(3.4)}100%{opacity:0;transform:scale(3.4)}}
@media (prefers-reduced-motion:reduce){.mv .pres-m.vivo .mk-r{animation:none}}
.pres-r{display:grid;gap:24px var(--gut);margin-top:32px}
.pres-r>*{min-width:0}
.reg h3{display:flex;justify-content:space-between;gap:12px;padding-bottom:8px;border-bottom:1px solid var(--gris-2);font-size:var(--f-m);font-weight:500;color:var(--suave)}
.reg-n{color:var(--oro);font-variant-numeric:tabular-nums}
.reg ul{display:flex;flex-wrap:wrap;gap:0 16px;margin-top:4px}
.reg li{font-size:var(--f-h3);font-weight:600;letter-spacing:-.02em;color:var(--tinta)}
.reg li a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:44px;transition:color var(--t-hover) ease}
@media (hover:hover) and (pointer:fine){.reg li a:hover{color:var(--oro)}}
.reg li a.activo{color:var(--oro)}
.pres-ley{display:flex;flex-wrap:wrap;gap:4px 20px;margin-top:12px;font-size:var(--f-m);color:var(--suave)}
.pres-ley span{display:inline-flex;align-items:center;gap:8px}
.pres-ley i{width:12px;height:12px;border-radius:50%;background:var(--tinta)}
.pres-ley .ley-p{background:#fff;box-shadow:inset 0 0 0 3px var(--tinta)}
.reg li span[data-m]{display:inline-flex;align-items:center;min-height:44px}
.reg-prox li{color:var(--suave)}
.soc-filtro{margin-top:8px;color:var(--tinta)}
.pres-pista{margin-top:16px;color:var(--suave);font-size:var(--f-b)}
@media (max-width:767px){.mk-i{stroke-width:11}.pres-ley{padding-inline:calc(var(--m)*.5)}.mk-p{stroke-width:19}.mk-h{stroke-width:30}.mp-t{stroke-width:7}.mp-o{stroke-width:7.5}.mk-et{font-size:34px;stroke-width:8px}.mk.activo .mk-p{stroke-width:28}}
@media (min-width:768px){.pres-m{margin-inline:0}.pres-r{grid-template-columns:repeat(2,minmax(0,1fr))}.reg:first-child{grid-column:1/-1}}
@media (min-width:1200px){
  .pres-rej{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:center}
  .pres-t{grid-column:1/6}
  .pres-m{grid-column:6/-1}
  .pres-r{grid-template-columns:minmax(0,4.4fr) minmax(0,2.4fr) minmax(0,1.5fr) minmax(0,1.3fr) minmax(0,1.3fr);margin-top:48px}
  .reg:first-child{grid-column:auto}
}

.s-exp{background:#000;color:var(--niebla);padding-block:0 var(--sec)}
.exp-sangre img{width:100%;max-height:88vh;object-fit:cover}
.exp-cab{margin-top:var(--sec)}
.exp-cab p{margin-top:12px;color:var(--gris-claro);max-width:46ch}
.exp-cab p{max-width:62ch}
.exp-rej{margin-top:24px}
.exp-temp{margin-top:72px}
.s-exp .temp-h{margin-top:8px;font-size:var(--t-lead);font-weight:600;line-height:1.12;letter-spacing:-.025em;color:#fff;text-wrap:balance}
.film-lema{margin-top:72px;font-size:var(--t-lead);font-weight:600;line-height:1.12;letter-spacing:-.025em;color:#fff;text-wrap:balance}
@media (min-width:1200px){
  .exp-rej{margin-top:48px}
  .exp-temp{margin-top:112px}
  .film-lema{margin-top:112px;max-width:1440px;margin-inline:auto}
}
.s-exp h3{font-size:var(--f-h3);font-weight:600;letter-spacing:-.015em;color:var(--niebla)}
@media (min-width:768px){
}
@media (min-width:1200px){
}
@media (min-width:768px) and (max-width:1199px){
  .ley ul{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* En móvil, el postre va después del caso (encima se leería como foto de esa cena) y sin la segunda foto; Fine Dining Week y la Gala, un solo bloque. */
@media (max-width:767px){
  .exp-sangre img{aspect-ratio:1/1}
}

/* Precio */
.s-pre{background:var(--gris);padding-block:var(--sec)}
.pre-h{margin-top:8px}
.pre-rej{display:grid;gap:24px;margin-top:var(--h2-sep)}
.pre-rej>*{min-width:0}
.pre-t{perspective:1200px}
.tarjeta{container-type:inline-size;position:relative;display:block;margin:0;width:100%;aspect-ratio:1140/719;border-radius:3.7%/5.87%;overflow:hidden;background:#0A0A0A;color:#F5F5F7;box-shadow:var(--sx,0px) calc(30px + var(--sy,0px)) 60px -28px rgba(0,0,0,.55)}
.tarjeta>img{position:absolute;inset:0;width:100%;height:100%;display:block}
.tarjeta .t-brillo{position:absolute;inset:0;overflow:hidden;-webkit-mask:url(/assets/img/tarjeta/tarjeta-barniz.webp?v=d6682c2c9f) center/100% 100%;mask:url(/assets/img/tarjeta/tarjeta-barniz.webp?v=d6682c2c9f) center/100% 100%;pointer-events:none}
.tarjeta .t-brillo::before{content:"";position:absolute;inset:0 -30%;background:url(/assets/img/tarjeta/tarjeta-brillo.webp?v=88dee682f3) center/100% 100% no-repeat;transform:translateX(var(--t-brillo,-12%));will-change:transform}
.tarjeta .t-iso{position:absolute;left:50%;top:40.5%;width:21.9cqw;height:21.9cqw;transform:translate(-50%,-50%)}
.tarjeta .t-word{position:absolute;left:50%;top:65.5%;width:38cqw;height:calc(38cqw*.0833);transform:translateX(-50%)}
.tarjeta .t-mem,.tarjeta .t-ano{position:absolute;bottom:7.6%;font:500 max(13px,min(3cqw,15px))/1 var(--sans);letter-spacing:-.005em}
.tarjeta .t-mem{left:5.6%}
.tarjeta .t-ano{right:5.6%;color:#A1A1A6;font-variant-numeric:tabular-nums}
.mv [data-rev=tarjeta] .tarjeta{transform-origin:50% 100%}
.mv [data-rev=tarjeta]:not(.visto) .tarjeta{transform:translateY(24px) rotateX(6deg);opacity:0}
.mv [data-rev=tarjeta].visto .tarjeta{transition:transform 900ms var(--resorte),opacity 900ms var(--resorte)}
.mv [data-rev=tarjeta].visto.quieta .tarjeta{transition:none}
@supports (animation-timeline:view()){
  .mv .tacto .t-brillo::before{animation:brillo-scroll linear both;animation-timeline:view()}
}
@keyframes brillo-scroll{from{transform:translateX(-30%)}to{transform:translateX(30%)}}
.cuenta{display:flex;flex-direction:column;background:#fff;border-radius:var(--r-panel);padding:24px 20px}
.c-lineas{order:3;display:grid;gap:16px;margin-top:24px}
.c-lineas strong{display:block;font-size:var(--f-h3);letter-spacing:-.018em;font-weight:600;color:var(--tinta)}
.c-lineas span{display:block;font-size:var(--f-b);line-height:1.4;color:var(--tinta);margin-top:2px}
.c-total{order:1;display:flex;align-items:baseline;justify-content:space-between;gap:12px}
.c-tot-et{font-size:var(--f-m);color:var(--suave)}
.c-tot-v{display:block;overflow:hidden;font-size:var(--t-h2);font-weight:600;line-height:1.1;letter-spacing:-.03em;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--tinta)}
.c-tot-v span{display:block}
.mv .c-tot-v span{transition:transform var(--t-reveal) var(--ease-expo)}
.mv .c-tot-v:not(.visto) span{transform:translateY(105%)}
.c-primero{order:1;margin-top:8px;font-size:var(--f-m);line-height:1.4;color:var(--tinta)}
.cuenta .cta{order:2;margin-top:14px}
.c-micro{order:2;margin-top:8px}
.cuenta .din{order:3}
.c-sigue{order:4;margin-top:20px;font-size:var(--f-m);line-height:1.4;color:var(--suave)}
.c-sigue strong{color:var(--tinta);font-weight:600}
.condiciones{display:grid;gap:12px;margin-top:20px;font-size:var(--f-m);line-height:1.4;color:var(--suave)}
@media (max-width:359px){.c-total{flex-direction:column;gap:2px}}
@media (min-width:768px){
  .pre-t{max-width:520px;width:100%;justify-self:center}
  .cuenta{padding:32px}
  .condiciones{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px var(--gut)}
}
@media (min-width:1200px){
  .pre-rej{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}
  .pre-t{grid-column:1/6;max-width:none;position:sticky;top:96px}
  .pre-c{grid-column:6/-1}
  .c-lineas{order:0;margin-top:0;margin-bottom:24px}
  .cuenta .din{order:1;margin-bottom:16px}
  .c-total{order:2}
  .c-of{order:2}
  .c-primero{order:2}
  .c-sigue{order:3;margin-top:14px}
  .cuenta .cta{order:4;margin-top:20px}
  .c-micro{order:5}
  .pre-rej.sin-t .pre-c{display:contents}
  .pre-rej.sin-t .cuenta{grid-column:1/8}
  .pre-rej.sin-t .condiciones{grid-column:8/-1;grid-template-columns:minmax(0,1fr);margin-top:0}
}

/* Preguntas */
.s-faq{background:#fff;padding-block:var(--sec)}
.faq-cab p{margin-top:12px;color:var(--suave);max-width:46ch}
.faq-cab a{color:var(--oro);overflow-wrap:anywhere}
.q-g{margin-top:24px}
.q-g h3{font-size:var(--f-m);font-weight:600;color:var(--suave);margin-bottom:8px}
.q summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding-block:8px;font-size:var(--f-b);font-weight:600;line-height:1.3;color:var(--tinta);transition:color var(--t-hover) ease}
.q summary .chev{flex:none}
.q-r p{padding-bottom:16px;max-width:62ch;color:var(--tinta)}
.q+.q{margin-top:8px}
@media (max-width:767px){.q+.q{margin-top:2px}}
@media (hover:hover) and (pointer:fine){.q summary:hover{color:var(--oro)}}
@supports selector(::details-content){
  .mv .q::details-content{height:0;overflow:clip;transition:height 200ms var(--ease-out),content-visibility 200ms allow-discrete}
  .mv .q[open]::details-content{height:auto}
}
@media (min-width:1024px){
  .faq-rej{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}
  .faq-cab{display:contents}
  .faq-cab h2{grid-column:1/-1;margin-bottom:var(--h2-sep)}
  .faq-cab p{grid-column:1/6;position:sticky;top:96px;margin-top:0}
  .faq-l{grid-column:6/-1}
  .q-g:first-child{margin-top:0}
  .q-g{margin-top:40px}
  .q summary{font-size:var(--f-h3);line-height:1.2;letter-spacing:-.02em}
}

/* Cierre */
.s-cierre{position:relative;height:640px;background:#000;color:#fff;overflow:hidden;--foco:var(--foco-osc)}
.cierre-f{position:absolute;inset:0;display:block}
.cierre-f img{width:100%;height:100%;object-fit:cover;object-position:center}
.cierre-v{position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.68) 0,rgba(0,0,0,.42) 44%,rgba(0,0,0,0) 72%)}
.cierre-t{position:relative;padding-top:72px}
.cierre-t p{margin-top:12px;font-size:var(--f-b);color:#fff}
.cierre-t .cta{margin-top:20px}
.mv .cierre-f{animation:cierre-es linear both;animation-timeline:view();animation-range:entry 0% cover 60%}
@keyframes cierre-es{from{transform:scale(1.08)}to{transform:none}}
@supports not (animation-timeline:view()){.mv .cierre-f{animation:none}}
@media (max-width:767px){.s-cierre{height:560px}}
@media (min-width:768px){.s-cierre{height:720px}.cierre-t{padding-top:96px}.cierre-t h2{max-width:16ch}.cierre-v{background:linear-gradient(to bottom,rgba(0,0,0,.68) 0,rgba(0,0,0,.52) 50%,rgba(0,0,0,0) 78%)}}
@media (min-width:1200px){.s-cierre{height:760px}.cierre-t h2{max-width:22ch}}

.sup-partner{display:none;position:relative;white-space:nowrap;transition:border-color var(--t-hover) ease,transform var(--t-press) var(--ease-out)}
.nav .nav-p{display:none}
@media (min-width:1024px) and (max-width:1199px){.nav .nav-p{display:inline-flex}}
@media (min-width:1200px){.sup-partner{display:inline-flex}}
/* Partners en la home */
.p-form-t{min-width:0}
.p-filtro{margin-top:12px;max-width:40ch;color:var(--suave)}
.cta-sec{background:transparent;color:var(--tinta);box-shadow:inset 0 0 0 1.5px var(--tinta)}
@media (hover:hover) and (pointer:fine){.cta-sec:hover{background:var(--tinta);color:#fff}}
.s-soc{background:var(--gris);padding-block:var(--sec)}
.soc-rej{display:grid;gap:32px}
.soc-rej>*{min-width:0}
.soc-t h2{margin-top:8px}
.soc-x{margin-top:16px;max-width:58ch;color:var(--suave)}
.soc-acc{display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px;margin-top:24px}
.soc-f img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-card)}
@media (min-width:1200px){
  .soc-rej{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:center}
  .soc-t{grid-column:1/8}
  .soc-f{grid-column:8/-1}
}

/* Pie */
.pie{background:#000;color:var(--gris-claro);padding-block:48px 32px}
.pie-in{max-width:1440px;margin-inline:auto;padding-inline:var(--m)}
.pie-fila{display:flex;flex-wrap:wrap;gap:0 24px;font-size:var(--f-m)}
.pie-fila a{display:inline-flex;align-items:center;min-height:44px;color:var(--gris-claro);text-decoration:none;overflow-wrap:anywhere}
@media (hover:hover) and (pointer:fine){.pie-fila a:hover{color:#fff}}
.pie-marca{width:100%;height:auto;margin-top:32px;color:#fff;transform-origin:50% 100%}
@supports (animation-timeline:view()){
  .mv .pie-marca{animation:pie-es linear both;animation-timeline:view();animation-range:entry 0% cover 40%}
}
@keyframes pie-es{from{transform:scale(.94)}to{transform:none}}

/* Barra de compra móvil */
.barra-slot{position:sticky;bottom:0;z-index:40;height:calc(var(--barra-h) + env(safe-area-inset-bottom));overflow:clip;pointer-events:none}
.barra{display:flex;align-items:center;gap:10px;height:100%;padding:8px var(--m) calc(8px + env(safe-area-inset-bottom));background:#000;color:#fff;pointer-events:auto;transition:transform var(--t-drawer) var(--ease-drawer),visibility 0s}
.b-mini{flex:none;width:34px;height:21px}
.b-precio{font-size:var(--f-m);font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums;letter-spacing:-.015em}
.cta-b{min-height:48px;margin-left:auto;padding-inline:18px}
.js .barra{transform:translateY(100%);visibility:hidden;transition:transform 220ms var(--ease-out),visibility 0s 220ms}
.js .barra.visible{transform:none;visibility:visible;transition:transform var(--t-drawer) var(--ease-drawer),visibility 0s}
.js .barra.seco,.js .barra.seco.visible{transition:none}
@media (prefers-reduced-motion:reduce){
  .js .barra{transform:none;opacity:0;transition:opacity 150ms linear,visibility 0s 150ms}
  .js .barra.visible{transform:none;opacity:1;transition:opacity 150ms linear,visibility 0s}
}
@media (max-width:379px){.b-mini{display:none}.cta-b{padding-inline:14px}}
@media (max-width:339px){.cta-b{padding-inline:12px;font-size:var(--f-m)}.b-precio{font-size:var(--f-m)}}
@media (max-height:480px){:root{--barra-h:56px}.barra{padding-block:4px}}
@media (min-width:768px){.barra-slot{display:none}html{scroll-padding-bottom:12px}}

/* Reveals, siempre bajo .mv: con movimiento reducido o sin JS nada queda oculto */
.mv [data-rev=lineas]:not(.visto){opacity:0;transform:translateY(16px)}
.mv [data-rev=lineas]{transition:opacity var(--t-reveal) var(--ease-expo),transform var(--t-reveal) var(--ease-expo)}
.mv [data-rev=cortina]:not(.visto) img,.mv [data-rev=cortina]:not(.visto)>video{clip-path:inset(0 0 100% 0)}
.mv [data-rev=cortina] img,.mv [data-rev=cortina]>video{transition:clip-path var(--t-open) var(--ease-expo)}
.mv [data-rev=sube]:not(.visto){opacity:0;transform:translateY(32px)}
.mv [data-rev=sube]{transition:opacity var(--t-open) var(--ease-expo),transform var(--t-open) var(--ease-expo)}
.mv [data-rev=pais]:not(.visto){opacity:0;transform:translateY(16px)}
.mv [data-rev=pais]{transition:opacity 500ms var(--ease-out),transform 500ms var(--ease-out)}
.mv [data-rev=pais]:nth-child(2){transition-delay:60ms}
.mv [data-rev=pais]:nth-child(3){transition-delay:120ms}

/* /partners/ */
body[data-pagina=partners]{background:#000}
body[data-pagina=partners] main{background:#fff}
.p-cab{padding-block:48px 24px}
.p-cab h1{font-size:var(--t-h2);font-weight:600;line-height:1.05;letter-spacing:-.03em;max-width:18ch}
.p-cab-t{margin-top:16px}
.p-cab p{max-width:62ch;color:var(--tinta)}
.p-cab .cta{margin-top:20px}
.p-foto picture{display:block}
.p-foto img{width:100%;aspect-ratio:16/9;object-fit:cover}
.p-recibe{padding-block:var(--sec) 0}
.p-tres{display:grid;gap:20px;margin-top:var(--h2-sep)}
.p-tres h3{font-size:var(--f-h3);font-weight:600;letter-spacing:-.015em}
.p-tres p{margin-top:4px;color:var(--suave);font-size:var(--f-b);line-height:1.42}
.p-tipos{padding-block:var(--sec)}
.p-tipos h2{font-size:var(--t-lead);line-height:1.12;letter-spacing:-.025em}
.p-tipos .seg{margin-top:var(--h2-sep)}
.p-panel-f{margin-top:32px}
.p-panel-f img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:var(--r-card)}
.bloque{margin-top:32px}
.bloque h4{font-size:var(--f-h3);font-weight:600;letter-spacing:-.02em;line-height:1.2}
.bl-c{margin-top:8px}
.bl-c p,.bl-c li{max-width:62ch;color:var(--tinta)}
.bl-c ul{display:grid;gap:10px}
.bl-c strong{font-weight:600}
.p-form{background:var(--gris);padding-block:var(--sec)}
.p-tarjeta{margin:var(--h2-sep) calc(var(--m)*-1) 0;background:#fff;padding:24px var(--m)}
.envio-ok,.envio-error{display:none;scroll-margin-top:96px}
.envio-ok.mostrar,.envio-error.mostrar,.envio-ok:target,.envio-error:target{display:block}
.envio-ok:focus,.envio-error:focus{outline:none}
.envio-ok p{font-size:var(--t-lead);line-height:1.15;letter-spacing:-.025em;font-weight:600;color:var(--exito)}
.envio-ok:target~form,.envio-ok.mostrar~form{display:none}
.envio-error{margin-bottom:20px}
.envio-error p{color:var(--error);font-size:var(--f-b)}
.envio-error a{color:var(--error);overflow-wrap:anywhere}
.resumen-err{scroll-margin-top:calc(var(--barra) + 16px);margin-bottom:20px;color:var(--error);font-size:var(--f-m);font-weight:500}
.hp{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.cp{margin-bottom:16px}
.cp label{display:block;margin-bottom:6px;font-size:var(--f-m);font-weight:500;color:var(--tinta)}
.opc{font-weight:400;color:var(--suave)}
.cp input,.cp select,.cp textarea{display:block;width:100%;min-height:48px;padding:10px 14px;border:1px solid var(--borde-campo);border-radius:var(--r-campo);background:#fff;color:var(--tinta);font-size:var(--f-b);caret-color:var(--tinta);transition:border-color var(--t-hover) ease}
.cp textarea{resize:vertical;min-height:112px}
.cp select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%236E6E73' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 8l5 5 5-5'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:20px;padding-right:40px}
@media (hover:hover) and (pointer:fine){.cp input:hover,.cp select:hover,.cp textarea:hover{border-color:var(--tinta)}}
.cp.con-error input,.cp.con-error select{border:2px solid var(--error);padding:9px 13px}
.err{display:flex;gap:4px;align-items:flex-start;margin-top:6px;font-size:var(--f-s);line-height:1.38;color:var(--error)}
.err svg{flex:none;width:16px;height:16px}
form.enviando .cp{opacity:.6}
@media (min-width:768px){
  .p-cab{padding-block:72px 32px}
  .p-tres{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gut)}
  .p-tarjeta{margin-inline:0;border-radius:var(--r-panel);padding:32px}
}
@media (min-width:1200px){
  .p-cab .envuelve{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
  .p-cab h1{grid-column:1/9;max-width:none}
  .p-cab-t{grid-column:6/-1;margin-top:24px}
  .p-panel-f{margin-left:calc((100% + var(--gut))*5/12)}
  .p-foto{max-width:1440px;margin-inline:auto;padding-inline:var(--m)}
  .p-foto img{aspect-ratio:1344/504;border-radius:var(--r-panel)}
  .bloque{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut)}
  .bloque h4{grid-column:1/6}
  .bl-c{grid-column:6/-1;margin-top:0}
  .p-form-rej{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gut);align-items:start}
  .p-form-t{grid-column:1/6;position:sticky;top:96px}
  .p-tarjeta{grid-column:6/-1;margin-top:0}
}

@media (max-width:429px){body[data-pagina=partners] .marca span{display:none}}

/* 404 */
.p-404{background:#000;color:#fff;min-height:calc(100vh - var(--barra));padding-block:96px}
.p-404 h1{font-size:var(--t-h2);font-weight:600;line-height:1.05;letter-spacing:-.03em}
.p-404 p{margin:16px 0 24px;color:var(--gris-claro)}

@media print{
  .sup,.barra-slot,.pausa,video{display:none!important}
  .bb.espera{opacity:1}
  .panel,.fila,.mv [data-rev]{display:revert!important;opacity:1!important;transform:none!important;clip-path:none!important}
  .hero{min-height:0}
}

/* Revisión final */
@media (min-width:1024px){.pres-t h2{font-size:clamp(40px,3.6vw,52px)}}
/* Las cuatro pestañas de partners no caben en un teléfono: dos por fila y todas a la vista. */
@media (max-width:519px){
  .js .seg{display:grid;grid-template-columns:1fr 1fr;width:100%;overflow:visible}
  .seg-pieza{display:none}
  .seg button{white-space:normal;padding-inline:8px}
  .seg button[aria-selected=true]{background:#fff}
}