/* Burger V3 · dirección propia: la plancha de noche. Carbón, brasa y humo de fondo; el dorado del pan y el rojo ketchup
   como acentos; Anton (OFL) bien ancha para los títulos. Pedido de Harold: ningún fondo liso; cada banda lleva brasa,
   rejilla de la plancha, papel manteca o la hamburguesa en 3D. Inicio oscuro; fichas y directorio sobre papel para leer. */
@font-face{font-family:Anton;src:url(/assets/anton.woff2) format('woff2');font-weight:400;font-display:swap}
:root{--carbon:#120c09;--brasa:#24150d;--humo:#3a2518;--pan:#e9a93a;--pan2:#f6c76b;--ketchup:#c8321f;--ketchup2:#9c2415;--queso:#ffb703;--lechuga:#7cc243;--papel:#fff4e3;--papel2:#f3dfc0;--tinta:#1a0f0a;
  --fd:Anton,Impact,'Arial Narrow Bold',system-ui,sans-serif;--f:system-ui,-apple-system,'Segoe UI',Roboto,sans-serif;--line:rgba(26,15,10,.2);--line-d:rgba(255,244,227,.16);
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 .5 0'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.45'/%3E%3C/svg%3E");
  --rejilla:repeating-linear-gradient(90deg,rgba(255,244,227,.045) 0 2px,transparent 2px 44px),repeating-linear-gradient(0deg,rgba(255,244,227,.03) 0 1px,transparent 1px 44px);
  --manteca:repeating-linear-gradient(45deg,rgba(26,15,10,.045) 0 1px,transparent 1px 14px),repeating-linear-gradient(-45deg,rgba(26,15,10,.045) 0 1px,transparent 1px 14px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}
body{margin:0;color:var(--papel);font:400 1.02rem/1.55 var(--f);-webkit-font-smoothing:antialiased;background:var(--carbon);background-image:var(--grain),var(--rejilla);overflow-x:hidden}
img{max-width:100%;display:block}
a{color:var(--pan2)}
[hidden]{display:none!important}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--queso);outline-offset:3px}
.papel :focus-visible,.ficha :focus-visible,.papel-in :focus-visible,.filters :focus-visible{outline-color:var(--ketchup)}
.wrap{max-width:1240px;margin:0 auto;padding:0 20px}
.skip{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
a.skip:focus{left:12px;top:12px;width:auto;height:auto;background:var(--pan);color:var(--tinta);padding:10px 14px;z-index:99}
.ic{width:1.1em;height:1.1em;flex:none;vertical-align:-.16em}
h1,h2,h3{font-family:var(--fd);font-weight:400;letter-spacing:.01em;line-height:.95;margin:0;text-wrap:balance;text-transform:uppercase}
h1{font-size:clamp(2.8rem,6.8vw,6.2rem)}
h2.big{font-size:clamp(2.4rem,5.4vw,4.8rem)}
h2{font-size:clamp(1.7rem,3.2vw,2.4rem)}
h3{font-size:1.35rem;text-transform:none;letter-spacing:0}
p{margin:0 0 1em}
.eyebrow,.kick{display:block;font:700 .74rem/1.3 var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--pan);margin:0 0 12px}
.fine{font-size:.88rem;opacity:.82}
.lead{font-size:clamp(1.08rem,1.6vw,1.3rem);max-width:48ch}
.sec{padding:clamp(28px,4vw,56px) 0}
.sec-head{max-width:760px;margin-bottom:26px}
.sec-head h2{margin-bottom:12px}
.more{margin-top:26px}

