@font-face{font-family:"LeCoqRocks";src:url(../fonts/lecoqrocks.otf) format("opentype");font-display:swap}
:root{--ease-out:cubic-bezier(0.23,1,0.32,1);--ease-in-out:cubic-bezier(0.77,0,0.175,1);
  --rojo:#c0272d; --rojo-vivo:#d01822; --negro:#000; --marron:#452b28; --azul:#1f5081; --beige:#dcb27f; --blanco:#fff;
  --carbon:#110d0c; --carbon-2:#1b1513; --carbon-3:#261d1a;
  --linea:rgba(255,255,255,.14); --linea-o:rgba(69,43,40,.22);
  --papel:#efe3cf; --papel-2:#e6d5ba; --tinta:#2a1a17; --tinta-2:#6b534b;
  --gris:#b5a99f; --uber:#06c167;
  --grande:"LeCoqRocks","Anton","Impact","Arial Narrow Bold",sans-serif;
  --precio:"Fraunces",Georgia,serif;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --texto:"Fraunces",Georgia,"Times New Roman",serif;
  --mano:"Caveat","Segoe Print","Bradley Hand",cursive;
  
  color-scheme:dark;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--carbon)}
body{background:var(--carbon);color:#fff;font:400 17px/1.6 var(--texto);-webkit-font-smoothing:antialiased;font-optical-sizing:auto;font-variation-settings:"SOFT" 60,"WONK" 1}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important}.fx-slide{transition-duration:.2s!important}.card .ph,.rec,.fx-b,.btn,.fx-reservar{transform:none!important}}
[hidden]{display:none!important}
.page[data-page]{display:block}
a{color:inherit}
img{max-width:100%;display:block}
button{font:inherit}
.wrap{max-width:1220px;margin-inline:auto;padding-inline:clamp(16px,4vw,40px)}
:focus-visible{outline:2px solid var(--beige);outline-offset:3px}
p{margin:0}
h1,h2,h3,h4{margin:0;font-weight:400;text-wrap:balance}
.g{font-family:var(--grande);text-transform:uppercase;line-height:.92;letter-spacing:.012em;font-weight:400}
.h1{font-size:clamp(56px,8.8vw,120px)}
.h2{font-size:clamp(42px,5.6vw,76px)}
.h3{font-size:clamp(26px,2.6vw,34px)}
.pre{font:700 12.5px/1 var(--texto);letter-spacing:.26em;text-transform:uppercase;color:var(--beige)}
.lead{font-size:clamp(17px,1.5vw,20px);line-height:1.55;color:#e4d9cf;max-width:54ch}
.mano{font:600 clamp(22px,2.2vw,30px)/1.05 var(--mano);color:var(--beige);transform:rotate(-6deg);display:inline-block}
.mano.r{color:var(--rojo)}
.sub-g{font:600 13px/1.45 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:#d8cabd;margin-top:10px}

/* imágenes por variable */
.ph{background:var(--carbon-3) center/cover no-repeat}
.ph-grill{background-image:var(--i-grill)} .ph-entrana{background-image:var(--i-entrana)} .ph-tacos{background-image:var(--i-tacos)}
.ph-ensalada{background-image:var(--i-ensalada)} .ph-codillo{background-image:var(--i-codillo)} .ph-plate{background-image:var(--i-plate)}
.ph-tarta{background-image:var(--i-tarta)} .ph-shake{background-image:var(--i-shake)} .ph-jarra{background-image:var(--i-jarra)} .ph-copa{background-image:var(--i-copa)}
.ph-pollos{background-image:var(--i-pollos)} .ph-espeton{background-image:var(--i-espeton)} .ph-fuego{background-image:var(--i-fuego)}
.cut{background:center/contain no-repeat}
.cut-parrillada{background-image:var(--i-parrillada);aspect-ratio:839/765}
.cut-costillar{background-image:var(--i-costillar);aspect-ratio:1000/612}
.cut-burger{background-image:var(--i-burger);aspect-ratio:900/420}
.cut-burrito{background-image:var(--i-burrito);aspect-ratio:800/877}
.cut-torreznos{background-image:var(--i-torreznos);aspect-ratio:399/757}
.cut-salsas{background-image:var(--i-salsas);aspect-ratio:470/670}

/* logo e ilustraciones */
.logo{position:relative;display:block;aspect-ratio:2146/1040;color:#fff}
.logo::before,.logo::after,.iso::before,.iso::after{content:"";position:absolute;inset:0;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.logo::before{--m:var(--i-logo-t);background:currentColor}
.logo::after{--m:var(--i-logo-f);background:var(--llama,var(--rojo))}
.iso{position:relative;display:block;aspect-ratio:699/1482;color:#fff}
.iso::before{--m:var(--i-iso-t);background:currentColor}
.iso::after{--m:var(--i-iso-f);background:var(--llama,var(--rojo))}
.ilus{display:block;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat}
.i-hen{--m:var(--i-hen);aspect-ratio:297/412} .i-rooster{--m:var(--i-rooster);aspect-ratio:385/438}
.i-cow{--m:var(--i-cow);aspect-ratio:597/397} .i-roast{--m:var(--i-roast);aspect-ratio:455/350} .i-steak{--m:var(--i-steak);aspect-ratio:376/275}

/* botones */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6em;font:700 14px/1 var(--texto);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;padding:16px 24px;border-radius:4px;border:1.5px solid transparent;transition:background .2s,color .2s,border-color .2s;cursor:pointer;white-space:nowrap}
.btn-rojo{background:var(--rojo);color:#fff}.btn-rojo:hover{background:var(--rojo-vivo)}
.btn-linea{border-color:rgba(255,255,255,.55);color:#fff;background:rgba(0,0,0,.2)}.btn-linea:hover{background:#fff;color:#000;border-color:#fff}
.btn-tinta{background:var(--tinta);color:var(--papel)}.btn-tinta:hover{background:var(--rojo);color:#fff}
.btn-blanco{background:#fff;color:var(--rojo)}.btn-blanco:hover{background:#000;color:#fff}
.btn .arr{transition:transform 160ms var(--ease-out)}
.flecha{flex:none;width:34px;height:34px;border-radius:50%;border:1.5px solid rgba(255,255,255,.6);display:grid;place-items:center;font-size:15px;transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease}

/* cabecera */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(10,8,7,.9);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--linea)}
.top .wrap{display:flex;align-items:center;gap:30px;height:78px}
.brand{flex:none;text-decoration:none;display:grid;justify-items:center;gap:3px}
.brand .logo{width:118px}
.brand small{font:italic 400 10.5px/1 var(--serif);color:#d8cabd;letter-spacing:.02em}
.nav{display:flex;gap:30px;margin-inline:auto}
.nav a{font:600 15px/1 var(--texto);text-decoration:none;color:#d8cabd;padding:8px 0;border-bottom:2px solid transparent;transition:color .2s,border-color .2s}
.nav a:hover{color:#fff}
.nav a[aria-current="page"]{color:#fff;border-color:var(--rojo)}
.top .btn{padding:12px 18px;font-size:13px}
.burger{display:none;background:none;border:1px solid var(--linea);color:#fff;width:44px;height:44px;border-radius:4px;cursor:pointer}
.burger span{display:block;width:18px;height:1.5px;background:currentColor;margin:4px auto}
.mnav{display:none}
@media (max-width:980px){
  .nav{display:none}.burger{display:block}.top .btn{margin-left:auto}
  .mnav{display:block;background:#000;border-top:1px solid var(--linea)}
  .mnav a{display:block;padding:16px clamp(16px,4vw,40px);font:600 18px/1 var(--texto);text-decoration:none;border-bottom:1px solid var(--linea)}
}

/* hero genérico */
.hero{position:relative;overflow:hidden;isolation:isolate;background:#000}
.hero .bg{position:absolute;inset:0;z-index:-2;background-position:center;background-size:cover}
.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.92) 0%,rgba(0,0,0,.7) 42%,rgba(0,0,0,.15) 80%),linear-gradient(0deg,rgba(17,13,12,1) 0%,rgba(17,13,12,0) 30%)}
.hero .wrap{position:relative;padding-block:clamp(64px,9vw,120px) clamp(56px,8vw,100px)}
.hero .lead{margin-top:22px}
.hero .ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero .nota{position:absolute;right:clamp(16px,5vw,60px);top:clamp(24px,5vw,56px);text-align:right}
.hero .nota-b{position:absolute;left:clamp(16px,4vw,40px);bottom:24px}
@media (max-width:760px){.hero::before{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.85) 55%,rgba(17,13,12,1))}.hero .nota{display:none}}

/* home hero */
.h-home .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:24px;align-items:center}
.h-home .plato{width:100%;filter:drop-shadow(0 30px 40px rgba(0,0,0,.6))}
@media (max-width:860px){.h-home .wrap{grid-template-columns:1fr}.h-home .plato{max-width:420px;justify-self:center;margin-top:10px}}

/* secciones */
.sec{padding-block:clamp(72px,9vw,120px)}
.sec.tight{padding-block:clamp(56px,7vw,88px)}
.papel{background:var(--papel) var(--i-papel) center/cover;color:var(--tinta)}
.papel .pre{color:var(--rojo)} .papel .lead{color:var(--tinta-2)} .papel .sub-g{color:var(--tinta-2)}
.oscuro{background:var(--carbon)}
.fuego{position:relative;isolation:isolate;background:#0b0807}
.fuego::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--i-fuego) center bottom/cover no-repeat;opacity:.28}
.head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px 40px;margin-bottom:clamp(32px,4.5vw,52px)}
.head .mano{margin-left:auto}

/* tarjetas foto */
.cards{display:grid;gap:16px}
.c3{grid-template-columns:repeat(3,minmax(0,1fr))}
.c4{grid-template-columns:repeat(4,minmax(0,1fr))}
@media (max-width:960px){.c3,.c4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.c3,.c4{grid-template-columns:minmax(0,1fr)}}
.card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:360px;border-radius:8px;overflow:hidden;border:1px solid var(--linea);text-decoration:none;color:#fff;isolation:isolate;background:#000}
.card .ph{position:absolute;inset:0;z-index:-2;transition:transform 300ms var(--ease-out)}
.card::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(0,0,0,0) 30%,rgba(0,0,0,.88) 85%)}
.card .bd{padding:22px;display:flex;gap:14px;align-items:flex-end;justify-content:space-between}
.card h3{font-size:clamp(28px,2.6vw,36px)}
.card p{font-size:15px;color:#e1d6cc;margin-top:8px;max-width:30ch}
.card:hover .flecha{background:#fff;color:#000;border-color:#fff}

/* mesa */
.mesa{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.mesa .lead{margin-top:20px}
.mesa .lema{font:400 clamp(30px,3.4vw,46px)/1 var(--grande);text-transform:uppercase;color:var(--rojo);margin-top:28px}
.collage{position:relative;min-height:420px}
.collage .a{position:absolute;left:0;top:0;width:70%;aspect-ratio:4/5;border-radius:8px;box-shadow:0 20px 40px rgba(69,43,40,.3)}
.collage .b{position:absolute;right:0;bottom:0;width:58%;filter:drop-shadow(0 20px 30px rgba(69,43,40,.35))}
.collage .mano{position:absolute;right:4%;top:6%}
@media (max-width:860px){.mesa{grid-template-columns:1fr}.collage{min-height:340px}}

/* viaje del pollo */
.flag{display:inline-block;width:30px;height:20px;border-radius:3px;overflow:hidden;box-shadow:0 0 0 1px rgba(255,255,255,.25);flex:none}
.flag svg{display:block;width:100%;height:100%}
.viaje{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:1060px){.viaje{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.viaje{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rec{background:rgba(27,21,19,.92);border:1px solid var(--linea);border-radius:8px;padding:18px 16px 20px;display:flex;flex-direction:column;gap:10px;transition:border-color 150ms ease}
.rec:hover{border-color:var(--beige)}
.rec .top-r{display:flex;align-items:center;gap:10px}
.rec .top-r>div,.rp .top-r>div{min-width:0}
.rec b{font:400 clamp(20px,1.8vw,25px)/1 var(--grande);text-transform:uppercase}

.rec .top-r,.rp .top-r{flex-direction:column;align-items:flex-start}
.rec small{display:block;font:700 10.5px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--beige);margin-top:4px}
.rec p{font-size:14px;line-height:1.45;color:#d8cabd}
.rec .ilus{width:70%;color:rgba(255,255,255,.1);margin:4px 0 0 auto}

/* a cualquier hora */
.horas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:960px){.horas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.horas{grid-template-columns:minmax(0,1fr)}}
.hora{background:rgba(255,255,255,.5);border:1.5px solid var(--linea-o);border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:8px;text-decoration:none;color:var(--tinta);transition:background .2s}
.hora:hover{background:rgba(255,255,255,.8)}
.hora .ilus{height:86px;width:auto;align-self:flex-start;color:var(--marron);margin-bottom:8px}
.hora b{font:400 30px/1 var(--grande);text-transform:uppercase}
.hora time,.hora .t{font:700 12px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--rojo)}
.hora p{font-size:15px;color:var(--tinta-2);line-height:1.45}
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px}
@media (max-width:760px){.duo{grid-template-columns:minmax(0,1fr)}}
.ban{position:relative;overflow:hidden;border-radius:8px;min-height:170px;padding:26px;display:flex;flex-direction:column;justify-content:center;gap:8px;text-decoration:none;color:#fff;isolation:isolate;background:var(--marron)}
.ban.rojo{background:var(--rojo)} .ban.azul{background:var(--azul)}
.ban b{font:400 clamp(30px,3vw,40px)/1 var(--grande);text-transform:uppercase}
.ban p{color:rgba(255,255,255,.85);font-size:15.5px;max-width:34ch}
.ban .ilus{position:absolute;right:-10px;bottom:-10px;height:115%;width:auto;color:rgba(255,255,255,.14);z-index:-1}
.ban .btn{align-self:flex-start;margin-top:8px;padding:11px 16px;font-size:12.5px}

/* mapa + locales */
.mapa-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(24px,4vw,48px);align-items:start}
@media (max-width:960px){.mapa-wrap{grid-template-columns:1fr}}
.mapa{position:relative;background:#0b0807;border:1px solid var(--linea);border-radius:10px;padding:14px}
.mapa svg{display:block;width:100%;height:auto}
.mapa .t{font:700 11px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;fill:#d8cabd}
.mapa .pin{cursor:pointer}
.mapa .pin circle{transition:fill 150ms ease}
.mapa .pin:hover circle.p,.mapa .pin.on circle.p{fill:#fff}
.mapa .nota-m{margin:16px 0 4px 8px}
.grid-loc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
@media (max-width:600px){.grid-loc{grid-template-columns:minmax(0,1fr)}}
.loc{background:var(--papel);color:var(--tinta);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.loc .cab{position:relative;height:96px;background:var(--carbon-2);overflow:hidden;display:flex;align-items:flex-end;padding:14px 16px;isolation:isolate}
.loc .cab::before{content:"";position:absolute;inset:0;z-index:-1;background:var(--i-fuego) center 70%/cover;opacity:.55}
.loc .cab .logo{width:74px;--llama:var(--rojo)}
.loc .cab .z{position:absolute;right:14px;top:12px;font:700 10.5px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(0,0,0,.45);padding:6px 8px;border-radius:999px}
.loc .bd{padding:16px;display:flex;flex-direction:column;gap:10px;flex:1}
.loc h3{font:400 24px/1 var(--grande);text-transform:uppercase}
.loc .dir{font-size:14.5px;color:var(--tinta-2);line-height:1.45}
.loc .tags{display:flex;flex-wrap:wrap;gap:6px}
.loc .tags span{font:600 12px/1 var(--texto);padding:6px 9px;border-radius:999px;background:rgba(69,43,40,.1);color:var(--marron)}
.loc .acc{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px}
.loc .acc a{font:700 12.5px/1 var(--texto);text-decoration:none;padding:10px 12px;border-radius:4px;border:1.5px solid rgba(69,43,40,.3);color:var(--tinta)}
.loc .acc a:hover{border-color:var(--tinta)}
.loc .acc a.p{background:var(--rojo);border-color:var(--rojo);color:#fff}
.loc .acc a.p:hover{background:var(--rojo-vivo)}
.buscador{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.buscador .campo{flex:1 1 280px;display:flex;align-items:center;gap:10px;background:#fff;border-radius:999px;padding:0 18px;border:1.5px solid var(--linea-o)}
.buscador input{flex:1;border:0;background:transparent;font:500 16px/1 var(--texto);color:var(--tinta);padding:15px 0;outline:none;min-width:0}
.chip{font:600 14px/1 var(--texto);padding:13px 18px;border:1.5px solid var(--linea-o);background:rgba(255,255,255,.5);color:var(--tinta);border-radius:999px;cursor:pointer;transition:background-color 150ms ease,border-color 150ms ease,color 150ms ease;--x:.2s}
.chip:hover{border-color:var(--tinta)}
.chip[aria-pressed="true"]{background:var(--rojo);color:#fff;border-color:var(--rojo)}
.vacio{padding:28px;border:1.5px dashed var(--linea);border-radius:8px;color:var(--gris)}

.loc .acc a.ue{background:var(--uber);border-color:var(--uber);color:#000}
.loc .acc a.ue:hover{background:#05a357;border-color:#05a357}
.loc.pr{background:rgba(239,227,207,.08);border:1.5px dashed var(--beige);color:#fff}
.loc.pr h3{color:var(--beige)} .loc.pr .dir{color:#d8cabd} .loc.pr .tags span{background:rgba(220,178,127,.18);color:var(--beige)}
.loc.pr .cab::before{opacity:.25;filter:grayscale(1)}
.btn-uber{background:var(--uber);color:#000}.btn-uber:hover{background:#05a357}
dialog#pedir{border:0;padding:0;border-radius:12px;max-width:min(560px,calc(100% - 32px));width:100%;background:var(--papel);color:var(--tinta);box-shadow:0 30px 80px rgba(0,0,0,.6)}
dialog#pedir::backdrop{background:rgba(0,0,0,.7)}
.dlg{padding:24px;max-height:min(80vh,720px);display:flex;flex-direction:column;gap:16px}
.dlg-h{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.cerrar{background:none;border:1.5px solid var(--linea-o);border-radius:50%;width:38px;height:38px;cursor:pointer;color:var(--tinta);font-size:16px;flex:none}
.dlg-l{overflow:auto;display:grid;gap:8px}
.dlg-l a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;background:#fff9;border:1.5px solid var(--linea-o);text-decoration:none;color:var(--tinta)}
.dlg-l a:hover{border-color:var(--uber);background:#fff}
.dlg-l b{display:block;font:400 22px/1 var(--grande);text-transform:uppercase}
.dlg-l small{display:block;font-size:13px;color:var(--tinta-2);margin-top:4px}
.dlg-l .go{flex:none;font:700 12.5px/1 var(--texto);background:var(--uber);color:#000;padding:9px 12px;border-radius:4px}

.loc .cab.foto::before{background:var(--f) center/cover;opacity:1}
.loc .cab.foto::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(0,0,0,.7),rgba(0,0,0,0) 70%)}
.galeria{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-template-rows:260px 260px;gap:12px}
.galeria .ph{border-radius:8px}
.galeria .g1{grid-row:span 2}
.galeria .g3{grid-row:span 2}
.galeria .g2{grid-column:2}
.galeria .g4{grid-column:2}
@media (max-width:860px){.galeria{grid-template-columns:1fr 1fr;grid-template-rows:auto}.galeria .ph{aspect-ratio:4/3;grid-row:auto!important;grid-column:auto!important}}
.galeria-local{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;background:#000}
.galeria-local .ph{aspect-ratio:4/3}
@media (max-width:760px){.galeria-local{grid-template-columns:repeat(2,minmax(0,1fr))}.galeria-local .ph:last-child{grid-column:span 2;aspect-ratio:16/7}}
.hero-foto{justify-self:center;width:min(360px,100%);aspect-ratio:4/5;border-radius:10px;box-shadow:0 30px 60px rgba(0,0,0,.5);transform:rotate(2deg)}
@media (max-width:860px){.hero-foto{display:none}}

.fuego.neon::before{background:var(--i-at-columnas) center/cover no-repeat;opacity:.22}

.duo-ph{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:12px}
.col .duo-ph .ph{margin:0;aspect-ratio:1/1}

.postres-fotos .ph.crepe{grid-column:1/-1;aspect-ratio:4/3}

.parri .pfoto{grid-column:1/-1;aspect-ratio:4/3;border-radius:8px;margin-top:10px;order:-1}

.pollo-banner{aspect-ratio:16/7;border-radius:10px;margin-bottom:22px;background-position:center 45%;box-shadow:0 20px 40px rgba(69,43,40,.18)}
.pollo-oven{aspect-ratio:16/9;border-radius:8px;margin-top:12px}
@media (max-width:600px){.pollo-banner{aspect-ratio:4/3}}

.galeria-local.n1{grid-template-columns:1fr}.galeria-local.n1 .ph{aspect-ratio:21/9;background-position:center 60%}
.galeria-local.n2{grid-template-columns:1fr 1fr}.galeria-local.n3{grid-template-columns:repeat(3,1fr)}.galeria-local.n4{grid-template-columns:repeat(4,1fr)}
@media (max-width:760px){.galeria-local.n1 .ph{aspect-ratio:4/3}}

/* modos */
.modos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:860px){.modos{grid-template-columns:minmax(0,1fr)}}
.modo{border:1px solid var(--linea);border-radius:8px;padding:24px;background:rgba(27,21,19,.9);display:flex;gap:16px;align-items:flex-start;text-decoration:none}
.modo svg{flex:none;width:34px;height:34px;color:var(--beige)}
.modo b{display:block;font:400 26px/1 var(--grande);text-transform:uppercase}
.modo p{font-size:15px;color:#d8cabd;margin-top:6px}
.modo .flecha{margin-left:auto}
.modo:hover .flecha{background:#fff;color:#000}

/* CTA final */
.cta{position:relative;overflow:hidden;isolation:isolate;background:#000}
.cta::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.85),rgba(0,0,0,.55)),var(--i-fuego) center 75%/cover}
.cta .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px;padding-block:clamp(44px,6vw,72px)}
.cta .ctas{display:flex;flex-wrap:wrap;gap:12px}

/* carta */
.catnav{position:sticky;top:calc(78px + env(safe-area-inset-top,0px));z-index:40;background:rgba(10,8,7,.94);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-block:1px solid var(--linea)}
.catnav .wrap{display:flex;gap:4px;overflow-x:auto;scrollbar-width:none}
.catnav .wrap::-webkit-scrollbar{display:none}
.catnav button{flex:none;background:none;border:0;color:#d8cabd;font:600 14.5px/1 var(--texto);padding:18px 14px;cursor:pointer;border-bottom:2px solid transparent;white-space:nowrap}
.catnav button:hover{color:#fff}
.catnav button.on{color:#fff;border-color:var(--rojo)}
.ancla{scroll-margin-top:150px}
.feat{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:960px){.feat{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.feat{grid-template-columns:minmax(0,1fr)}}
.fcard{background:var(--carbon-2);border:1px solid var(--linea);border-radius:8px;overflow:hidden;display:flex;flex-direction:column}
.fcard .ph{aspect-ratio:4/3}
.fcard .ph.il{display:grid;place-items:center;background:var(--rojo)}
.fcard .ph.il .ilus{height:62%;width:auto;color:#fff}
.fcard:nth-child(3) .ph.il{background:var(--marron)}
.fcard .ph.cut{background-color:#241b18;background-size:86% auto}
.fcard .bd{padding:18px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 12px;flex:1}
.fcard h3{font:400 24px/1 var(--grande);text-transform:uppercase}
.fcard .pr{font:700 22px/1 var(--precio);color:var(--beige);font-variant-numeric:tabular-nums}
.fcard p{grid-column:1/-1;font-size:14.5px;color:#d8cabd;line-height:1.45}
.mini-l{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 32px;margin-top:22px;border-top:1px solid var(--linea)}
@media (max-width:860px){.mini-l{grid-template-columns:minmax(0,1fr)}}
.mi{display:grid;grid-template-columns:1fr auto;gap:2px 14px;padding:14px 0;border-bottom:1px solid var(--linea)}
.mi b{font:400 20px/1.1 var(--serif)}
.mi>span{font:700 18px/1.2 var(--precio);color:var(--beige);align-self:start;font-variant-numeric:tabular-nums}
.mi p{grid-column:1/-1;font-size:14px;color:var(--gris);line-height:1.45}
.badge{display:inline-block;vertical-align:middle;font:700 10px/1 var(--texto);letter-spacing:.14em;text-transform:uppercase;color:#fff;background:var(--rojo);padding:5px 8px 4px;border-radius:999px;margin-left:8px;white-space:nowrap}
.badge.az{background:var(--azul)} .badge.ma{background:var(--beige);color:var(--marron)}
.formatos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
@media (max-width:760px){.formatos{grid-template-columns:minmax(0,1fr)}}
.formato{border-radius:8px;padding:20px;background:#fff9;border:1.5px solid var(--linea-o);display:flex;flex-direction:column;gap:6px;align-items:flex-start}
.formato b{font:400 30px/1 var(--grande);text-transform:uppercase}
.formato p{font-size:14.5px;color:var(--tinta-2);line-height:1.45}
.formato em{font:700 28px/1 var(--precio);font-style:normal;color:var(--rojo);margin-top:auto;padding-top:10px}
.formato.dest{background:var(--rojo);color:#fff;border-color:var(--rojo)} .formato.dest p{color:#ffe7e3} .formato.dest em{color:#fff}
.recs-p{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-bottom:26px}
@media (max-width:1060px){.recs-p{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.recs-p{grid-template-columns:repeat(2,minmax(0,1fr))}}
.rp{background:#fff8;border:1.5px solid var(--linea-o);border-radius:8px;padding:14px}
.rp .top-r{display:flex;align-items:center;gap:8px}
.rp b{font:400 clamp(18px,1.6vw,22px)/1 var(--grande);text-transform:uppercase}
.rp small{display:block;font:700 10px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--azul);margin-top:3px}
.rp p{font-size:13.5px;color:var(--tinta-2);line-height:1.4;margin-top:8px}
.pollo-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(24px,4vw,44px);align-items:start}
@media (max-width:960px){.pollo-grid{grid-template-columns:1fr}}
.completa{background:var(--tinta);color:var(--papel);border-radius:8px;padding:24px}
.completa h3{font:400 28px/1 var(--grande);text-transform:uppercase;color:#fff}
.completa h4{font:700 12px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--beige);margin:18px 0 8px;display:flex;justify-content:space-between}
.completa ul{list-style:none;margin:0;padding:0;display:grid;gap:5px;font-size:15px}
.completa li::before{content:"· ";color:var(--rojo)}
.completa .x{margin-top:16px;padding-top:14px;border-top:1px solid rgba(255,255,255,.15);font-size:14.5px;color:#d8cabd}
.parri-g{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px}
@media (max-width:760px){.parri-g{grid-template-columns:minmax(0,1fr)}}
.parri{border-radius:8px;padding:26px;background:rgba(27,21,19,.92);border:1px solid var(--linea);display:grid;grid-template-columns:1fr auto;gap:10px 20px;align-items:start}
.parri .n{font:400 44px/1 var(--grande);text-transform:uppercase}
.parri .pr{text-align:right;font:700 36px/1 var(--precio);color:var(--beige)}
.parri .pr small{display:block;font:600 12px/1.3 var(--texto);color:var(--gris);letter-spacing:.06em;text-transform:none}
.parri ul{grid-column:1/-1;list-style:none;margin:6px 0 0;padding:14px 0 0;border-top:1px solid var(--linea);display:grid;gap:7px}
.parri li{font-size:15px;color:#e1d6cc;display:flex;gap:10px}
.parri li::before{content:"";flex:none;width:6px;height:6px;border-radius:50%;background:var(--rojo);margin-top:9px}
.parri .cut{grid-column:1/-1;margin-top:10px}
.tres{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(20px,3vw,36px)}
@media (max-width:960px){.tres{grid-template-columns:minmax(0,1fr)}}
.col h3{font:400 30px/1 var(--grande);text-transform:uppercase;color:var(--rojo)}
.col .sub-g{margin:6px 0 14px}
.col .cut,.col .ph{margin-bottom:12px}
.col .ph{aspect-ratio:16/10;border-radius:8px}
.lista-c{border-top:2px solid var(--tinta)}
.li{display:grid;grid-template-columns:1fr auto;gap:2px 12px;padding:12px 0;border-bottom:1px dashed var(--linea-o)}
.li b{font:400 18.5px/1.15 var(--serif)}
.li>span{font:700 17px/1.2 var(--precio);color:var(--rojo);font-variant-numeric:tabular-nums}
.li p{grid-column:1/-1;font-size:13.5px;color:var(--tinta-2);line-height:1.4}
.li h5{grid-column:1/-1;margin:10px 0 0;font:700 11.5px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:var(--azul)}
.nota-c{margin-top:14px;font-size:14px;color:var(--tinta-2)}
.bebida-bar{margin-top:32px;display:flex;flex-wrap:wrap;gap:6px 16px;align-items:baseline;padding:16px 20px;border-radius:8px;background:var(--azul);color:#fff}
.bebida-bar b{font:700 13px/1.3 var(--texto);letter-spacing:.14em;text-transform:uppercase}
.bebida-bar span{color:#dbe7f4;font-size:15px}

/* postres */
.postres{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);align-items:start}
.postres-fotos{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:12px}
.postres-fotos .ph{border-radius:8px;aspect-ratio:3/4;border:1px solid var(--linea)}
.estrella{margin-top:clamp(48px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr) minmax(0,.55fr);gap:14px;align-items:stretch;background:rgba(0,0,0,.55);border:1px solid var(--linea);border-radius:10px;padding:clamp(20px,3vw,32px)}
.estrella .ph{border-radius:8px;min-height:260px}
.est-precios{display:flex;gap:12px;margin:22px 0 16px}
.est-precios div{background:var(--rojo);border-radius:8px;padding:14px 18px}
.est-precios b{display:block;font:700 12px/1 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:#ffe0bf}
.est-precios span{display:block;font:700 32px/1 var(--precio);margin-top:6px}
@media (max-width:960px){.postres{grid-template-columns:minmax(0,1fr)}.estrella{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.est-txt{grid-column:1/-1}}
@media (max-width:600px){.postres .mini-l{grid-template-columns:minmax(0,1fr)!important}.postres .mi[style]{grid-column:auto!important}}

/* nosotros */
.hist{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.hist .ph{aspect-ratio:5/4;border-radius:8px;box-shadow:0 24px 48px rgba(69,43,40,.3)}
.hist .txt p+p{margin-top:14px}
.hist .foto{position:relative}
.hist .foto .mano{position:absolute;right:-6px;bottom:-26px;background:var(--papel);padding:6px 12px;border-radius:6px}
@media (max-width:860px){.hist{grid-template-columns:1fr}}
.pilares{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
@media (max-width:960px){.pilares{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.pilares{grid-template-columns:minmax(0,1fr)}}
.pilar{border:1px solid var(--linea);border-radius:8px;overflow:hidden;background:var(--carbon-2)}
.pilar .fig{height:150px;display:grid;place-items:center;background:var(--rojo)}
.pilar:nth-child(2) .fig{background:var(--marron)} .pilar:nth-child(3) .fig{background:var(--azul)} .pilar:nth-child(4) .fig{background:var(--beige)}
.pilar .fig .ilus{height:72%;width:auto;color:#fff}
.pilar:nth-child(4) .fig .ilus{color:var(--marron)}
.pilar .bd{padding:20px}
.pilar b{font:400 28px/1 var(--grande);text-transform:uppercase}
.pilar p{font-size:15px;color:#d8cabd;margin-top:8px}
.calidad{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border:1.5px solid var(--linea-o);border-radius:8px;overflow:hidden;background:#fff6}
@media (max-width:860px){.calidad{grid-template-columns:repeat(2,minmax(0,1fr))}}
.cal{padding:24px;text-align:center;display:grid;justify-items:center;gap:8px}
.cal+.cal{border-left:1.5px solid var(--linea-o)}
@media (max-width:860px){.cal:nth-child(3){border-left:0}.cal:nth-child(n+3){border-top:1.5px solid var(--linea-o)}}
.cal svg{width:38px;height:38px;color:var(--rojo)}
.cal b{font:700 13px/1.3 var(--texto);letter-spacing:.14em;text-transform:uppercase}
.cal p{font-size:14.5px;color:var(--tinta-2)}
.kpis{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--linea);border:1px solid var(--linea);border-radius:8px;overflow:hidden;margin-top:28px}
.kpi{background:var(--carbon);padding:24px}
.kpi b{display:block;font:400 clamp(46px,5vw,64px)/1 var(--grande);color:var(--beige)}
.kpi span{display:block;margin-top:8px;font-size:15px;color:var(--gris)}
.franq{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
@media (max-width:860px){.franq{grid-template-columns:1fr}}
.soporte{list-style:none;margin:0;padding:0;border-top:1px solid var(--linea)}
.soporte li{display:grid;grid-template-columns:150px 1fr;gap:18px;padding:17px 0;border-bottom:1px solid var(--linea)}
.soporte b{font:700 12.5px/1.5 var(--texto);letter-spacing:.16em;text-transform:uppercase}
.soporte span{color:var(--gris);font-size:15px}
@media (max-width:480px){.soporte li{grid-template-columns:1fr;gap:4px}}

/* desayunos */
.incluye{display:flex;flex-wrap:wrap;align-items:center;gap:14px 30px;padding:22px 26px;border-radius:8px;background:#fff8;border:1.5px solid var(--linea-o)}
.incluye b{font:400 26px/1 var(--grande);text-transform:uppercase}
.incluye ul{display:flex;flex-wrap:wrap;gap:10px 22px;list-style:none;margin:0;padding:0}
.incluye li{display:flex;align-items:center;gap:8px;font:600 15px/1 var(--texto)}
.incluye li svg{width:24px;height:24px;color:var(--rojo)}
.tostas{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px}
@media (max-width:1060px){.tostas{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:520px){.tostas{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tosta{background:#fffb;border:1.5px solid var(--linea-o);border-radius:8px;padding:16px;display:flex;flex-direction:column;gap:6px;min-height:150px}
.tosta b{font:400 18px/1.2 var(--serif)}
.tosta span{font:700 22px/1 var(--precio);color:var(--rojo);margin-top:auto}
.tosta.dulce{background:#fff6}
.especiales{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
@media (max-width:860px){.especiales{grid-template-columns:minmax(0,1fr)}}
.esp{background:var(--rojo);color:#fff;border-radius:8px;padding:22px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;isolation:isolate}
.esp:nth-child(2){background:var(--marron)} .esp:nth-child(3){background:var(--azul)}
.esp b{font:400 30px/1 var(--grande);text-transform:uppercase}
.esp p{font-size:15px;color:rgba(255,255,255,.85);max-width:30ch}
.esp span{font:700 28px/1 var(--precio);margin-top:auto;padding-top:8px}
.esp .ilus{position:absolute;right:-12px;bottom:-12px;height:80%;width:auto;color:rgba(255,255,255,.12);z-index:-1}
.bebs{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:14px}
@media (max-width:960px){.bebs{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.bebs{grid-template-columns:minmax(0,1fr)}}
.beb{border:1.5px solid var(--linea-o);border-radius:8px;padding:20px;background:#fff8}
.beb.cafe{background:var(--tinta);color:var(--papel);border-color:var(--tinta)}
.beb h4{font:400 26px/1 var(--grande);text-transform:uppercase;display:flex;justify-content:space-between;gap:10px}
.beb h4 span{color:var(--rojo);font:700 20px/1 var(--precio)} .beb.cafe h4 span{color:var(--beige)}
.beb ul{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:6px;font-size:15px}
.beb li small{display:block;font-size:13px;color:var(--tinta-2);line-height:1.4}
.beb.cafe p{font-size:14px;color:#d8cabd;margin-top:12px;line-height:1.5}
.merienda-ban{display:grid;grid-template-columns:auto 1fr auto;gap:20px 30px;align-items:center;background:var(--rojo);color:#fff;border-radius:10px;padding:26px 30px;position:relative;overflow:hidden;isolation:isolate}
.merienda-ban .ilus{height:90px;width:auto;color:#fff}
.merienda-ban b{font:400 clamp(34px,4vw,50px)/1 var(--grande);text-transform:uppercase}
.merienda-ban p{color:#ffe7e3;margin-top:4px}
@media (max-width:760px){.merienda-ban{grid-template-columns:1fr}.merienda-ban .ilus{display:none}}
.dos{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(20px,3vw,36px)}
@media (max-width:860px){.dos{grid-template-columns:minmax(0,1fr)}}

/* ficha */
.datos{background:var(--papel) var(--i-papel) center/cover;color:var(--tinta)}
.datos .wrap{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:20px 30px;align-items:center;padding-block:24px}
.dato{display:flex;gap:12px;align-items:flex-start}
.dato svg{flex:none;width:24px;height:24px;color:var(--rojo);margin-top:2px}
.dato b{display:block;font:700 12px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;margin-bottom:6px}
.dato span,.dato a{font-size:15px;color:var(--tinta-2);text-decoration:none;line-height:1.4}
.datos .ctas{display:flex;flex-wrap:wrap;gap:10px}
@media (max-width:1060px){.datos .wrap{grid-template-columns:repeat(3,minmax(0,1fr))}.datos .ctas{grid-column:1/-1}}
@media (max-width:700px){.datos .wrap{grid-template-columns:minmax(0,1fr)}}
.otros{display:flex;flex-wrap:wrap;gap:8px}
.otros a{font:600 14px/1 var(--texto);text-decoration:none;padding:11px 14px;border-radius:999px;border:1px solid var(--linea);color:#d8cabd}
.otros a:hover{border-color:#fff;color:#fff}

/* club strip */
.club{position:relative;overflow:hidden;isolation:isolate;background:var(--azul)}
.club .pat{position:absolute;inset:0;z-index:-1;opacity:.13;background:#000;-webkit-mask:var(--i-iso-full) 0 0/44px auto space;mask:var(--i-iso-full) 0 0/44px auto space}
.club .wrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:center;padding-block:clamp(56px,7vw,88px)}
@media (max-width:860px){.club .wrap{grid-template-columns:1fr}}
.tarjeta{position:relative;aspect-ratio:1.586;max-width:400px;width:100%;justify-self:end;border-radius:16px;background:var(--rojo);box-shadow:0 30px 60px rgba(0,0,0,.35);padding:26px;display:flex;flex-direction:column;justify-content:space-between;transform:rotate(-4deg);transition:transform .5s;overflow:hidden}

.tarjeta .logo{width:46%;--llama:#fff}
.tarjeta .ilus{position:absolute;right:-6%;top:6%;height:78%;width:auto;color:rgba(255,255,255,.16)}
.tarjeta .row{position:relative;display:flex;justify-content:space-between;align-items:end;font:700 11px/1.2 var(--texto);letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.75)}
.tarjeta .row b{display:block;font:400 26px/1 var(--grande);letter-spacing:.01em;color:#fff;margin-top:6px}
@media (max-width:860px){.tarjeta{justify-self:start;max-width:340px}}

/* pie */
footer{background:#000;border-top:4px solid var(--rojo);padding-block:56px 36px}
.foot{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:36px}
@media (max-width:860px){.foot{grid-template-columns:1fr 1fr}}
@media (max-width:480px){.foot{grid-template-columns:1fr}}
.foot .brand{justify-items:start}
.foot .brand .logo{width:160px}
.foot .brand small{font-size:13px;margin-top:6px}
.foot h5{margin:0 0 14px;font:700 12px/1 var(--texto);letter-spacing:.22em;text-transform:uppercase;color:var(--beige)}
.foot ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.foot a{text-decoration:none;color:#e1d6cc;font-size:15px}
.foot a:hover{color:#fff}
.foot .mano{margin-top:18px}
.legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:44px;padding-top:22px;border-top:1px solid var(--linea);font-size:13px;color:var(--gris)}
.legal nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.legal a{font-size:13px;color:var(--gris)}

.mbar{display:none}
@media (max-width:620px){
  .mbar{display:grid;grid-template-columns:1fr 1fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:60;padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px));background:rgba(0,0,0,.94);border-top:1px solid var(--linea)}
  .mbar .btn{padding:14px 10px}
  footer{padding-bottom:110px}
}
.carne-duo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:22px}
.carne-duo figure,.dulce-duo figure{margin:0}
.carne-duo .ph,.dulce-duo .ph{aspect-ratio:4/3;background-size:cover;background-position:center;border-radius:4px}
.carne-duo figcaption,.dulce-duo figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:10px;padding-top:10px;font:400 19px/1.15 var(--serif)}
.carne-duo figcaption span,.dulce-duo figcaption span{font:700 18px/1 var(--precio);color:var(--beige);white-space:nowrap}
.dulce-duo figcaption span{color:var(--rojo)}
.dulce-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-bottom:18px}
.dulce-duo .ph{aspect-ratio:4/3}
@media (max-width:1000px){.carne-duo{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:600px){.dulce-duo{grid-template-columns:minmax(0,1fr)}}
@media (max-width:480px){.carne-duo{gap:10px}.carne-duo figcaption{font-size:15px;flex-direction:column;gap:4px}}
.col .duo-ph .ph.ph-ancho{grid-column:1/-1;aspect-ratio:16/10}
.horno-banner{position:relative;margin:0 0 26px;border-radius:12px;overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.45)}
.horno-banner .ph{aspect-ratio:16/8;background-position:center 48%}
.horno-banner figcaption{position:absolute;left:0;right:0;bottom:0;padding:60px 32px 26px;background:linear-gradient(transparent,rgba(0,0,0,.82));display:grid;gap:8px}
.horno-banner figcaption b{font-size:clamp(22px,3vw,38px);line-height:1.05;max-width:720px;color:#fff}
@media (max-width:600px){.horno-banner .ph{aspect-ratio:4/3}.horno-banner figcaption{padding:40px 18px 16px}}
.formatos{grid-template-columns:repeat(2,minmax(0,1fr))}
.formato.combo{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6px 22px;padding:0;overflow:hidden;align-items:start}
.formato.combo .combo-foto{grid-row:1/span 4;aspect-ratio:1/1;height:100%;min-height:100%}
.formato.combo b{font-size:30px;line-height:1.02;padding-top:22px;padding-right:20px}
.formato.combo p,.formato.combo em{padding-right:20px}
.formato.combo em{padding-bottom:22px}
@media (max-width:760px){.formatos{grid-template-columns:minmax(0,1fr)}.formato.combo{grid-template-columns:minmax(0,1fr)}.formato.combo .combo-foto{grid-row:auto;aspect-ratio:4/3}.formato.combo b,.formato.combo p,.formato.combo em{padding-left:20px}}
.hora{overflow:hidden}.hora .hora-foto{margin:0 -22px 6px;aspect-ratio:4/3;border-bottom:1.5px solid var(--linea-o)}
.formato.fm-f{padding-top:0;overflow:hidden}.formato.fm-f .fm-foto{width:calc(100% + 40px);margin:0 -20px 12px;aspect-ratio:4/3}
.rec-foto{aspect-ratio:1/1;background:#111 center/cover no-repeat;border-radius:6px;margin:-6px -4px 4px}
.rec{overflow:hidden}
/*FX-START*/
/* ===== Estilo web tipo Foster's (layout), branding Le Coq ===== */
:root{--fx-max:1200px;--fx-borde:#dfd6cb;--fx-gris:#f6f1ea;--fx-tinta:#1a1210}
.fx-in{max-width:var(--fx-max);margin-inline:auto;padding-inline:clamp(16px,3vw,30px)}
.fx-c{text-align:center}
.fx-rojo{color:var(--rojo)}
/* botones */
.fx-b{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:600 15px/1.2 var(--texto);text-decoration:none;padding:10px 16px;border-radius:2px;border:1px solid transparent;cursor:pointer;transition:background .15s,color .15s,border-color .15s;white-space:nowrap}
.fx-b svg{width:18px;height:18px;flex:none}
.fx-b-lg{padding:12px 22px;font-size:16px}
.fx-b-rojo{background:var(--rojo);border-color:var(--rojo);color:#fff}.fx-b-rojo:hover{background:var(--rojo-vivo);border-color:var(--rojo-vivo)}
.fx-b-tinta{background:var(--fx-tinta);border-color:var(--fx-tinta);color:#fff}.fx-b-tinta:hover{background:var(--rojo);border-color:var(--rojo)}
.fx-b-linea{background:#fff;border-color:var(--fx-tinta);color:var(--fx-tinta)}.fx-b-linea:hover{background:var(--fx-tinta);color:#fff}
.fx-b-blanco{background:#fff;border-color:#fff;color:var(--fx-tinta)}.fx-b-blanco:hover{background:transparent;color:#fff}
/* cabecera */
.fx-head{position:sticky;top:0;z-index:60;box-shadow:0 2px 10px rgba(0,0,0,.12)}
.fx-bar{background:#000;color:#fff}
.fx-bar .fx-in{display:flex;align-items:stretch;height:72px;gap:24px;padding-right:0}
.fx-bar .brand{align-self:center}
.fx-bar .brand .logo{width:104px}
.fx-nav{display:flex;align-items:stretch;gap:0;margin-left:auto}
.fx-nav a{display:flex;align-items:center;padding:0 14px;font:600 14.5px/1 var(--texto);color:#fff;text-decoration:none;border-bottom:3px solid transparent;border-top:3px solid transparent}
.fx-nav a:hover{color:var(--beige)}
.fx-nav a[aria-current="page"]{border-bottom-color:var(--rojo)}
.fx-reservar{display:flex;align-items:center;gap:10px;background:var(--rojo);color:#fff;text-decoration:none;font:700 16px/1 var(--texto);padding:0 26px;margin-left:10px}
.fx-reservar:hover{background:var(--rojo-vivo)}
.fx-reservar svg{width:22px;height:22px}
.fx-sub{background:var(--papel);border-bottom:1px solid var(--papel-2)}
.fx-sub .fx-in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:50px;padding-block:8px}
.fx-modos{display:flex;gap:10px}
.fx-modos .fx-b{min-width:180px;padding:7px 14px;font-size:14px}
.fx-claim{font:italic 400 15px/1 var(--serif);color:var(--tinta-2)}
.fx-head .burger{display:none;align-self:center;margin-right:12px;border-color:rgba(255,255,255,.3)}
@media (max-width:980px){
  .fx-nav{display:none}.fx-head .burger{display:block}
  .fx-reservar{margin-left:auto;padding:0 18px;font-size:15px}
  .fx-bar .fx-in{height:62px}
}
@media (max-width:620px){
  .fx-claim{display:none}.fx-modos{width:100%}.fx-modos .fx-b{min-width:0;flex:1}
  .fx-reservar span{display:none}
}
.fx-head .mnav{background:#000}
/* páginas en claro */
body{background:#fff}
.page[data-page="home"]{background:#fff;color:var(--fx-tinta)}
.fx-sec{padding-block:clamp(48px,6vw,80px);background:#fff;color:var(--fx-tinta)}
.fx-gris{background:var(--fx-gris)}
.fx-h2{font-size:clamp(40px,4.6vw,60px);line-height:.95;color:var(--fx-tinta)}
.fx-txt{font-size:16.5px;line-height:1.6;color:#4a3d38;max-width:56ch;margin-top:18px}
.fx-ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
/* hero slider */
.fx-hero{background:#fff}
.fx-hero .fx-slides{position:relative;height:clamp(360px,42vw,560px);overflow:hidden;background:#000}
.fx-slide{position:absolute;inset:0;background:#000 center/cover no-repeat;opacity:0;transition:opacity 600ms var(--ease-in-out);display:grid;place-items:center;text-align:center}
.fx-slide::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(0,0,0,.55),rgba(0,0,0,.2) 70%)}
.fx-slide.on{opacity:1;z-index:1}
.fx-cap{position:relative;max-width:640px;padding:0 20px;color:#fff;display:grid;justify-items:center;gap:16px}
.fx-cap .g{font-size:clamp(44px,6vw,84px);line-height:.92;text-shadow:0 4px 24px rgba(0,0,0,.4)}
.fx-cap p{font-size:clamp(16px,1.5vw,19px);line-height:1.45;text-shadow:0 2px 12px rgba(0,0,0,.6)}
.fx-ctrl{display:flex;align-items:center;justify-content:space-between;max-width:var(--fx-max);margin:0 auto;padding:14px clamp(16px,3vw,30px)}
.fx-arr{background:none;border:0;font:300 38px/1 var(--texto);color:var(--fx-tinta);cursor:pointer;padding:0 10px}
.fx-arr:hover{color:var(--rojo)}
.fx-dots{display:flex;gap:10px}
.fx-dots button{width:9px;height:9px;border-radius:50%;border:0;background:#cfc5ba;padding:0;cursor:pointer}
.fx-dots button[aria-current="true"]{background:var(--fx-tinta)}
/* intro */
.fx-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;align-items:center}
.fx-feats{display:flex;justify-content:flex-end;gap:clamp(20px,4vw,52px)}
.fx-feats a{display:grid;justify-items:center;gap:10px;text-decoration:none;color:var(--fx-tinta);font:500 15px/1 var(--texto)}
.fx-feats .ilus{height:72px;width:auto;color:var(--rojo)}
.fx-feats a:hover{color:var(--rojo)}
@media (max-width:800px){.fx-intro{grid-template-columns:minmax(0,1fr)}.fx-feats{justify-content:flex-start}}
/* tarjetas destacadas */
.fx-duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:clamp(40px,5vw,64px)}
@media (max-width:700px){.fx-duo{grid-template-columns:minmax(0,1fr)}}
.fx-high{position:relative;isolation:isolate;min-height:300px;padding:34px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px;background:#000 center/cover no-repeat;color:#fff;text-decoration:none;overflow:hidden}
.fx-high::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(0,0,0,.7),rgba(0,0,0,.15) 75%)}
.fx-high .g{font-size:clamp(44px,5vw,70px);line-height:.9}
.fx-high p{max-width:30ch;font-size:15px;line-height:1.45}
.fx-high .fx-b{margin-top:6px}
/* carta */
.fx-pills{display:flex;gap:8px;overflow-x:auto;padding:26px 0 22px;scrollbar-width:none;justify-content:center;flex-wrap:wrap}
.fx-pill{border:0;border-radius:999px;background:#ece6de;color:var(--fx-tinta);font:500 14px/1 var(--texto);padding:9px 16px;cursor:pointer;white-space:nowrap}
.fx-pill:hover{background:#e0d6ca}
.fx-pill.on{background:var(--fx-tinta);color:#fff}
.fx-car{position:relative}
.fx-track{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 4*16px)/5);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-bottom:4px}
.fx-track::-webkit-scrollbar{display:none}
@media (max-width:1000px){.fx-track{grid-auto-columns:calc((100% - 2*16px)/3)}}
@media (max-width:600px){.fx-track{grid-auto-columns:78%}}
.fx-prod{scroll-snap-align:start;background:#fff;border:1px solid var(--fx-borde);border-radius:2px;padding:10px;display:flex;flex-direction:column;gap:6px}
.fx-prod .ph{aspect-ratio:4/3;margin-bottom:8px}
.fx-prod h3{font:400 19px/1.05 var(--grande);text-transform:uppercase;color:var(--fx-tinta)}
.fx-prod p{font-size:13.5px;line-height:1.4;color:#6b5a53;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.fx-precio{font:700 17px/1 var(--precio);color:var(--rojo);margin-top:auto;padding-top:6px}
.fx-prod .fx-b{width:100%;margin-top:8px;border-color:var(--rojo);color:var(--rojo)}
.fx-prod .fx-b:hover{background:var(--rojo);color:#fff}
.fx-ctrl-car{padding-inline:0}
.fx-carta p.fx-c{margin-top:10px}
/* banner hornos + recetas */
.fx-banner{position:relative;margin:0 0 20px;overflow:hidden;background:#000}
.fx-banner .ph{aspect-ratio:16/6}
.fx-banner figcaption{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;padding:clamp(20px,4vw,56px);background:linear-gradient(90deg,rgba(0,0,0,.72),rgba(0,0,0,0) 70%);color:#fff;gap:10px}
.fx-banner figcaption span{font:700 12.5px/1 var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--beige)}
.fx-banner .g{font-size:clamp(40px,5vw,72px);line-height:.92}
.fx-banner p{max-width:38ch;font-size:16px}
@media (max-width:600px){.fx-banner .ph{aspect-ratio:4/3}}
.fx-viaje .rec{background:#fff;border:1px solid var(--fx-borde);border-radius:2px;color:var(--fx-tinta)}
.fx-viaje .rec:hover{border-color:var(--rojo);transform:none}
.fx-viaje .rec small{color:var(--rojo)}
.fx-viaje .rec p{color:#4a3d38}
.fx-viaje .rec p[style]{color:#7a6860!important}
/* a cualquier hora */
.fx-horas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:30px}
@media (max-width:960px){.fx-horas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:480px){.fx-horas{grid-template-columns:minmax(0,1fr)}}
.fx-tile{background:#fff;border:1px solid var(--fx-borde);border-radius:2px;padding:10px 10px 16px;display:flex;flex-direction:column;gap:6px;text-decoration:none;color:var(--fx-tinta)}
.fx-tile .ph{aspect-ratio:4/3;margin-bottom:8px}
.fx-tile small{font:700 11.5px/1 var(--texto);letter-spacing:.18em;text-transform:uppercase;color:var(--rojo)}
.fx-tile h3{font-size:26px;line-height:1}
.fx-tile p{font-size:14px;line-height:1.45;color:#6b5a53}
.fx-tile .fx-b{margin-top:auto;align-self:stretch;border-color:var(--rojo);color:var(--rojo)}
.fx-tile:hover .fx-b{background:var(--rojo);color:#fff}
/* split locales */
.fx-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:center}
@media (max-width:860px){.fx-split{grid-template-columns:minmax(0,1fr)}}
.fx-locs .fx-slides{position:relative;aspect-ratio:4/3;overflow:hidden;background:#000}
.fx-locs .fx-slide{align-items:end;justify-items:end;text-align:right;text-decoration:none}
.fx-locs .fx-slide::before{background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,0) 55%)}
.fx-locs .fx-cap{justify-items:end;padding:22px 24px;gap:4px}
.fx-locs .fx-cap b{font:400 clamp(34px,3.6vw,48px)/.95 var(--grande);text-transform:uppercase}
.fx-locs .fx-cap span{font-size:14.5px}
.fx-locs .fx-ctrl{padding-inline:0;justify-content:center;gap:30px}
/* banner club (tipo app) */
.fx-app{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px;align-items:center;background:#000;color:#fff;border-radius:6px;padding:clamp(28px,4vw,54px);overflow:hidden;position:relative}
.fx-app::after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(192,39,45,.35),transparent 70%)}
.fx-app-k{font:700 12.5px/1 var(--texto);letter-spacing:.24em;text-transform:uppercase;color:var(--beige)}
.fx-app .g{font-size:clamp(42px,5vw,68px);line-height:.92;margin-top:12px}
.fx-app p{margin-top:14px;color:#dcd2c9;max-width:48ch}
.fx-app .tarjeta{position:relative;z-index:1}
@media (max-width:800px){.fx-app{grid-template-columns:minmax(0,1fr)}}
/* pie */
.cta{background:var(--papel)!important;color:var(--fx-tinta)}
.cta::before,.cta::after{display:none!important}
.cta .g{color:var(--fx-tinta)}
.cta .sub-g{color:var(--tinta-2)!important}
.cta .btn{border-radius:2px;letter-spacing:0;text-transform:none;font-size:16px;font-weight:600;padding:12px 22px}
.cta .btn-linea{background:#fff;color:var(--fx-tinta);border-color:var(--fx-tinta)}
.cta .btn-linea:hover{background:var(--fx-tinta);color:#fff}
footer{background:#000;border-top:0;padding-block:52px 0}
.foot h5{color:#fff;letter-spacing:.04em;text-transform:none;font-size:15px}
.foot a{text-decoration:underline;text-underline-offset:3px;font-size:14px}
/* ===== Páginas interiores en estilo claro ===== */
body{margin:0}
.legal{margin-inline:0;padding-inline:0;background:transparent;border-top:1px solid var(--linea)}
main .page .oscuro,main .page .fuego,main #ficha .oscuro,main #ficha .fuego{background:#fff!important;color:var(--fx-tinta)}
main .page .fuego::before,main .page .fuego::after,main .page .fuego.neon::before{display:none!important}
main .page .papel,main #ficha .papel{background:var(--fx-gris)!important;color:var(--fx-tinta)}
main .page .sec{padding-block:clamp(48px,6vw,80px)}
main .page .sec .head .g,main #ficha .sec .head .g,main .page .sec .wrap>h2.g,main #ficha .sec .wrap>h2.g,main .page .mesa .g,main #ficha .mesa .g,main .page .sec .col h3,main .page .sec .ancla>h3{color:var(--fx-tinta)}
main .page .sec .col h3{color:var(--rojo)}
main .page .sec .h2{font-size:clamp(40px,4.6vw,60px)}
main .page .sec .sub-g,main #ficha .sec .sub-g{color:#6b5a53;letter-spacing:.06em}
main .page .sec .lead,main #ficha .sec .lead{color:#4a3d38}
main .page .sec .pre{color:var(--rojo)}
main .page .sec .mano{color:var(--rojo)}
/* hero interiores: banner con imagen, título centrado */
main .page .hero::before{background:linear-gradient(0deg,rgba(0,0,0,.6),rgba(0,0,0,.35))!important}
main .page .hero .wrap{padding-block:clamp(56px,7vw,96px)}
/* barra de categorías tipo pills */
.catnav{top:122px;background:#fff!important;backdrop-filter:none;border-block:1px solid var(--fx-borde)!important}
.catnav .wrap{gap:8px;padding-block:12px;justify-content:center;flex-wrap:wrap}
.catnav button{background:#ece6de;color:var(--fx-tinta);border:0;border-radius:999px;padding:9px 16px;font:500 14px/1 var(--texto)}
.catnav button:hover{background:#e0d6ca;color:var(--fx-tinta)}
.catnav button.on{background:var(--fx-tinta);color:#fff}
@media (max-width:980px){.catnav{top:112px}.catnav .wrap{flex-wrap:nowrap;justify-content:flex-start}}
/* tarjetas de producto */
main .fcard{background:#fff;border:1px solid var(--fx-borde);border-radius:2px;padding:10px;color:var(--fx-tinta)}
main .fcard .ph{border-radius:0}
main .fcard .bd{padding:12px 4px 6px}
main .fcard h3{color:var(--fx-tinta);font-size:21px}
main .fcard .pr{color:var(--rojo)}
main .fcard p{color:#6b5a53}
main .mi{border-color:var(--fx-borde)!important}
main .mi b{color:var(--fx-tinta)}
main .mi>span{color:var(--rojo)}
main .mi p{color:#6b5a53}
main .mini-l{border-color:var(--fx-borde)}
main .li{border-color:var(--fx-borde)!important}
main .li span{color:var(--rojo)}
main .li p{color:#6b5a53}
main .badge{border-radius:2px}
/* bloques oscuros que se vuelven claros */
main .page .rec{background:#fff;border:1px solid var(--fx-borde);border-radius:2px;color:var(--fx-tinta)}
main .page .rec small{color:var(--rojo)}
main .page .rec p{color:#4a3d38}
main .page .formato,main .parri,main .esp,main .pilar,main .tosta,main .incluye{border-radius:2px}
main .parri{background:#fff!important;border:1px solid var(--fx-borde)!important;color:var(--fx-tinta)}
main .parri li,main .parri p{color:#4a3d38}
main .parri .g,main .parri b{color:var(--fx-tinta)}
main .loc{background:#fff;border:1px solid var(--fx-borde);border-radius:2px}
main .loc .acc a{border-radius:2px}
main .chip{border-radius:999px;background:#ece6de;border-color:transparent}
main .chip[aria-pressed="true"]{background:var(--fx-tinta);border-color:var(--fx-tinta)}
main .btn{border-radius:2px;letter-spacing:0;text-transform:none;font-size:15px;font-weight:600;padding:12px 20px}
main .page .sec .btn-linea,main #ficha .sec .btn-linea{background:#fff;color:var(--fx-tinta);border-color:var(--fx-tinta)}
main .page .sec .btn-linea:hover{background:var(--fx-tinta);color:#fff}
main .card{border-radius:2px}
main .datos{background:#fff;color:var(--fx-tinta);border-bottom:1px solid var(--fx-borde)}
main .dato b{color:var(--fx-tinta)} main .dato span,main .dato a{color:#4a3d38}
main .dato svg{color:var(--rojo)}
main .otros a{border-radius:2px;background:#ece6de;color:var(--fx-tinta);border-color:transparent}
main .galeria-local{background:#fff}
main .badge,main .li .badge,main .mi .badge{color:#fff!important}
main .pilar,main .modo,main .card,main .horno-banner,main .esp,main .merienda-ban,main .bebida-bar,main .ban{color:#fff}
main .pilar{background:#fff;border:1px solid var(--fx-borde);border-radius:2px;color:var(--fx-tinta)}
main .pilar p{color:#6b5a53}
main .modo{background:#fff;border:1px solid var(--fx-borde);border-radius:2px;color:var(--fx-tinta)}
main .modo p{color:#6b5a53} main .modo svg{color:var(--rojo)}
main .modo .flecha{border-color:var(--fx-tinta);color:var(--fx-tinta)}
main .modo:hover{border-color:var(--rojo)}
.mbar{background:#fff!important;border-top:1px solid var(--fx-borde)!important}
.mbar .btn{border-radius:2px;text-transform:none;letter-spacing:0;font-size:15px}
.mbar .btn-linea{background:#fff;color:var(--fx-tinta);border-color:var(--fx-tinta)}
main .fcard .ph.il{background:var(--rojo)}
main .fcard .ph.il.marron{background:var(--marron)} main .fcard .ph.il.azul{background:var(--azul)} main .fcard .ph.il.beige{background:var(--beige)}
main .fcard .ph.il.beige .ilus{color:var(--marron)}
main .feat.f3{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:960px){main .feat.f3{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){main .feat.f3{grid-template-columns:minmax(0,1fr)}}
main .feat+.feat{margin-top:14px}
.fx-subh{font-size:28px;color:var(--rojo);margin:28px 0 14px}
main .pollo-banner{border-radius:2px;box-shadow:none}
main .fcard .ph.il:not(.marron):not(.azul):not(.beige){background:var(--rojo)!important}
main .feat.f5{grid-template-columns:repeat(5,minmax(0,1fr))}
@media (max-width:1100px){main .feat.f5{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:640px){main .feat.f5{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* ===== Motion (revisión) ===== */
.fx-b,.btn,.fx-reservar,.fx-pill,.chip,.catnav button,.fx-arr,.fx-dots button{transition:background-color 150ms ease,color 150ms ease,border-color 150ms ease,transform 160ms var(--ease-out)}
.fx-b:active,.btn:active,.fx-reservar:active,.fx-pill:active,.chip:active,.catnav button:active,.fx-arr:active{transform:scale(.97)}
.tarjeta{transition:transform 300ms var(--ease-out)}
@media (hover:hover) and (pointer:fine){
  .btn:hover .arr{transform:translateX(4px)}
  .card:hover .ph{transform:scale(1.03)}
  .tarjeta:hover{transform:rotate(0)}
}
.fx-slide .fx-cap{transition:opacity 400ms var(--ease-out),transform 400ms var(--ease-out);opacity:0;transform:translateY(8px)}
.fx-slide.on .fx-cap{opacity:1;transform:none;transition-delay:150ms}
dialog#pedir{transition:opacity 200ms var(--ease-out),transform 200ms var(--ease-out),overlay 200ms allow-discrete,display 200ms allow-discrete}
dialog#pedir[open]{opacity:1;transform:none}
@starting-style{dialog#pedir[open]{opacity:0;transform:scale(.96)}}
dialog#pedir:not([open]){opacity:0;transform:scale(.96)}
dialog#pedir::backdrop{transition:opacity 200ms ease,overlay 200ms allow-discrete,display 200ms allow-discrete}
@starting-style{dialog#pedir[open]::backdrop{opacity:0}}
.fx-track:not([hidden]){animation:fx-in 200ms var(--ease-out)}
@keyframes fx-in{from{opacity:0;transform:translateY(6px)}}
@media (prefers-reduced-motion:reduce){.fx-slide .fx-cap{transform:none!important}dialog#pedir{transform:none!important}.fx-track:not([hidden]){animation:fx-fade 150ms ease}@keyframes fx-fade{from{opacity:0}}}
main .feat.f4b{grid-template-columns:repeat(4,minmax(0,1fr))}
main .fx-life{min-height:100%;border-radius:2px}
@media (max-width:960px){main .feat.f4b{grid-template-columns:repeat(2,minmax(0,1fr))}main .fx-life{aspect-ratio:1/1;min-height:0}}
@media (max-width:520px){main .feat.f4b{grid-template-columns:minmax(0,1fr)}main .fx-life{aspect-ratio:4/5}}
.fx-cafe-tag{position:absolute;z-index:1;right:11.2%;top:13%;transform:translateX(50%) rotate(-5deg);font:600 clamp(22px,2.2vw,32px)/1.02 var(--mano);color:#fff;text-align:center;text-shadow:0 2px 14px rgba(0,0,0,.75);white-space:nowrap}
@media (max-width:900px){.fx-cafe-tag{display:none}}
.hero .nota.nota-b{top:auto;bottom:clamp(20px,3vw,40px)}
.dm-collage-sec{background:#fff;padding-top:clamp(28px,4vw,48px)}
.dm-collage{aspect-ratio:1592/700;background-size:cover;background-position:center;border-radius:2px}
@media (max-width:600px){.dm-collage{aspect-ratio:4/3;background-position:30% center}}
main .page .hero.dm-hero::before{background:linear-gradient(90deg,rgba(10,7,6,.88) 0%,rgba(10,7,6,.7) 45%,rgba(10,7,6,.25) 75%,rgba(10,7,6,.1) 100%)!important}
@media (max-width:760px){main .page .hero.dm-hero::before{background:rgba(10,7,6,.72)!important}}
.tosta small{display:block;font-size:13.5px;line-height:1.4;color:#6b5a53;margin-top:4px}
.esp .esp-foto{margin:-22px -22px 10px;aspect-ratio:4/3;background-size:cover;background-position:center}
.bg-band{position:relative;isolation:isolate;overflow:hidden;border-radius:2px;background:#000 center/cover no-repeat;padding:clamp(56px,8vw,110px) clamp(20px,4vw,48px);margin-bottom:clamp(28px,4vw,44px)}
.bg-band::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,7,6,.85),rgba(10,7,6,.45) 60%,rgba(10,7,6,.2))}
.bg-band .head{margin:0}
.bg-band .mano{text-shadow:0 2px 12px rgba(0,0,0,.9),0 0 3px rgba(0,0,0,.8)}
.bg-band::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(270deg,rgba(10,7,6,.6),rgba(10,7,6,0) 35%)}
main .page .sec .bg-band .head .g{color:#fff}
main .page .sec .bg-band .sub-g{color:#f1e6da}
main .page .sec .bg-band .mano{color:var(--beige)}
.estrella.est-bg{position:relative;isolation:isolate;overflow:hidden;background:#0a0706;grid-template-columns:minmax(0,1fr);align-content:center;padding-block:clamp(40px,6vw,72px);min-height:520px;border:0;border-radius:2px;min-height:520px}
.estrella.est-bg::before{content:"";position:absolute;top:0;bottom:0;right:0;width:58%;z-index:-2;background:var(--bg) center 40%/cover no-repeat}
.estrella.est-bg::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0a0706 0%,#0a0706 42%,rgba(10,7,6,.75) 48%,rgba(10,7,6,.25) 58%,rgba(10,7,6,0) 68%)}
@media (max-width:760px){.estrella.est-bg::before{width:100%}.estrella.est-bg::after{background:rgba(10,7,6,.72)}}
main .page .sec .estrella.est-bg .g{color:#fff}
main .page .sec .estrella.est-bg .sub-g{color:#f1e6da}
main .page .sec .estrella.est-bg .pre{color:var(--beige)}
main .page .sec .estrella.est-bg .mano{color:var(--beige)}
@media (max-width:960px){.estrella.est-bg{grid-template-columns:minmax(0,1fr)}.estrella.est-bg .main .page .sec .est-precios span{color:#fff}
ph{min-height:220px}}
.fx-bar .fx-in{padding-right:clamp(16px,3vw,30px)}
.fx-head .burger{margin-left:auto;margin-right:0}
.fx-modos .fx-b svg{width:18px;height:18px}
@media (max-width:620px){.fx-modos{gap:6px}.fx-modos .fx-b{font-size:12.5px;padding:7px 6px;gap:5px}.fx-modos .fx-b svg{width:15px;height:15px}}
@media (max-width:620px){.fx-sub .fx-in{padding-inline:10px}.fx-modos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%}.fx-modos .fx-b{min-width:0;white-space:normal;text-align:center;line-height:1.1;font-size:12px!important;padding:7px 4px!important;flex-direction:column;gap:3px}}
/* Portada: solomillo en la brasa con movimiento */
.fx-fuego{background:#1a0602}
.fx-fuego .fx-bg{position:absolute;inset:-4%;background:#1a0602 72% 50%/cover no-repeat;animation:fxKen 22s ease-in-out infinite alternate;will-change:transform}
.fx-fuego::before{z-index:1;background:radial-gradient(ellipse at center,rgba(0,0,0,.5),rgba(0,0,0,.12) 72%)}
.fx-llama{position:absolute;inset:0;z-index:1;pointer-events:none;mix-blend-mode:screen;background:radial-gradient(ellipse 70% 45% at 72% 100%,rgba(255,120,20,.55),rgba(255,60,0,0) 70%),radial-gradient(ellipse 40% 30% at 30% 100%,rgba(255,150,40,.35),rgba(255,80,0,0) 70%);animation:fxFlick 2.6s steps(12) infinite}
.fx-chispas{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.fx-chispas i{position:absolute;left:var(--x);bottom:-10px;width:var(--s);height:var(--s);border-radius:50%;background:#ffcf6b;box-shadow:0 0 6px 2px rgba(255,140,30,.85);opacity:0;animation:fxChispa var(--d) linear var(--r) infinite}
.fx-fuego .fx-cap{z-index:3}
@keyframes fxKen{0%{transform:scale(1) translate3d(0,0,0)}100%{transform:scale(1.12) translate3d(-2.5%,-1.5%,0)}}
@keyframes fxFlick{0%{opacity:.75}10%{opacity:.95}20%{opacity:.7}30%{opacity:1}40%{opacity:.8}50%{opacity:.92}60%{opacity:.72}70%{opacity:.98}80%{opacity:.78}90%{opacity:.9}100%{opacity:.75}}
@keyframes fxChispa{0%{transform:translate3d(0,0,0);opacity:0}10%{opacity:1}75%{opacity:.8}100%{transform:translate3d(var(--dx),-120vh,0);opacity:0}}
@media (max-width:700px){.fx-fuego .fx-bg{background-position:90% 40%}}
@media (prefers-reduced-motion:reduce){.fx-fuego .fx-bg,.fx-llama,.fx-chispas i{animation:none!important}.fx-chispas{display:none}}
.fx-pollos .fx-bg{background-position:center 45%}.fx-pollos .fx-mundo{font-family:var(--mano);font-size:clamp(26px,3vw,38px);color:#ffd89a}
.fx-banderas{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px 18px}.fx-banderas li{display:grid;justify-items:center;gap:5px}.fx-banderas .flag{width:42px;height:28px;box-shadow:0 2px 10px rgba(0,0,0,.5),0 0 0 1px rgba(255,255,255,.35)}.fx-banderas small{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#fff;text-shadow:0 1px 6px rgba(0,0,0,.8)}@media (max-width:520px){.fx-banderas{display:grid;grid-template-columns:repeat(3,auto);gap:8px 22px}.fx-banderas .flag{width:34px;height:23px}.fx-banderas small{font-size:10px}}
.fx-fuego:not(.fx-pollos) .fx-bg{background-position:center 30%}@media (max-width:700px){.fx-fuego:not(.fx-pollos){align-items:end}.fx-fuego:not(.fx-pollos) .fx-cap{padding-bottom:22px;gap:10px}.fx-fuego:not(.fx-pollos) .fx-cap p{display:none}.fx-fuego:not(.fx-pollos) .fx-bg{background-position:60% 40%}.fx-fuego:not(.fx-pollos)::before{background:linear-gradient(0deg,rgba(0,0,0,.75),rgba(0,0,0,.3) 55%,rgba(0,0,0,0) 80%)}}
@media (min-width:701px){.fx-fuego:not(.fx-pollos){place-items:center start;text-align:left}.fx-fuego:not(.fx-pollos) .fx-cap{justify-items:start;margin-left:max(24px,calc((100% - 1140px)/2));max-width:520px;padding:0}.fx-fuego:not(.fx-pollos)::before{background:linear-gradient(90deg,rgba(0,0,0,.62),rgba(0,0,0,.25) 45%,rgba(0,0,0,0) 65%)}}
/*FX-END*/


/* ===== WordPress ===== */
body.admin-bar .fx-head{top:32px}
@media (max-width:782px){body.admin-bar .fx-head{top:46px}}
.wp-page{background:#fff;color:var(--fx-tinta);padding-block:clamp(48px,6vw,80px)}
.wp-page .wrap{max-width:860px}
.wp-page h1{font:400 clamp(40px,5vw,64px)/.95 var(--grande);text-transform:uppercase;margin-bottom:24px}
.wp-page .entry{font-size:17px;line-height:1.7;color:#3a2e29}
.wp-page .entry a{color:var(--rojo)}
.wp-page .entry h2,.wp-page .entry h3{font-family:var(--grande);text-transform:uppercase;margin:1.4em 0 .5em}
.wp-page .entry img{height:auto;border-radius:2px}
.feat+.feat{margin-top:14px}
.fx-prod .ph{background-size:cover}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}