/* ---------- botones ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--ketchup);color:var(--papel);font:400 1.05rem/1.1 var(--fd);letter-spacing:.06em;text-transform:uppercase;padding:15px 24px;border:0;border-radius:4px;text-decoration:none;cursor:pointer;box-shadow:0 10px 24px rgba(200,50,31,.35),inset 0 -3px 0 rgba(0,0,0,.25);transition:transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(200,50,31,.45),inset 0 -3px 0 rgba(0,0,0,.25)}
.btn:active{transform:translateY(1px)}
.btn.ghost{background:var(--papel);color:var(--tinta);box-shadow:inset 0 0 0 2px var(--tinta)}
.btn.light{background:var(--pan);color:var(--tinta);box-shadow:0 10px 24px rgba(233,169,58,.3),inset 0 -3px 0 rgba(0,0,0,.18)}
.btn.ghost-l{background:rgba(255,244,227,.08);color:var(--papel);box-shadow:inset 0 0 0 2px rgba(255,244,227,.55);backdrop-filter:blur(6px)}
.btn.ghost-l:hover{background:rgba(255,244,227,.16)}
.btn.wide{width:100%}
.mini{display:inline-flex;align-items:center;gap:6px;font:700 .82rem/1 var(--f);padding:9px 12px;background:var(--ketchup);color:var(--papel);text-decoration:none;border-radius:4px;white-space:nowrap}
.mini.ghost{background:transparent;color:inherit;box-shadow:inset 0 0 0 1.5px currentColor}
.mini:hover{filter:brightness(1.1)}
.linkbtn{background:none;border:0;color:var(--ketchup);font:inherit;font-weight:700;text-decoration:underline;cursor:pointer;padding:0}

/* ---------- cabecera ---------- */
.top{position:sticky;top:0;z-index:20;background:rgba(18,12,9,.86);backdrop-filter:blur(10px);border-bottom:1px solid var(--line-d)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px}
.logo{display:grid;text-decoration:none;color:var(--pan);line-height:1}
.logo b{font:400 1.9rem/1 var(--fd);letter-spacing:.04em;text-transform:uppercase}
.logo span{font:700 .6rem/1.5 var(--f);letter-spacing:.22em;text-transform:uppercase;color:var(--papel);opacity:.8}
nav.main{display:flex;align-items:center;gap:22px}
nav.main a{color:var(--papel);font-weight:700;font-size:.92rem;text-decoration:none;padding:6px 0;border-bottom:3px solid transparent}
nav.main a:hover,nav.main a[aria-current=page]{border-bottom-color:var(--pan)}
nav.main a.nav-join{background:var(--pan);color:var(--tinta);padding:10px 16px;border-radius:4px;border-bottom:0}
.menu-btn{display:none;width:46px;height:46px;border:2px solid currentColor;background:transparent;color:var(--papel);border-radius:8px;padding:10px;cursor:pointer;flex-direction:column;justify-content:space-between}
.menu-btn>span:not(.skip){display:block;height:3px;background:currentColor;border-radius:2px}
@media (max-width:1000px){
  .menu-btn{display:flex}
  nav.main{display:none;position:absolute;left:12px;right:12px;top:72px;flex-direction:column;align-items:stretch;gap:0;background:var(--brasa);border:1px solid var(--line-d);box-shadow:0 20px 40px rgba(0,0,0,.5);padding:10px;border-radius:8px}
  nav.main.open{display:flex}
  nav.main a{padding:12px 10px;border-bottom:1px solid var(--line-d)}
  nav.main a.nav-join{margin-top:8px;text-align:center}
}
.crumbs{display:flex;flex-wrap:wrap;gap:8px;font-size:.85rem;padding-top:14px;padding-bottom:14px;color:var(--papel)}
.crumbs a{color:var(--pan2);font-weight:700}
.crumbs span[aria-current]{opacity:.75;overflow-wrap:anywhere}

/* ---------- hero: la hamburguesa cae con el scroll ---------- */
.hero{position:relative;height:230svh;min-height:1400px;color:var(--papel)}
.hero-stick{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden;isolation:isolate}
.hero-bg{position:absolute;inset:0;z-index:-4;background:radial-gradient(ellipse at 62% 42%,#5a3419 0%,#2a1810 38%,#120c09 72%),var(--carbon)}
.hero-bg::after{content:"";position:absolute;inset:0;background:var(--grain),var(--rejilla);opacity:.9}
.hero-bg::before{content:"";position:absolute;left:30%;right:0;bottom:-10%;height:55%;background:radial-gradient(ellipse at 55% 100%,rgba(233,169,58,.28),transparent 60%);filter:blur(20px)}
.hero-poster{position:absolute;inset:0;z-index:-3}
.hero-poster img{width:100%;height:100%;object-fit:cover;object-position:68% 50%}
.has-3d .hero-poster{display:none}
.hero-cv{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.no-3d .hero-cv{display:none}
.hero-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-3;opacity:0;transition:opacity 1s}
.film.is-on{opacity:1}
.hero-veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(18,12,9,.92) 0%,rgba(18,12,9,.72) 30%,rgba(18,12,9,.08) 56%,transparent 72%)}
.hero-in{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;padding-top:40px;padding-bottom:80px}
.hero h1{font-size:clamp(3.2rem,7vw,7rem);line-height:.88;max-width:9ch;text-shadow:0 10px 50px rgba(0,0,0,.55)}
.hero h1 em{font-style:normal;color:var(--queso)}
.hero .lead{margin:22px 0 26px;max-width:44ch;color:#f7e6cc}
.hero-cta{display:flex;flex-wrap:wrap;gap:12px}
.hero-steps{list-style:none;margin:0;padding:0;position:absolute;right:20px;top:110px;display:grid;gap:4px;text-align:right;font:400 .95rem/1.1 var(--fd);letter-spacing:.14em;text-transform:uppercase;opacity:.9}
.hero-steps li{color:rgba(255,244,227,.28);transition:color .3s,transform .3s;transform:translateX(8px)}
.hero-steps li.on{color:var(--pan);transform:none}
.hero-hint{position:absolute;left:0;right:0;bottom:22px;margin:0;text-align:center;font:700 .74rem/1 var(--f);letter-spacing:.2em;text-transform:uppercase;color:var(--pan);transition:opacity .4s}
.hero-hint::after{content:"";display:block;width:2px;height:28px;margin:10px auto 0;background:linear-gradient(var(--pan),transparent);animation:baja 1.6s ease-in-out infinite}
.hero-hint.off{opacity:0}
@keyframes baja{0%{transform:scaleY(.3);transform-origin:top}60%{transform:scaleY(1);transform-origin:top}100%{transform:scaleY(1) translateY(10px);opacity:0}}
.no-3d .hero-hint{display:none}
@media (max-width:760px){
  .hero{height:200svh;min-height:1100px}
  .hero-stick{min-height:560px}
  .hero-veil{background:linear-gradient(0deg,rgba(18,12,9,.96) 0%,rgba(18,12,9,.78) 36%,rgba(18,12,9,.1) 62%,rgba(18,12,9,.35) 100%)}
  .hero-poster img{object-position:50% 28%}
  .hero-in{justify-content:flex-end;padding-bottom:70px}
  .hero h1{font-size:clamp(3rem,15vw,4.6rem)}
  .hero .lead{margin:14px 0 18px;font-size:1rem}
  .hero-steps{display:none}
}
@media (prefers-reduced-motion:reduce){.hero{height:auto;min-height:0}.hero-stick{position:relative;height:auto;min-height:600px}}

/* ---------- armador ---------- */
.armar{position:relative;background:var(--brasa);background-image:var(--grain),var(--rejilla),radial-gradient(ellipse at 20% 0%,rgba(200,50,31,.28),transparent 50%);padding:clamp(48px,7vw,100px) 0;border-top:1px solid var(--line-d)}
.sec-head-l{max-width:820px}
.arm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(20px,3vw,48px);align-items:start}
.arm-3d{position:sticky;top:86px;display:grid;gap:12px}
.arm-scene{position:relative;aspect-ratio:1/1;max-height:70vh;border-radius:18px;overflow:hidden;background:radial-gradient(ellipse at 50% 35%,#4a2a16,#1b110b 72%);box-shadow:0 30px 60px rgba(0,0,0,.55),inset 0 0 0 1px var(--line-d)}
.arm-scene::before{content:"";position:absolute;inset:0;background:var(--grain),var(--rejilla);opacity:.7}
.arm-cv{position:absolute;inset:0;width:100%;height:100%}
.arm-nojs{position:absolute;inset:auto 16px 16px;margin:0;font-size:.85rem;opacity:.75;text-align:center}
.has-3d .arm-nojs{display:none}
.no-3d .arm-cv{display:none}
.no-3d .arm-scene{background:var(--carbon) url(/assets/poster.webp) center/cover}
.arm-sum{margin:0;font:400 1.25rem/1.2 var(--fd);letter-spacing:.02em;color:var(--pan2)}
.arm-replay{justify-self:start}
.arm-form{display:grid;gap:18px}
.arm-g{border:1px solid var(--line-d);border-radius:14px;padding:16px 18px 18px;margin:0;background:rgba(18,12,9,.45);min-width:0}
.arm-g legend{font:400 1.1rem/1 var(--fd);letter-spacing:.08em;text-transform:uppercase;color:var(--papel);padding:0 8px;display:flex;align-items:center;gap:10px}
.arm-n{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--pan);color:var(--tinta);font-size:1rem}
.arm-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin-top:8px}
.ao{position:relative;display:flex;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(255,244,227,.06);border:1.5px solid transparent;cursor:pointer;min-width:0}
.ao input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.ao:has(input:checked){border-color:var(--pan);background:rgba(233,169,58,.14)}
.ao:has(input:focus-visible){outline:3px solid var(--queso);outline-offset:2px}
.ao-sw{width:30px;height:30px;border-radius:50%;flex:none;box-shadow:inset 0 -5px 0 rgba(0,0,0,.25),0 2px 6px rgba(0,0,0,.4);background:#999}
.ao-t{display:grid;line-height:1.15;min-width:0}
.ao-t b{font-size:.98rem}
.ao-t small{font-size:.76rem;opacity:.75}
[data-sw=brioche]{background:#d9933a}[data-sw=papa]{background:#e8b85c}[data-sw=integral]{background:#8b5a2b}[data-sw=sintacc]{background:#e4c791}
[data-sw=clasico]{background:#5a2f1b}[data-sw=smash]{background:#4d2614;border-radius:40%;transform:scaleY(.6)}[data-sw=doble]{background:linear-gradient(#5a2f1b 0 45%,#2e1409 45% 55%,#5a2f1b 55%)}[data-sw=veggie]{background:#6f5a2a}
[data-sw=cheddar]{background:#f29a1f;border-radius:6px}[data-sw=dambo]{background:#f3cf5a;border-radius:6px}[data-sw=azul]{background:#ebe6d3;border-radius:6px}[data-sw=sin]{background:transparent;box-shadow:inset 0 0 0 2px rgba(255,244,227,.4)}
[data-sw=panceta]{background:repeating-linear-gradient(90deg,#9a3b24 0 6px,#e8b08a 6px 10px)}[data-sw=huevo]{background:radial-gradient(circle at 50% 50%,#f3a61b 0 38%,#f6efe3 40%)}[data-sw=pepinos]{background:#6d8f2b}[data-sw=cebolla]{background:radial-gradient(circle,#c9a9cf 0 30%,#e9dcea 32% 60%,#c9a9cf 62%)}[data-sw=tomate]{background:#cf2a18}[data-sw=lechuga]{background:#58b03a}
.arm-res{border:1px solid var(--line-d);border-radius:14px;padding:18px;background:rgba(255,244,227,.05)}
.arm-res h3{font-family:var(--fd);text-transform:uppercase;letter-spacing:.06em;font-size:1.5rem;margin-bottom:12px}
.arm-pick{display:grid;gap:6px;margin-bottom:14px}
.arm-pick label{font-weight:700;font-size:.9rem}
.arm-pick select,.filters select,.filters input{font:inherit;padding:10px 12px;border-radius:8px;border:1px solid var(--line);background:var(--papel);color:var(--tinta);min-width:0;max-width:100%}
.ar-t{font-weight:700;margin-bottom:10px}
.ar-list{list-style:none;margin:0 0 12px;padding:0;display:grid;gap:8px;counter-reset:ar}
.ar-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:10px 12px;border-radius:10px;background:rgba(18,12,9,.5);border:1px solid var(--line-d);min-width:0}
.ar-list li>div:first-child{display:grid;gap:2px;min-width:0}
.ar-list a{color:var(--pan2);text-decoration:none;overflow-wrap:anywhere}.ar-list a:hover{text-decoration:underline}
.ar-list span,.ar-list small{font-size:.85rem;opacity:.85}
.ar-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.arm-share{--nc-accent:var(--pan);--nc-on-accent:var(--tinta)}
.arm-fine{margin-top:20px;max-width:900px}
@media (max-width:900px){.arm{grid-template-columns:1fr}.arm-3d{position:relative;top:auto}.arm-scene{max-height:none;aspect-ratio:4/3}.ar-list li{grid-template-columns:1fr}.ar-act{justify-content:flex-start}}
@media (max-width:520px){.arm-opts{grid-template-columns:1fr 1fr}.ao{padding:8px 10px}.ao-t small{display:none}}

/* ---------- Ruta burger ---------- */
.ruta{position:relative;padding:clamp(48px,7vw,100px) 0;background:var(--carbon);background-image:var(--grain),var(--rejilla),radial-gradient(ellipse at 80% 20%,rgba(233,169,58,.12),transparent 50%);border-top:1px solid var(--line-d)}
.ruta-head{max-width:760px;margin-bottom:28px}
.ruta-head h2{font-size:clamp(3rem,7vw,6.4rem);color:var(--pan);margin-bottom:14px}
.ruta-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:clamp(18px,3vw,40px);align-items:start}
.ruta-map{--mm-land:#33200f;--mm-line:#7a4d2a;--mm-hover:#4a2c18;--mm-on:#c8321f;border-radius:18px;padding:12px;background:rgba(255,244,227,.04);border:1px solid var(--line-d)}
.mvd-map figcaption{color:var(--papel);opacity:.8}
.mm-p circle{stroke:#120c09!important;filter:drop-shadow(0 0 6px rgba(233,169,58,.9))}
.mm-b path[data-z]:focus-visible{outline:none;stroke:var(--queso);stroke-width:3}
.ruta-side{position:sticky;top:86px}
.ruta-panel{background:var(--papel);color:var(--tinta);border-radius:18px;padding:22px;box-shadow:0 30px 60px rgba(0,0,0,.5);background-image:var(--manteca);max-height:min(72vh,760px);overflow:auto}
.ruta-panel .eyebrow{color:var(--ketchup)}
.ruta-panel h3{font-family:var(--fd);text-transform:uppercase;letter-spacing:.04em;font-size:2.2rem;margin-bottom:8px}
.ruta-panel .chips a{background:var(--tinta);color:var(--papel)}.ruta-panel .chips a b{background:var(--pan);color:var(--tinta)}
.rb-list{list-style:none;margin:14px 0 0;padding:0;display:grid;counter-reset:rb}
.rb-list li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0 12px 40px;border-top:1px solid var(--line);position:relative;min-width:0}
.rb-list li::before{counter-increment:rb;content:counter(rb);position:absolute;left:0;top:12px;width:28px;height:28px;border-radius:50%;background:var(--ketchup);color:var(--papel);font:400 1rem/28px var(--fd);text-align:center}
.rb-txt{display:grid;gap:2px;min-width:0}
.rb-n{font:400 1.2rem/1.1 var(--fd);color:var(--tinta);text-decoration:none;letter-spacing:.02em}
.rb-n:hover{color:var(--ketchup)}
.rb-txt span,.rb-txt small{font-size:.85rem;color:color-mix(in srgb,var(--tinta) 75%,transparent)}
.rb-act{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.rb-act .mini.ghost{color:var(--tinta)}
.rb-more{display:inline-block;margin-top:14px;font-weight:700;color:var(--ketchup)}
.ruta-all{margin-top:30px}
@media (max-width:900px){.ruta-grid{grid-template-columns:1fr}.ruta-side{position:relative;top:auto}.rb-list li{grid-template-columns:1fr}.rb-act{justify-content:flex-start}}

/* ---------- chips de barrio ---------- */
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips a{display:inline-flex;align-items:center;gap:8px;padding:7px 8px 7px 14px;background:var(--papel);color:var(--tinta);border-radius:999px;font-weight:700;font-size:.92rem;text-decoration:none;transition:transform .15s,background .15s}
.chips a b{background:var(--pan);color:var(--tinta);border-radius:999px;min-width:28px;padding:2px 8px;text-align:center;font-size:.85rem}
.chips a:hover{transform:translateY(-2px)}
.chips a[aria-pressed=true]{background:var(--ketchup);color:var(--papel)}
.chips a[aria-pressed=true] b{background:var(--papel);color:var(--ketchup)}
.chips-dark a{background:rgba(255,244,227,.1);color:var(--papel);border:1px solid var(--line-d)}
.chips-dark a:hover{background:rgba(255,244,227,.2)}
.chips-big a{font-size:1.05rem;padding:10px 10px 10px 18px}

/* ---------- bandas del inicio ---------- */
.barrio-band{background:var(--papel);color:var(--tinta);background-image:var(--manteca);padding:clamp(48px,7vw,100px) 0}
.barrio-band .eyebrow{color:var(--ketchup)}
.barrio-band h2.big{color:var(--ketchup)}
.barrio-band a{color:var(--ketchup2)}
.casera{background:var(--ketchup);color:var(--papel);background-image:var(--grain),linear-gradient(120deg,rgba(0,0,0,.18),transparent 50%);padding:clamp(40px,6vw,80px) 0}
.casera .eyebrow{color:var(--papel2)}
.casera h2{font-size:clamp(2rem,4.4vw,3.6rem);margin-bottom:12px}
.casera-in>div{max-width:720px}
.casera .btn.light{color:var(--tinta)}
.noticias{padding:clamp(32px,5vw,64px) 0;border-top:1px solid var(--line-d)}
.noticias ol{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:10px}
.noticias li{display:grid;gap:2px;padding:10px 0;border-bottom:1px solid var(--line-d)}
.noticias li span{font-size:.82rem;opacity:.75}
.papel{background:var(--papel);color:var(--tinta);background-image:var(--manteca)}
.papel a,.papel-in a,.ficha a{color:var(--ketchup2)}
.papel a.btn,.papel-in a.btn,.ficha a.btn,.barrio-band a.btn,.joinpage-wrap a.btn{color:var(--papel)}.papel a.btn.ghost,.papel-in a.btn.ghost,.ficha a.btn.ghost,.papel a.btn.light,.ficha a.btn.light{color:var(--tinta)}.ficha a.mini,.papel a.mini,.papel-in a.mini{color:var(--papel)}.ficha a.mini.ghost,.papel a.mini.ghost,.papel-in a.mini.ghost{color:var(--tinta)}
.papel .eyebrow,.papel-in .eyebrow,.ficha .eyebrow{color:var(--ketchup)}
.papel h2.big{color:var(--ketchup)}
.papel-in{padding-top:28px;padding-bottom:40px}
.join{background:var(--pan);color:var(--tinta);background-image:var(--grain),linear-gradient(100deg,rgba(255,255,255,.18),transparent 50%);padding:clamp(40px,6vw,80px) 0}
.join .eyebrow{color:var(--ketchup2)}
.join-in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px}
.join-in>div{max-width:620px}
.join h2{font-size:clamp(2.4rem,5vw,4.2rem);margin-bottom:10px}
.join .btn.light{background:var(--tinta);color:var(--papel)}

/* ---------- cabeceras de página interior ---------- */
.phead{position:relative;background:var(--brasa);background-image:var(--grain),var(--rejilla),radial-gradient(ellipse at 90% 0%,rgba(200,50,31,.3),transparent 55%);padding:clamp(28px,4vw,56px) 0 clamp(32px,5vw,64px);border-bottom:1px solid var(--line-d)}
.phead-in{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px;align-items:end}
.phead h1{color:var(--papel);margin-bottom:12px}
.phead p{max-width:60ch}
.phead-txt .tier{margin-bottom:10px}
.phead-ficha .phead-in{align-items:center}
.phead:not(.phead-map):not(.phead-ficha) .phead-in{grid-template-columns:1fr}
@media (max-width:760px){.phead-in{grid-template-columns:1fr}}
.faddr{display:flex;gap:8px;align-items:flex-start;font-size:1.05rem}
.faddr .ic{margin-top:4px}
.fopen{display:inline-block;font-weight:700;font-size:.9rem;padding:4px 10px;border-radius:999px;background:rgba(255,244,227,.12)}
.fopen[data-state=open]{background:var(--lechuga);color:var(--tinta)}
.fopen[data-state=closed]{background:rgba(255,244,227,.15)}
.factions{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 6px}
.claim{display:inline-block;font-weight:700;margin:10px 0;color:var(--pan2)}
.fpic{margin:0;max-width:520px;justify-self:end}
.fpic img{border-radius:14px;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;box-shadow:0 20px 50px rgba(0,0,0,.5)}
.fpic figcaption{font-size:.8rem;opacity:.75;margin-top:6px}
.fart{justify-self:end;width:min(100%,360px)}
.fart-svg{width:100%;height:auto;filter:drop-shadow(0 20px 30px rgba(0,0,0,.5))}
.zmap{--mm-land:#33200f;--mm-line:#7a4d2a;--mm-hover:#4a2c18;--mm-on:#c8321f;margin:0;width:min(100%,460px);justify-self:end}
.zmap .mm-hint{display:none}
.zmap figcaption{color:var(--papel);opacity:.8}

/* ---------- directorio ---------- */
.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0 18px;padding:14px;border-radius:12px;background:var(--papel);color:var(--tinta);box-shadow:0 12px 30px rgba(0,0,0,.25)}
.filters input{flex:1 1 220px}
.filters select{flex:0 1 220px}
.count{font-weight:700;font-size:.9rem;flex-basis:100%}
.count.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.count.tapado{-webkit-clip-path:inset(50%);clip-path:inset(50%)}
.banner{padding:14px;border-radius:10px;background:var(--papel);color:var(--tinta)}
main>.wrap>.filas,.cards{color:var(--papel)}
.filas{--fl-ink:var(--papel);--fl-muted:rgba(255,244,227,.75);--fl-line:var(--line-d);--fl-on-ink:var(--tinta);--fl-chip:var(--pan);--fl-chip-ink:var(--tinta)}
.filas a{color:var(--pan2)}.papel-in .filas a,.barrio-band .filas a{color:var(--ketchup2)}
.papel-in .filas,.barrio-band .filas{--fl-ink:var(--tinta);--fl-muted:color-mix(in srgb,var(--tinta) 72%,transparent);--fl-line:var(--line);--fl-on-ink:var(--papel)}
.cards{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.bandeja{position:relative;display:grid;border-radius:14px;overflow:hidden;background:var(--brasa);border:1px solid var(--line-d);color:var(--papel);min-width:0}
.papel-in .bandeja,.barrio-band .bandeja{background:#fff;color:var(--tinta);border-color:var(--line)}
.bj-ph img{width:100%;aspect-ratio:3/2;object-fit:cover}
.bj-b{padding:14px;display:grid;gap:6px}
.bj-b h3 a{color:inherit;text-decoration:none}
.bj-z,.bj-t{display:flex;gap:6px;font-size:.9rem;margin:0;opacity:.85}
.bj-act{display:flex;gap:6px;flex-wrap:wrap;margin-top:6px}
.bj-n{position:absolute;left:10px;top:10px;width:30px;height:30px;border-radius:50%;background:var(--ketchup);color:var(--papel);display:grid;place-items:center;font:400 1rem var(--fd);z-index:1}
.tag{display:inline-block;font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:3px 8px;border-radius:4px;background:var(--pan);color:var(--tinta);justify-self:start}
.tag-b{background:var(--lechuga)}
.sv{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:4px}
.sv li{font-size:.72rem;font-weight:700;padding:3px 8px;border-radius:999px;background:rgba(124,194,67,.18);color:inherit}
.num-list{margin-bottom:28px}

/* ---------- ficha ---------- */
.ficha{padding:28px 20px 48px;background:var(--papel);color:var(--tinta);background-image:var(--manteca);max-width:none}
.ficha>.fgrid{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.8fr);gap:40px;align-items:start}
.fsec{margin-bottom:28px;min-width:0}
.fsec h2{font-size:1.5rem;margin-bottom:10px}
.fhours b{font-size:1.1rem}
.notecard{display:flex;gap:12px;align-items:flex-start;padding:14px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.notecard .nc-ic{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--pan);color:var(--tinta);flex:none}
.notecard div{display:grid;gap:2px}
.notecard span{font-size:.9rem}
.fmap{border-radius:12px;overflow:hidden;background:#fff;border:1px solid var(--line);padding:14px}
.fmap iframe{width:100%;height:320px;border:0;display:block;margin:-14px;width:calc(100% + 28px)}
.fmap .fine{margin:8px 0 0}
.flinks{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.flinks a{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:8px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--tinta);font-weight:700;font-size:.9rem;max-width:100%}
.stale{font-weight:400;opacity:.7}
.embeds{display:grid;gap:14px}
.embed{padding:12px;border-radius:10px;background:#fff;border:1px solid var(--line)}
.embed-frame{width:100%;min-height:520px;border:0}
.near{list-style:none;margin:0 0 10px;padding:0;display:grid;gap:8px}
.near a{display:block;padding:10px 12px;border-radius:10px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--tinta)}
.near small{display:block;font-size:.85rem;opacity:.75}
.faside{position:sticky;top:86px;display:grid;gap:14px}
.contact{padding:18px;border-radius:14px;background:var(--brasa);color:var(--papel);background-image:var(--grain)}
.contact .eyebrow{color:var(--pan)}
.contact .tel{display:block;font:400 2.2rem/1 var(--fd);color:var(--pan2);text-decoration:none;margin-bottom:8px;letter-spacing:.03em}
.contact .flinks a{background:rgba(255,244,227,.08);border-color:var(--line-d);color:var(--papel)}
.srcbox{padding:14px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.srcbox .fine{margin:0}
.fserv li{background:#fff}
@media (max-width:900px){.ficha>.fgrid{grid-template-columns:1fr}.faside{position:relative;top:auto}}

/* ---------- herramienta ---------- */
.tool-hero{background:var(--brasa);background-image:var(--grain),var(--rejilla),radial-gradient(ellipse at 20% 0%,rgba(200,50,31,.28),transparent 50%);padding:clamp(28px,4vw,56px) 0 clamp(48px,7vw,90px)}
.tool-hero h1{margin-bottom:12px}
.tool-hero .lead{margin-bottom:28px}
.crit-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}
.crit{padding:18px;border-radius:12px;background:#fff;border:1px solid var(--line)}
.crit b{display:block;font:400 1.3rem/1.1 var(--fd);text-transform:uppercase;letter-spacing:.04em;margin-bottom:8px;color:var(--ketchup)}
.crit p{margin:0}
.arm-mini{display:grid;gap:12px;padding:22px;border-radius:14px;background:var(--brasa);color:var(--papel);background-image:var(--grain),radial-gradient(ellipse at 90% 10%,rgba(233,169,58,.25),transparent 55%);margin:24px 0}
.arm-mini h2{color:var(--pan)}
.arm-mini .eyebrow{color:var(--pan)}
.arm-mini a{color:inherit}

/* ---------- faq, prose, formularios ---------- */
.faq details{border-top:1px solid var(--line);padding:12px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;font-weight:700;font-size:1.05rem;list-style:none;display:flex;justify-content:space-between;gap:12px}
.faq summary::after{content:"+";font:400 1.4rem/1 var(--fd);color:var(--ketchup)}
.faq details[open] summary::after{content:"–"}
.faq p{margin:10px 0 0;max-width:70ch}
.prose{max-width:760px;padding-top:28px;padding-bottom:48px}
.prose h1{font-size:clamp(2.2rem,5vw,4rem);margin-bottom:10px}
.prose h2{font-size:1.6rem;margin:28px 0 8px}
.prose .lead{margin-bottom:18px}
.prose img{border-radius:12px}
.prose table{border-collapse:collapse;width:100%;font-size:.95rem}
.prose th,.prose td{border:1px solid var(--line);padding:8px 10px;text-align:left}
.tablewrap{overflow-x:auto;margin:1em 0}
.page-head{padding:40px 20px 60px;max-width:760px}
.page-head h1{margin-bottom:12px}
.pagewrap{background:var(--papel);color:var(--tinta);background-image:var(--manteca);padding-bottom:40px}
.pagewrap .page-head{padding-top:0}
.claimwrap .btn{margin-top:4px}
.joinpage-wrap{background:var(--papel);color:var(--tinta);background-image:var(--manteca);padding:32px 0 60px}
.joinpage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:start}
.joinpage h1{margin-bottom:12px}
.joinform{display:grid;gap:8px;padding:22px;border-radius:14px;background:#fff;border:1px solid var(--line)}
.joinform label{font-weight:700;font-size:.9rem;margin-top:8px}
.joinform input{font:inherit;padding:11px 12px;border-radius:8px;border:1px solid var(--line);background:#fff}
.joinform .consent{display:flex;gap:10px;align-items:flex-start;font-weight:400;margin:8px 0 12px}
.joinform .consent input{margin-top:4px}
@media (max-width:760px){.joinpage{grid-template-columns:1fr}}
.cookie{position:fixed;left:12px;right:12px;bottom:12px;z-index:30;display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:12px 16px;border-radius:12px;background:var(--papel);color:var(--tinta);box-shadow:0 20px 40px rgba(0,0,0,.5);max-width:720px;margin:0 auto}
.cookie p{margin:0;flex:1 1 260px;font-size:.92rem}
.cookie a{color:var(--ketchup2)}
.cookie .btn{padding:10px 16px;font-size:.9rem}

/* ---------- pie ---------- */
.foot{position:relative;overflow:hidden;background:var(--carbon);border-top:1px solid var(--line-d);padding:40px 0 60px}
.foot-word{position:absolute;left:0;right:0;top:-8px;margin:0;text-align:center;font:400 clamp(6rem,22vw,20rem)/1 var(--fd);text-transform:uppercase;color:rgba(255,244,227,.035);pointer-events:none;letter-spacing:.02em}
.foot .wrap{position:relative}
.foot-cols{display:grid;gap:28px;grid-template-columns:1.4fr 1fr 1fr 1fr}
.foot-cols>div{display:grid;gap:6px;align-content:start;min-width:0}
.foot-cols h2{font-size:.78rem;letter-spacing:.2em;color:var(--pan);margin-bottom:6px;font-family:var(--f);font-weight:700}
.foot-cols a{color:var(--papel);text-decoration:none;font-size:.95rem;overflow-wrap:anywhere}
.foot-cols a:hover{color:var(--pan2)}
.foot-cols p{font-size:.92rem;opacity:.8}
.foot .logo{margin-bottom:8px}
.socs{display:flex;gap:10px}
.socs .soc{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;border:1px solid var(--line-d)}
@media (max-width:900px){.foot-cols{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-cols{grid-template-columns:1fr}}

/* ---------- módulos comunes teñidos ---------- */
.tier-dest{background:var(--queso);color:var(--tinta)}
.ciudades h3{font-family:var(--f);font-size:1rem;text-transform:uppercase;letter-spacing:.1em;margin:14px 0 8px}
.zones{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.zones a{display:inline-flex;gap:8px;align-items:center;padding:7px 12px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--tinta);font-weight:700;font-size:.9rem}
.zones a b{background:var(--pan);border-radius:999px;padding:1px 8px;font-size:.8rem}
.ciudad-txt{max-width:70ch}
.head h2{margin-bottom:6px}
.npat{margin-top:0}
.zones a b:empty{display:none}