:root{
 --noche:#07140f;--manglar:#0e2a21;--musgo:#1c4436;--hoja:#8cc152;--hoja2:#b6dc7f;
 --arena:#f4ecdc;--arena2:#e7dbc3;--papel:#fbf6ea;--tinta:#17140d;--tinta2:#55503f;
 --verde:#2f6b3a;--verde2:#245530;--brasa:#f0651f;--brasa2:#ffb24d;--carbon:#140b07;
 --disp:'Bricolage Grotesque',system-ui,sans-serif;--txt:'Bricolage Grotesque',system-ui,sans-serif;--serif:'Instrument Serif',Georgia,serif;--blanco:#fdfcf8;--crema:#f6efe0;
 --r1:12px;--r2:24px;--w:1240px;--gut:clamp(16px,4vw,40px);
 --sh:0 34px 60px -24px rgba(7,20,15,.55);--t:.25s cubic-bezier(.2,.7,.2,1);
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font:400 17px/1.6 var(--txt);color:var(--tinta);background:var(--blanco);overflow-x:clip}
img{max-width:100%;display:block;height:auto}
a{color:inherit}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
:focus-visible{outline:3px solid var(--brasa2);outline-offset:3px;border-radius:4px}
.wrap{max-width:var(--w);margin-inline:auto;padding-inline:var(--gut)}
@media(min-width:1700px){:root{--w:1320px}}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.dato{background:#ffe9a8;color:#5b3a00;padding:0 .35em;border-radius:4px;font-size:.82em;font-weight:600}
h1,h2,h3,.dsp{font-family:var(--disp);font-weight:800;line-height:1.02;letter-spacing:-.03em;text-wrap:balance}
h2{font-size:clamp(28px,4.2vw,48px);max-width:24ch}
h3{font-size:clamp(20px,2.2vw,24px);line-height:1.15}
.eti{font:700 13px/1.2 var(--txt);letter-spacing:.16em;text-transform:uppercase}
.lead{font-size:clamp(17px,1.5vw,20px);max-width:58ch}

/* botones */
.btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:12px 24px;border-radius:var(--r1);font-weight:700;text-decoration:none;transition:transform var(--t),background var(--t),box-shadow var(--t);white-space:nowrap}
.btn svg{width:20px;height:20px;flex:none}
.btn-fuego{background:var(--verde);color:#fff;box-shadow:0 12px 26px -14px rgba(47,107,58,.9)}
.btn-fuego:hover{transform:translateY(-3px);background:var(--verde2)}
.btn-linea{box-shadow:inset 0 0 0 2px currentColor}
.btn-linea:hover{transform:translateY(-3px);background:rgba(0,0,0,.06)}

/* header */
.hdr{position:fixed;inset:0 0 auto;z-index:50;height:80px;color:var(--tinta);transition:background var(--t),height var(--t)}
.hdr.sol{background:rgba(253,252,248,.9);box-shadow:0 1px 0 rgba(0,0,0,.08);height:68px;backdrop-filter:blur(8px)}
.hdr .wrap{display:flex;align-items:center;gap:24px;height:100%}
.hdr-logo{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto;font:600 20px/1 var(--disp)}
.hdr-logo img{width:46px;height:46px;border-radius:50%;object-fit:cover}
.hdr-nav{display:flex;gap:4px}
.hdr-nav a{white-space:nowrap;text-decoration:none;padding:8px 12px;font-weight:600;font-size:16px;border-radius:8px;position:relative}
.hdr-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--brasa);transform:scaleX(0);transform-origin:left;transition:transform var(--t)}
.hdr-nav a:hover::after,.hdr-nav a[aria-current]::after{transform:scaleX(1)}
.hdr .btn{min-height:44px;padding:8px 18px}
.hdr-menu{display:none;width:44px;height:44px}
.hdr-menu i{display:block;width:24px;height:2px;background:currentColor;margin:6px auto;transition:transform var(--t)}
@media(max-width:1100px){
 .hdr-menu{display:block}.hdr .btn{display:none}
 .hdr-nav{position:fixed;inset:0;background:var(--blanco);flex-direction:column;justify-content:center;padding:32px;gap:8px;transform:translateX(100%);transition:transform .35s}
 .hdr-nav a{font:800 34px/1.1 var(--disp);padding:8px 0;white-space:normal;letter-spacing:-.03em}
 .hdr-nav.abre{transform:none}
 .hdr-menu{position:relative;z-index:2}
}

/* barra movil */
.barra{position:fixed;left:0;right:0;bottom:0;z-index:40;display:none;grid-template-columns:1.5fr 1fr 1fr;background:#fff;border-top:1px solid rgba(0,0,0,.12);padding-bottom:env(safe-area-inset-bottom)}
.barra a{display:flex;align-items:center;justify-content:center;gap:6px;min-height:58px;color:var(--tinta);text-decoration:none;font-weight:700;font-size:15px}
.barra a:first-child{background:var(--verde);color:#fff}
.barra svg{width:18px;height:18px}
.flot{position:fixed;right:20px;bottom:24px;z-index:40;display:flex;flex-direction:column;gap:10px}
.flot a{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#fff;box-shadow:0 10px 24px rgba(0,0,0,.35);transition:transform var(--t)}
.flot a:hover{transform:scale(1.08)}
.flot svg{width:28px;height:28px}
@media(max-width:380px){.barra a{font-size:14px;gap:4px}.barra svg{width:16px;height:16px}.hdr-logo{font-size:18px}}
@media(max-width:760px){.barra{display:grid}.flot{display:none}body{padding-bottom:58px}}

/* INICIO: la mesa blanca */
.h{position:relative;height:190vh;background:var(--blanco)}
.h-pin{position:sticky;top:0;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end}
.h-nom{position:absolute;left:0;right:0;top:38%;translate:0 -50%;text-align:center;font:800 clamp(84px,21.5vw,380px)/.8 var(--disp);letter-spacing:-.055em;color:var(--tinta);white-space:nowrap;will-change:transform}
.h-nom i{display:block;font:400 italic clamp(40px,8.5vw,150px)/.9 var(--serif);letter-spacing:-.02em;color:var(--verde);margin-bottom:.02em}
.pz{position:absolute;will-change:transform;pointer-events:none}
.pz::after,.pl-f::after{content:"";position:absolute;left:10%;right:10%;bottom:4%;height:16%;background:radial-gradient(closest-side,rgba(70,45,15,.34),transparent);z-index:-1}
.pz img{position:relative}
.pz img{width:100%}
.h-1{width:clamp(280px,33vw,600px);left:33%;top:49%;z-index:3}
.h-2{width:clamp(170px,21vw,400px);left:-4%;top:11%;z-index:1;rotate:-14deg}
.h-3{width:clamp(180px,24vw,430px);right:-3%;top:52%;z-index:3;rotate:9deg}
.h-4{width:clamp(70px,9.5vw,170px);right:14%;top:8%;z-index:1;rotate:6deg}
.h-5{width:clamp(150px,19vw,330px);left:6%;bottom:2%;z-index:3;rotate:-6deg}
.h-pie{position:relative;z-index:5;display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 100px 28px var(--gut)}
.h-pie h1{font:600 clamp(16px,1.3vw,19px)/1.3 var(--txt);letter-spacing:0;max-width:24ch;margin-left:clamp(0px,21vw,380px)}
.h-pie .cta{margin:0}
.h-pie .btn-linea{background:var(--blanco)}
@media(max-width:760px){
 .h{height:150vh}.h-nom{top:24%;font-size:25vw}.h-1{width:78vw;left:11%;top:36%}.h-2{width:40vw;left:-10%;top:60%}.h-3{width:52vw;right:-12%;top:58%}.h-4{width:18vw;right:5%;top:9%}.h-5{display:none}
 .h-pie{flex-direction:column;align-items:flex-start;padding:0 16px 74px}.h-pie h1{margin:0;max-width:60%}.h-pie .btn{flex:1;justify-content:center}.h-pie .cta{width:100%}
}
/* cinta */
.cin{overflow:hidden;padding:18px 0;background:var(--blanco);border-block:1.500px solid var(--tinta)}
.cin div{display:flex;width:max-content;gap:40px;font:800 clamp(38px,6.5vw,104px)/1 var(--disp);letter-spacing:-.04em;white-space:nowrap;will-change:transform}
.cin span:nth-child(even){font:400 italic clamp(38px,6.5vw,104px)/1 var(--serif);color:var(--verde)}
/* platos protagonistas */
.pl{position:relative}
.pl-pin{position:sticky;top:0;height:100svh;overflow:hidden}
.pl-tr{display:flex;height:100%;width:max-content;will-change:transform}
.pl-c{flex:none;width:100vw;height:100%;display:grid;grid-template-columns:1.25fr 1fr;align-items:center;gap:24px;padding:90px clamp(24px,6vw,110px) 40px;background:var(--bg);position:relative;overflow:hidden}
.pl-c>span{position:absolute;right:2vw;bottom:-6vh;font:800 46vh/.8 var(--disp);color:var(--tx);opacity:.09;letter-spacing:-.05em}
.pl-f{position:relative;display:grid;place-items:center;height:78vh;min-width:0;isolation:isolate}
.pl-f img{max-height:100%;max-width:100%;object-fit:contain;will-change:transform;position:relative;z-index:1}
.pl-t{position:relative;z-index:2}
.pl-t small{font:700 14px var(--txt);letter-spacing:.14em;text-transform:uppercase;color:var(--tx)}
.pl-t h3{font:800 clamp(46px,6.8vw,118px)/.92 var(--disp);letter-spacing:-.045em;margin:12px 0 16px;max-width:9ch}
.pl-t p{max-width:34ch;font-size:clamp(17px,1.4vw,20px)}
.pl-t .cta{margin-top:22px}
.pl-t .btn-linea{color:var(--tinta)}
.pl-t .btn-linea.si{background:var(--tinta);color:#fff;box-shadow:none}
@media(max-width:860px){
 .pl{height:auto!important}.pl-pin{position:static;height:auto;overflow:auto;scroll-snap-type:x mandatory}
 .pl-tr{transform:none!important}.pl-c{scroll-snap-align:center;width:92vw;height:auto;min-height:540px;grid-template-columns:1fr;padding:24px 20px 28px}
 .pl-f{height:270px}.pl-c>span{font-size:200px;bottom:0}
}
/* rondas: lista editorial */
.ro{background:var(--blanco);padding:clamp(70px,10vw,140px) 0}
.ro-t{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;flex-wrap:wrap;margin-bottom:28px}
.ro-t h2,.ar h2,.bj h2{font:800 clamp(38px,6vw,92px)/.95 var(--disp);letter-spacing:-.04em;max-width:13ch}
.ro-l button{display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;width:100%;text-align:left;padding:20px 0;border-top:1.500px solid var(--tinta);position:relative}
.ro-l button:last-child{border-bottom:1.500px solid var(--tinta)}
.ro-l b{font:800 clamp(30px,5.4vw,84px)/1 var(--disp);letter-spacing:-.04em;transition:translate var(--t),color var(--t)}
.ro-l em{font:400 italic 22px var(--serif)}
.ro-l span{font-size:15px;font-weight:600}
.ro-l p{grid-column:2/-1;max-height:0;overflow:hidden;opacity:0;transition:max-height .35s,opacity .3s;max-width:70ch}
.ro-l button:hover b,.ro-l button.on b{translate:12px;color:#c9490c}
.ro-l button.on p{max-height:130px;opacity:1;padding-top:6px}
.ro-v{position:fixed;left:0;top:0;width:330px;pointer-events:none;z-index:30;opacity:0;transition:opacity .2s}
.ro-v.on{opacity:1}
@media(hover:none){.ro-v{display:none}}
@media(max-width:600px){.ro-l button{grid-template-columns:36px 1fr}.ro-l span{grid-column:2}}
/* arma tu mesa */
.ar{background:var(--crema);padding:clamp(70px,10vw,130px) 0}
.ar .wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:clamp(28px,5vw,64px);align-items:start}
.ar .lead{margin:14px 0}
.ant{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0 12px}
.chip{min-height:44px;padding:8px 16px;border-radius:99px;box-shadow:inset 0 0 0 1.500px var(--tinta);font-weight:600;font-size:15px;transition:background var(--t),color var(--t)}
.chip:hover{background:rgba(0,0,0,.06)}
.chip[aria-pressed=true]{background:var(--tinta);color:#fff}
.op{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 22px;max-height:340px;overflow:auto;padding-right:6px}
.op button{display:flex;justify-content:space-between;gap:10px;align-items:center;text-align:left;min-height:46px;padding:8px 0;border-bottom:1px solid #c9bfa8;font-size:16px;font-weight:500;transition:color var(--t),padding var(--t)}
.op button[hidden]{display:none}
.op button:hover{color:#b13f06;padding-left:6px}
.op button i{font-style:normal;color:#b13f06;font-weight:700;font-size:20px}
.op button.si i{transform:rotate(45deg);display:inline-block}
.bandeja{background:#fff;border-radius:32px;padding:22px;box-shadow:0 40px 70px -34px rgba(70,45,15,.5)}
.plato{position:relative;width:min(100%,300px);aspect-ratio:1;margin:0 auto 12px;border-radius:50%;background:radial-gradient(circle at 50% 44%,#fff 0 52%,#f1ece2 64%,#e2d9c7 68%,#f7f3ea 72%,#fff 100%);box-shadow:0 18px 30px -14px rgba(60,40,10,.45)}
.bocado{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px;transform:rotate(var(--a)) translateY(-68px) rotate(calc(var(--a)*-1));animation:cae .4s cubic-bezier(.2,1.5,.4,1);filter:drop-shadow(0 6px 5px rgba(60,40,10,.4))}
.bocado img{width:100%;height:100%;object-fit:contain}
@keyframes cae{from{opacity:0;scale:.3}to{opacity:1;scale:1}}
.plato p{position:absolute;inset:0;display:grid;place-items:center;text-align:center;padding:28%;font:400 italic 20px/1.1 var(--serif);color:#6d6146}
.sel{list-style:none;padding:0;font-size:16px;margin-bottom:12px}
.sel li{display:flex;justify-content:space-between;gap:8px;padding:5px 0;border-bottom:1px dashed #cbbd9f}
.sel button{color:#b13f06;font-weight:700;min-width:32px;min-height:32px}
.fila{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
label{font-size:14px;font-weight:600;display:block}
input,select,textarea{width:100%;min-height:46px;margin-top:4px;padding:8px 12px;border:1.500px solid #bdae8f;border-radius:10px;background:#fff;font:400 16px var(--txt);color:var(--tinta)}
.bandeja .btn{width:100%;justify-content:center}
@media(max-width:860px){.ar .wrap{grid-template-columns:1fr}.op{grid-template-columns:1fr}}
/* barra de tragos y postres */
.du{background:var(--blanco);padding:clamp(60px,8vw,100px) 0;overflow:hidden}
.du h2{font:400 italic clamp(38px,6vw,86px)/1 var(--serif);max-width:none;margin-bottom:20px;letter-spacing:-.02em}
.du-g{display:flex;gap:clamp(12px,3vw,40px);align-items:flex-end;justify-content:space-between}
.du-g figure{margin:0;flex:1;min-width:0;text-align:center;transition:transform .4s cubic-bezier(.2,.8,.2,1.2)}
.du-g figure:hover{transform:translateY(-14px) rotate(-3deg)}
.du-g img{margin-inline:auto;filter:drop-shadow(0 24px 20px rgba(70,45,15,.34));max-height:340px;object-fit:contain}
.du-g figcaption{font-weight:700;margin-top:12px;font-size:16px}
@media(max-width:760px){.du-g{overflow-x:auto;scroll-snap-type:x mandatory;justify-content:flex-start}.du-g figure{flex:0 0 60%;scroll-snap-align:center}}
/* el brujo */
.bj{background:var(--blanco);padding:0 0 clamp(70px,9vw,120px)}
.bj .wrap{display:grid;grid-template-columns:5fr 7fr;gap:clamp(24px,5vw,70px);align-items:center}
.bj img{border-radius:var(--r2);box-shadow:var(--sh);width:100%;aspect-ratio:1/1.05;object-fit:cover}
.cifra{font:800 clamp(120px,19vw,280px)/.82 var(--disp);letter-spacing:-.06em;color:var(--verde);display:flex;align-items:flex-end;gap:12px;margin-bottom:12px}
.cifra small{font:400 italic clamp(22px,2.6vw,36px)/1 var(--serif);letter-spacing:0;color:var(--tinta);padding-bottom:.5em}
.bj .lead{margin:12px 0 20px}
@media(max-width:860px){.bj .wrap{grid-template-columns:1fr}}
/* cierre */
.ci{padding:0 var(--gut) var(--gut);background:var(--blanco)}
.ci>div{background:var(--verde);color:#fff;border-radius:32px;padding:clamp(40px,7vw,100px);position:relative;overflow:hidden;min-height:62vh;display:flex;flex-direction:column;justify-content:flex-end}
.ci h2{font:800 clamp(52px,10.5vw,170px)/.88 var(--disp);letter-spacing:-.05em;max-width:9ch;position:relative;z-index:2}
.ci p{font-size:clamp(17px,1.5vw,20px);font-weight:600;margin:16px 0 22px;position:relative;z-index:2}
.ci .cta{position:relative;z-index:2;margin:0}
.ci .b-osc{background:#fff;color:var(--verde2)}.ci .b-osc:hover{background:var(--crema);transform:translateY(-3px)}
.ci img{position:absolute;right:-5%;top:-8%;width:min(58%,720px);filter:drop-shadow(0 34px 30px rgba(10,40,20,.5))}
@media(max-width:760px){.ci img{width:80%;top:-4%;right:-16%}.ci>div{min-height:520px}}

/* footer */
.ftr{background:var(--crema);color:var(--tinta);padding:64px 0 96px;position:relative;overflow:hidden}
.ftr-g{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:32px;position:relative;z-index:1}
.ftr h3{font-size:20px;color:var(--tinta);margin-bottom:12px}
.ftr a{text-decoration:none;transition:color var(--t)}
.ftr a:hover{color:#b13f06}
.ftr ul{list-style:none;padding:0}
.ftr li{padding:3px 0;font-size:16px}
.ftr-m{position:absolute;left:50%;bottom:-.2em;transform:translateX(-50%);font:600 clamp(70px,16vw,240px)/1 var(--disp);color:rgba(23,20,13,.06);white-space:nowrap;font-weight:800;letter-spacing:-.05em}
.ftr small{display:block;margin-top:30px;position:relative;z-index:1;font-size:14px}
@media(max-width:760px){.ftr-g{grid-template-columns:1fr}}

/* paginas internas */
.ph{position:relative;background:var(--crema);color:var(--tinta);padding:140px 0 60px;overflow:hidden}
.ph img{position:absolute;right:calc(var(--gut) * -.5);top:60px;width:min(44%,560px);height:calc(100% - 60px);object-fit:contain;object-position:right center;filter:drop-shadow(0 30px 26px rgba(70,45,15,.38))}
@media(max-width:760px){.ph img{display:none}}
.ph .wrap{position:relative}
.ph h1{font-size:clamp(38px,6vw,78px);max-width:13ch;letter-spacing:-.04em;line-height:.98}
.ph .eti{color:#b13f06;margin-bottom:12px}.ph .lead{max-width:40ch}.ph .btn-linea{color:var(--tinta)}
.ph .lead{margin-top:14px}
.sec{padding:clamp(48px,7vw,90px) 0}
.sec.osc{background:var(--crema)}
.sec.pap{background:var(--papel)}
.dos{display:grid;grid-template-columns:7fr 5fr;gap:clamp(24px,5vw,64px);align-items:center}
.dos.inv{grid-template-columns:5fr 7fr}
.dos img{border-radius:var(--r2);box-shadow:var(--sh);width:100%;object-fit:cover}
.dos h2{margin-bottom:14px}
.dos p+p{margin-top:12px}
@media(max-width:860px){.dos,.dos.inv{grid-template-columns:1fr}}
.pasos{list-style:none;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:0;position:relative;margin-top:32px;counter-reset:s}
.pasos::before{content:"";position:absolute;left:0;right:0;top:22px;height:2px;background:var(--hoja)}
.pasos li{counter-increment:s;position:relative;padding:60px 18px 0 0}
.pasos li::before{content:counter(s);position:absolute;top:0;left:0;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:var(--hoja);color:#0b1f15;font:600 22px var(--disp)}
.pasos.ver{grid-auto-flow:row;gap:20px}.pasos.ver::before{left:22px;right:auto;top:0;bottom:0;width:2px;height:auto}.pasos.ver li{padding:4px 0 0 64px}
.pasos b{display:block;font:700 21px/1.2 var(--disp);margin-bottom:4px}
@media(max-width:760px){.pasos{grid-auto-flow:row;gap:20px}.pasos::before{left:22px;right:auto;top:0;bottom:0;width:2px;height:auto}.pasos li{padding:4px 0 0 64px}}
.lista{list-style:none;padding:0;columns:2;column-gap:40px}
.lista li{break-inside:avoid;padding:12px 0;border-bottom:1px solid rgba(100,90,60,.3)}
.lista b{display:block;font:700 21px/1.2 var(--disp)}
.lista span{font-size:16px;color:var(--tinta2)}

@media(max-width:700px){.lista{columns:1}}
.gale{display:grid;grid-template-columns:repeat(12,1fr);gap:10px}
.gale img{width:100%;height:100%;object-fit:cover;border-radius:16px;aspect-ratio:1}
.gale :nth-child(1){grid-column:span 5;grid-row:span 2}.gale :nth-child(2),.gale :nth-child(3){grid-column:span 3}.gale :nth-child(4){grid-column:span 4}.gale :nth-child(5){grid-column:span 3}
.gale img{aspect-ratio:auto;min-height:190px}
@media(max-width:700px){.gale{grid-template-columns:1fr 1fr}.gale>*{grid-column:auto!important;grid-row:auto!important}}
.faq{max-width:760px;margin-inline:auto}
.faq details{border-bottom:1px solid rgba(100,90,60,.3);padding:6px 0}
.faq summary{font:700 21px/1.25 var(--disp);min-height:48px;display:flex;align-items:center;gap:14px;cursor:pointer;list-style:none}
.faq summary::before{content:attr(data-n);color:#8a4a12;font:700 14px var(--txt)}
.faq p{padding:0 0 14px 34px}
.mapa{border:0;width:100%;height:380px;border-radius:var(--r2);filter:grayscale(1) contrast(1.05);box-shadow:var(--sh)}
.fichas{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:var(--papel);border-radius:16px;margin-top:12px}
.fichas div{padding:14px 18px;border-left:1px solid var(--arena2);font-size:16px}
.fichas div:first-child{border-left:0}
.fichas b{display:block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:#8a4a12}
@media(max-width:700px){.fichas{grid-template-columns:1fr}.fichas div{border-left:0;border-top:1px solid var(--arena2)}}
.res{background:var(--papel);border-radius:var(--r2);padding:24px;box-shadow:var(--sh);color:var(--tinta)}
.res h3,.res .res-t{margin-bottom:10px}
.res .btn{width:100%;justify-content:center;margin-top:12px}

/* carta */
.ct-bar{position:sticky;top:68px;z-index:20;background:var(--papel);box-shadow:0 8px 20px -14px rgba(60,40,10,.5);padding:12px 0}
.ct-bus{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.ct-bus input{flex:1 1 240px;margin:0;border-radius:99px;padding-inline:20px}
.ct-res{font-size:15px;color:var(--tinta2);white-space:nowrap}
.ct-fil{display:flex;gap:6px;overflow-x:auto;padding:10px 2px 2px;scrollbar-width:none}
.ct-fil .chip{flex:none;box-shadow:inset 0 0 0 1.500px #bdae8f}
.ct-fil .chip[aria-pressed=true]{background:var(--musgo);color:#fff}
.ct-nav{display:flex;gap:16px;overflow-x:auto;padding-top:8px;font-size:15px;font-weight:600;scrollbar-width:none}
.ct-nav a{flex:none;text-decoration:none;color:var(--tinta2);padding:6px 0;border-bottom:2px solid transparent}
.ct-nav a.on{color:#8a4a12;border-color:var(--brasa)}
.ct{background:var(--papel);padding-bottom:70px;background-image:radial-gradient(rgba(120,100,60,.08) 1px,transparent 1px);background-size:14px 14px}
.ct-s{padding-top:52px;scroll-margin-top:210px}
.ct-s>header{display:flex;align-items:flex-end;gap:16px;border-bottom:3px double var(--tinta);padding-bottom:10px;margin-bottom:8px}
.ct-s h2{font-size:clamp(34px,5.5vw,68px);max-width:none;letter-spacing:-.04em}
.ct-s>header span{color:var(--tinta2);font-size:15px;padding-bottom:6px;margin-left:auto}
.ct-l{list-style:none;padding:0;columns:2;column-gap:56px}
.ct-l.foto{columns:1;display:grid;grid-template-columns:5fr 7fr;gap:0 40px}
.ct-l.foto figure{grid-row:span 40;margin:14px 0 0;position:sticky;top:240px;align-self:start}
.ct-l.foto figure img{border-radius:var(--r2);box-shadow:var(--sh);aspect-ratio:4/3;object-fit:cover;width:100%}
.ct-l.foto figcaption{font-size:14px;color:var(--tinta2);margin-top:8px}
.ct-i{break-inside:avoid;display:grid;grid-template-columns:1fr auto auto;gap:0 10px;align-items:center;padding:12px 0;border-bottom:1px dotted #b9ab8c}
.ct-i b{font:700 20px/1.2 var(--disp)}
.ct-i p{grid-column:1;font-size:16px;color:var(--tinta2);line-height:1.4}
.ct-i .pr{grid-row:1/3;grid-column:2;font-weight:700;font-size:16px;white-space:nowrap}
.ct-i .ad{grid-row:1/3;grid-column:3;width:44px;height:44px;border-radius:50%;box-shadow:inset 0 0 0 1.500px var(--musgo);font-size:22px;font-weight:700;color:var(--musgo);transition:background var(--t),color var(--t)}
.ct-i .ad:hover,.ct-i .ad.si{background:var(--musgo);color:#fff}
.ct-vacio{padding:48px 0;text-align:center;font:600 26px var(--disp)}
.ct-pie{position:fixed;left:50%;bottom:20px;transform:translate(-50%,160%);z-index:41;background:var(--noche);color:#fff;border-radius:99px;display:flex;align-items:center;gap:14px;padding:8px 8px 8px 20px;box-shadow:0 14px 30px rgba(0,0,0,.4);transition:transform var(--t);white-space:nowrap}
.ct-pie{visibility:hidden}.ct-pie.on{transform:translate(-50%,0);visibility:visible}
.ct-pie .btn{min-height:44px;padding:6px 16px}
@media(max-width:760px){.ct-pie{bottom:70px}.ct-l{columns:1}.ct-l.foto{display:block}.ct-l.foto figure{position:static}.ct-bar{top:68px}.ct-s{scroll-margin-top:230px}}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .45s ease-out,transform .45s ease-out;transition-delay:calc(var(--i,0)*70ms)}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.rv{opacity:1;transform:none}}

/* transicion entre paginas */
@view-transition{navigation:auto}
/* seo en inicio */
.gu{background:var(--crema);padding:clamp(60px,8vw,110px) 0}
.gu .wrap{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,70px)}
.gu h2{font:800 clamp(32px,4.4vw,62px)/.98 var(--disp);letter-spacing:-.04em;margin-bottom:14px}
.gu p+p{margin-top:12px}
.gu .faq{max-width:none;margin:0}
@media(max-width:860px){.gu .wrap{grid-template-columns:1fr}}
.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}
.pl-f::after{bottom:14%;height:12%}

/* carta: los mas pedidos */
.ct-des{padding-top:44px}
.ct-des h2{font:400 italic clamp(34px,4.6vw,60px)/1 var(--serif);letter-spacing:-.02em;margin-bottom:16px}
.ct-des-l{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(230px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 18px}
.ct-des article{scroll-snap-align:start;background:#fff;border-radius:var(--r2);padding:16px 16px 18px;box-shadow:0 22px 40px -28px rgba(70,45,15,.5);display:flex;flex-direction:column;transition:transform var(--t)}
.ct-des article:hover{transform:translateY(-6px)}
.ct-des img{height:150px;width:100%;object-fit:contain;margin-bottom:10px}
.ct-des h3{font-size:21px;margin-bottom:4px}
.ct-des p{font-size:15px;color:var(--tinta2);line-height:1.4;flex:1;margin-bottom:12px}
.ct-des .btn{min-height:44px;justify-content:center;color:var(--tinta)}
.ct-des .btn.si{background:var(--tinta);color:#fff;box-shadow:none}

/* toques accesibles: titulo del formulario y enlaces del pie mas faciles de tocar */
.res .res-t{font-size:clamp(24px,2.4vw,30px)}
.ftr li{padding:0}.ftr li a{display:inline-block;padding:5px 0}

/* paginas legales: indice fijo + documento */
.dc{background:var(--blanco);padding:clamp(48px,7vw,96px) 0}
.dc-g{display:grid;grid-template-columns:240px minmax(0,760px);gap:clamp(32px,6vw,96px);justify-content:center}
.dc-i{position:sticky;top:110px;align-self:start}
.dc-i .eti{color:var(--verde);margin-bottom:14px}
.dc-i ol{list-style:none;padding:0;border-left:2px solid var(--arena2)}
.dc-i a{display:block;padding:7px 0 7px 16px;margin-left:-2px;border-left:2px solid transparent;color:var(--tinta2);text-decoration:none;font-size:15px;transition:color var(--t),border-color var(--t)}
.dc-i a:hover,.dc-i a.on{color:var(--tinta);border-color:var(--verde)}
.dc-s{padding:0 0 36px;margin-bottom:36px;border-bottom:1px solid var(--arena2);scroll-margin-top:110px}
.dc-s:last-child{border:0}
.dc-s h2{display:flex;align-items:baseline;gap:14px;font-size:clamp(24px,2.6vw,32px);letter-spacing:-.02em;margin-bottom:16px}
.dc-s h2 b{font:400 italic 22px var(--serif);color:var(--verde)}
.dc-s p,.dc-s li{font-size:17px;line-height:1.65;color:var(--tinta2)}
.dc-s p+p{margin-top:12px}.dc-s b{color:var(--tinta)}
.dc-s ul{padding-left:0;list-style:none;display:grid;gap:10px}
.dc-s li{padding-left:24px;position:relative}
.dc-s li::before{content:"";position:absolute;left:4px;top:.7em;width:8px;height:8px;border-radius:50%;background:var(--verde)}
.dc-s a,.lr-i a,.lr-ok a{color:var(--verde2);text-underline-offset:3px}
.dc-t{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:var(--arena2);border:1px solid var(--arena2);border-radius:var(--r1);overflow:hidden;margin-top:16px}
.dc-t div{background:#fff;padding:12px 16px}
.dc-t dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--tinta2);font-weight:700}
.dc-t dd{margin:2px 0 0;font-size:16px;color:var(--tinta)}
/* Libro de Reclamaciones */
.lr{background:var(--crema);padding:clamp(40px,6vw,88px) 0}
.lr-g{display:grid;grid-template-columns:minmax(0,340px) minmax(0,780px);gap:clamp(28px,5vw,72px);justify-content:center;align-items:start}
.lr-i{position:sticky;top:110px}
.lr-libro{width:64px;height:64px;border-radius:18px;background:var(--verde);color:#fff;display:grid;place-items:center;margin-bottom:18px}
.lr-libro svg{width:38px}
.lr-i h2{font-size:26px;margin-bottom:12px}
.lr-i ul{list-style:none;padding:0;display:grid;gap:10px;margin-bottom:16px}
.lr-i li,.lr-i p{font-size:16px;line-height:1.55;color:var(--tinta2)}.lr-i p+p{margin-top:12px}
.lr-i b{color:var(--tinta)}
.lr-n{border-left:3px solid var(--brasa);padding-left:12px;font-size:14px!important}
.lr-f{background:#fff;border-radius:var(--r2);padding:clamp(20px,3.4vw,40px);box-shadow:0 40px 70px -40px rgba(70,45,15,.45),0 0 0 1px rgba(70,45,15,.06);position:relative}
.lr-h{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;padding-bottom:18px;border-bottom:2px dashed var(--arena2)}
.lr-h .eti{color:var(--verde)}
.lr-num{font:400 clamp(26px,3vw,36px)/1.1 var(--serif);margin-top:6px}
.lr-num span{font:600 15px var(--txt);color:var(--tinta2);background:var(--arena);padding:4px 10px;border-radius:99px;vertical-align:middle}
.enviado .lr-num span{background:var(--verde);color:#fff}
.lr-fe{font-size:15px;color:var(--tinta2)}
.lr-p{margin:18px 0 8px}.lr-p div:last-child{grid-column:1/-1}
.lr-f fieldset{border:0;padding:0;margin:26px 0 0;min-width:0}
.lr-f legend{display:flex;align-items:center;gap:12px;font:700 20px var(--disp);margin-bottom:14px}
.lr-f legend b{width:32px;height:32px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:15px}
.lr-f .w2{grid-column:1/-1}
.lr-f textarea{resize:vertical;min-height:auto;line-height:1.5}
.lr-f input:focus,.lr-f select:focus,.lr-f textarea:focus{outline:none;border-color:var(--verde);box-shadow:0 0 0 4px rgba(47,107,58,.15)}
.lr-f .err input,.lr-f .err textarea,.lr-f .err select,.lr-ok.err{border-color:#c0392b;box-shadow:0 0 0 4px rgba(192,57,43,.12)}
.lr-ops{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.lr-op{position:relative;cursor:pointer}
.lr-op input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.lr-op span{display:block;height:100%;border:1.5px solid #d9ccb0;border-radius:14px;padding:12px 14px 12px 44px;font-weight:400;font-size:14px;color:var(--tinta2);transition:border-color var(--t),background var(--t);position:relative}
.lr-op span::before{content:"";position:absolute;left:14px;top:15px;width:18px;height:18px;border-radius:50%;border:2px solid #bdae8f;background:#fff;box-sizing:border-box;transition:all var(--t)}
.lr-op b{display:block;font-size:16px;color:var(--tinta)}
.lr-op input:checked+span{border-color:var(--verde);background:#f1f7f0}
.lr-op input:checked+span::before{border:6px solid var(--verde)}
.lr-op input:focus-visible+span{box-shadow:0 0 0 4px rgba(47,107,58,.2)}
.lr-ok{display:flex;gap:12px;align-items:flex-start;margin-top:24px;font-weight:400;font-size:15px;color:var(--tinta2);padding:12px;border-radius:12px;border:1.5px solid transparent}
.lr-ok input{width:22px;height:22px;min-height:0;margin:1px 0 0;flex:none;accent-color:var(--verde)}
.lr-msg{margin-top:14px;padding:12px 14px;border-radius:12px;background:#fdecea;color:#8e2a1f;font-size:15px}
.lr-b{width:100%;justify-content:center;margin-top:18px;min-height:56px;font-size:17px}
.lr-b:disabled{opacity:.6;cursor:wait}
.lr-pie{font-size:13px;color:var(--tinta2);margin-top:12px;text-align:center}
.lr-fin{margin-top:22px;padding:18px;border-radius:16px;background:#f1f7f0;border:1.5px solid var(--verde);font-size:16px;line-height:1.5;display:grid;gap:12px}
.lr-fin .btn{justify-self:start;color:var(--tinta)}
.enviado input,.enviado select,.enviado textarea{background:#faf8f3;border-color:#e6dcc6}
/* pie legal */
.ftr-l{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;border-top:1px solid rgba(23,20,13,.12);padding-top:20px;margin-top:36px;position:relative;z-index:1}
.ftr-l nav{display:flex;gap:6px 22px;flex-wrap:wrap;align-items:center}
.ftr-l nav a{font-size:15px;text-decoration:none;padding:6px 0}
.ftr-l nav a:hover{color:var(--verde2)}
.ftr-lr{display:inline-flex;align-items:center;gap:8px;border:1.5px solid var(--tinta);border-radius:10px;padding:8px 12px!important;font-weight:600}
.ftr-lr svg{width:20px}
@media (max-width:900px){.dc-g,.lr-g{grid-template-columns:minmax(0,1fr)}.dc-i{position:static}.dc-i ol{display:flex;flex-wrap:wrap;gap:6px 8px;border:0}.dc-i a{border:1px solid var(--arena2);border-radius:99px;padding:6px 12px;margin:0;font-size:14px}.lr-i{position:static}}
@media (max-width:560px){.lr-ops,.dc-t{grid-template-columns:1fr}.lr-p div:last-child{grid-column:auto}.lr-f .fila{grid-template-columns:1fr}}
@media print{.hdr,.ftr,.flot,.barra,.ph,.lr-i,#cg,.lr-fin .btn,.lr-pie{display:none!important}.lr{background:#fff;padding:0}.lr-g{display:block}.lr-f{box-shadow:none;padding:0}}

/* abierto ahora */
.ab{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--verde2);background:#eaf3e8;padding:6px 12px 6px 10px;border-radius:99px;margin:0 0 10px}
.ab i{width:8px;height:8px;border-radius:50%;background:#2e9d4a;box-shadow:0 0 0 0 rgba(46,157,74,.5);animation:abp 2s infinite}
.ab.no{color:#7a4a12;background:#f8ecd9}.ab.no i{background:#c8791e;animation:none}
.ftr .ab{margin-top:12px}
@keyframes abp{70%{box-shadow:0 0 0 8px rgba(46,157,74,0)}100%{box-shadow:0 0 0 0 rgba(46,157,74,0)}}
@media (prefers-reduced-motion:reduce){.ab i{animation:none}}
.dc-t div:last-child:nth-child(odd){grid-column:1/-1}
.h-pie>div:first-child{margin-left:clamp(0px,21vw,380px)}.h-pie>div h1{margin-left:0}
@media (max-width:760px){.h-pie>div:first-child{margin-left:0}}

/* historia: capitulos con linea de tiempo (portada y El Brujo) */
.hi{background:var(--blanco);padding:clamp(72px,10vw,140px) 0}
.hi-g{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(32px,6vw,96px);align-items:start}
.hi-t{position:sticky;top:120px}
.hi-t .eti{color:var(--verde);margin-bottom:14px}
.hi-t h2{font-size:clamp(40px,5vw,72px);line-height:.95;letter-spacing:-.04em;margin-bottom:22px}
.hi-t h2 i,.bh h1 i{font:400 italic 1.05em var(--serif);color:var(--verde);letter-spacing:-.01em}
.hi-t .lead{max-width:32ch;margin:14px 0 22px}
.hi-t .btn{color:var(--tinta)}
.hi-bar{height:4px;background:var(--arena2);border-radius:4px;margin-top:34px;overflow:hidden;max-width:320px}
.hi-bar i{display:block;height:100%;background:var(--verde);transform-origin:left;transform:scaleX(var(--p,0))}
.hi-l{list-style:none;padding:0;margin:0;position:relative;display:grid;gap:clamp(48px,7vw,96px)}
.hi-l::before{content:"";position:absolute;left:23px;top:8px;bottom:8px;width:2px;background:repeating-linear-gradient(var(--arena2) 0 8px,transparent 8px 14px)}
.hi-c{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;padding-left:72px;position:relative}
.hi-c::before{content:"";position:absolute;left:14px;top:4px;width:20px;height:20px;border-radius:50%;background:var(--blanco);border:2px solid var(--verde);box-shadow:0 0 0 6px var(--blanco);transition:background .5s}
.hi-c.in::before{background:var(--verde)}
.hi-c figure{margin:0;border-radius:var(--r2);overflow:hidden;aspect-ratio:16/10;box-shadow:0 34px 60px -36px rgba(70,45,15,.55)}
.hi-c img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 1.4s cubic-bezier(.2,.7,.2,1)}
.hi-c.in img{transform:scale(1)}
.hi-e{display:flex;align-items:baseline;gap:12px;font:700 13px/1 var(--txt);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta2);margin-bottom:10px}
.hi-e b{font:400 italic 28px/1 var(--serif);letter-spacing:0;color:var(--verde)}
.hi-c h3{font-size:clamp(26px,2.6vw,36px);line-height:1.05;letter-spacing:-.03em;margin-bottom:10px}
.hi-c p:not(.hi-e){font-size:17px;line-height:1.6;color:var(--tinta2);max-width:52ch}
.hi-c figure{aspect-ratio:16/9}.hi-c>div{max-width:56ch}
@media (max-width:900px){.hi-g{grid-template-columns:minmax(0,1fr)}.hi-t{position:static}.hi-bar{display:none}.hi-c{padding-left:48px}.hi-l::before{left:13px}.hi-c::before{left:4px}}
/* El Brujo: portada propia */
.bh{background:var(--crema);padding:clamp(120px,14vw,170px) 0 clamp(56px,8vw,110px);overflow:hidden}
.bh-g{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(32px,6vw,90px);align-items:center}
.bh .eti{color:#b13f06;margin-bottom:14px}
.bh h1{font-size:clamp(44px,6.4vw,96px);line-height:.92;letter-spacing:-.045em;max-width:11ch}
.bh .lead{max-width:38ch;margin:20px 0 26px}
.bh .btn-linea{color:var(--tinta)}
.bh-f{position:relative;min-height:clamp(380px,46vw,620px)}
.bh-1{position:absolute;inset:0 12% 0 6%;margin:0;border-radius:28px;overflow:hidden;box-shadow:0 50px 80px -40px rgba(70,45,15,.6);transform:rotate(2deg)}
.bh-1 img{width:100%;height:100%;object-fit:cover}
.bh-2{position:absolute;right:-4%;bottom:-6%;width:46%;margin:0;filter:drop-shadow(0 30px 26px rgba(70,45,15,.4));animation:bhf 6s ease-in-out infinite}
.bh-s{position:absolute;left:-4%;top:10%;background:#fff;border-radius:20px;padding:14px 18px;box-shadow:0 24px 40px -24px rgba(70,45,15,.5);font-size:14px;font-weight:600;line-height:1.2;max-width:150px;transform:rotate(-4deg)}
.bh-s b{display:block;font:800 52px/.9 var(--disp);color:var(--verde);letter-spacing:-.05em}
@keyframes bhf{50%{transform:translateY(-10px) rotate(-3deg)}}
@media (prefers-reduced-motion:reduce){.bh-2{animation:none}}
@media (max-width:900px){.bh-g{grid-template-columns:minmax(0,1fr)}.bh-f{min-height:440px;margin:0 4px}.bh-1{inset:0 8% 0 4%}.bh-s{left:0}}
/* El Brujo: lo que encuentra hoy */
.sv{background:var(--blanco);padding:clamp(64px,8vw,120px) 0}
.sv h2{font-size:clamp(34px,4.4vw,60px);letter-spacing:-.04em;margin-bottom:28px}
.sv-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.sv-c{display:flex;flex-direction:column;gap:10px;background:#fff;border-radius:var(--r2);padding:28px;text-decoration:none;color:var(--tinta);box-shadow:0 0 0 1px rgba(70,45,15,.08),0 30px 50px -40px rgba(70,45,15,.5);transition:transform var(--t),box-shadow var(--t)}
.sv-c:hover{transform:translateY(-6px);box-shadow:0 0 0 1.5px var(--verde),0 40px 60px -40px rgba(70,45,15,.6)}
.sv-c span{font:400 italic 30px/1 var(--serif);color:var(--verde)}
.sv-c h3{font-size:24px;letter-spacing:-.02em}
.sv-c p{color:var(--tinta2);font-size:16px;line-height:1.55;flex:1}
.sv-c b{color:var(--verde2);font-size:15px}
@media (max-width:900px){.sv-g{grid-template-columns:minmax(0,1fr)}}

/* sedes */
.se{background:var(--crema);padding:clamp(72px,9vw,130px) 0}
.se-t{display:flex;flex-direction:column;margin-bottom:32px}
.se-t .eti{color:var(--verde);margin-bottom:12px}
.se-t h2,.lb h2{font-size:clamp(38px,5vw,72px);line-height:.95;letter-spacing:-.04em}
.se-t h2 i,.lb h2 i{font:400 italic 1.05em var(--serif);color:var(--verde);letter-spacing:-.01em}
.se-g{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.se-c{background:#fff;border-radius:28px;padding:28px 26px 26px;position:relative;display:flex;flex-direction:column;gap:8px;box-shadow:0 40px 60px -46px rgba(70,45,15,.6);transition:transform var(--t)}
.se-c:hover{transform:translateY(-6px)}
.se-c img{height:150px;width:auto;max-width:70%;object-fit:contain;align-self:flex-end;margin:-70px -6px 4px 0;filter:drop-shadow(0 22px 18px rgba(70,45,15,.35))}
.se-n{display:flex;align-items:baseline;gap:10px;font:700 12px/1 var(--txt);letter-spacing:.16em;text-transform:uppercase;color:var(--tinta2)}
.se-n b{font:400 italic 26px/1 var(--serif);letter-spacing:0;color:var(--verde)}
.se-c h3{font-size:clamp(26px,2.4vw,34px);letter-spacing:-.03em}
.se-c p{font-size:16px;line-height:1.55;color:var(--tinta2)}
.se-h{flex:1}
.se-c .btn{align-self:flex-start;color:var(--tinta);margin-top:8px}
.se-c:first-child{background:var(--verde);color:#fff}
.se-c:first-child p,.se-c:first-child .se-n{color:rgba(255,255,255,.86)}.se-c:first-child .se-n b{color:#d6ecc2}
.se-c:first-child .btn{color:#fff;border-color:#fff}
@media (max-width:900px){.se-g{grid-template-columns:minmax(0,1fr);gap:56px;margin-top:40px}}
/* Las Brujas lounge bar */
.lb{background:var(--blanco);padding:clamp(64px,8vw,120px) var(--gut)}
.lb-c{max-width:1320px;margin:0 auto;background:#2b1a3d;color:#fff;border-radius:32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);overflow:hidden;position:relative}
.lb-x{padding:clamp(36px,6vw,80px)}
.lb .eti{color:#c9a6ff;margin-bottom:14px}
.lb h2 i{color:#d8b8ff}
.lb-x>p{font-size:18px;line-height:1.6;color:rgba(255,255,255,.82);margin:18px 0;max-width:42ch}
.lb ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:26px}
.lb li{border:1px solid rgba(216,184,255,.4);border-radius:99px;padding:7px 14px;font-size:14px;font-weight:600}
.lb .b-lb{background:#c9a6ff;color:#22122f}.lb .b-lb:hover{background:#fff;transform:translateY(-3px)}
.lb .btn-linea{color:#fff;border-color:rgba(255,255,255,.7)}
.lb-f{margin:0;position:relative;min-height:340px}
.lb-f img:first-child{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.9;mask-image:linear-gradient(90deg,transparent,#000 30%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%)}
.lb-v{position:absolute;right:6%;bottom:-4%;height:78%;width:auto;filter:drop-shadow(0 30px 26px rgba(0,0,0,.5))}
@media (max-width:900px){.lb-c{grid-template-columns:minmax(0,1fr)}.lb-f{min-height:260px}.lb-f img:first-child{mask-image:linear-gradient(180deg,transparent,#000 35%);-webkit-mask-image:linear-gradient(180deg,transparent,#000 35%)}}
.se-r{font-size:14px!important;color:var(--tinta2)}.se-r b{color:#b07a00;font-weight:700}.se-c:first-child .se-r b{color:#ffd66b}

/* sedes: boton de cercania */
.se-t{flex-direction:row!important;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:18px}
.se-geo svg,.sd-geo svg,.ftr-cta svg{width:20px;height:20px;flex:none}
.se-msg{flex-basis:100%;font-size:15px;color:#8e2a1f;background:#fdecea;padding:10px 14px;border-radius:12px}
.km{position:absolute;top:18px;left:22px;font-size:13px;font-weight:700;background:var(--arena);color:var(--tinta);padding:5px 10px;border-radius:99px}
.se-c.cerca{box-shadow:0 0 0 3px #f0b429,0 40px 60px -46px rgba(70,45,15,.6)}
.se-c.cerca .km{background:#f0b429;color:#1d1300}
.se-c:first-child .km{background:rgba(255,255,255,.18);color:#fff}
/* panel de sedes */
.sd{border:0;padding:0;margin:auto auto 0;width:min(560px,100%);max-height:88vh;border-radius:24px 24px 0 0;background:var(--blanco);color:var(--tinta);box-shadow:0 -20px 60px rgba(0,0,0,.25)}
.sd[open]{animation:sdu .35s cubic-bezier(.2,.8,.2,1)}
.sd::backdrop{background:rgba(23,20,13,.45);backdrop-filter:blur(3px)}
@keyframes sdu{from{transform:translateY(40px);opacity:0}}
@media (min-width:761px){.sd{margin:auto;border-radius:24px}}
.sd-h{display:flex;justify-content:space-between;align-items:center;padding:22px 22px 8px}
.sd-h h2{font-size:26px;letter-spacing:-.03em}
.sd-x{width:44px;height:44px;border-radius:50%;border:0;background:var(--arena);font-size:26px;line-height:1;cursor:pointer;color:var(--tinta)}
.sd-geo{margin:6px 22px 4px;width:calc(100% - 44px);justify-content:center}
.sd .se-msg{margin:8px 22px 0}
.sd-l{list-style:none;padding:10px 22px 26px;margin:0;display:grid;gap:10px}
.sd-l li{display:flex;align-items:center;gap:14px;background:#fff;border-radius:16px;padding:14px 14px 14px 16px;box-shadow:0 0 0 1px rgba(70,45,15,.1)}
.sd-l li.cerca{box-shadow:0 0 0 2px #f0b429}
.sd-l div{flex:1;display:grid;gap:2px;min-width:0}
.sd-l b{font-size:18px}.sd-l span{font-size:14px;color:var(--tinta2)}.sd-l small{font-size:13px;color:var(--tinta2)}
.sd-l .km{position:static;justify-self:start;margin-top:6px}
.sd-l .btn{min-height:46px;color:var(--tinta);flex:none}
/* pie de pagina nuevo: marca centrada y 4 columnas parejas */
.ftr{padding:clamp(56px,7vw,96px) 0 clamp(90px,10vw,130px)}
.ftr-top{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding-bottom:clamp(36px,5vw,56px);border-bottom:1px solid rgba(23,20,13,.12);position:relative;z-index:1}
.ftr-marca{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--tinta);font:800 clamp(30px,3.6vw,46px)/1 var(--disp);letter-spacing:-.04em}
.ftr-marca img{width:64px;height:64px;border-radius:50%;object-fit:cover}
.ftr-marca i{font:400 italic 1.08em var(--serif);color:var(--verde);letter-spacing:-.01em}
.ftr-top>p{color:var(--tinta2);font-size:16px}
.ftr-cta{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:6px}
.ftr-cta .btn-linea{color:var(--tinta);background:transparent;cursor:pointer;font:inherit;font-weight:700}
.ftr .ftr-g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:clamp(24px,4vw,56px);padding:clamp(36px,5vw,56px) 0 0;position:relative;z-index:1}
.ftr h3{font-size:13px;letter-spacing:.16em;text-transform:uppercase;color:var(--verde);margin-bottom:14px}
.ftr ul{list-style:none;padding:0;margin:0;display:grid;gap:2px}
.ftr li{font-size:16px}
.ftr-s li{display:grid;gap:1px;padding:6px 0}
.ftr-s b{font-size:16px}.ftr-s span{font-size:14px;color:var(--tinta2);line-height:1.4}
.ftr-lr{display:inline-flex!important;align-items:center;gap:8px;border:1.5px solid var(--tinta);border-radius:10px;padding:8px 12px!important;font-weight:700;margin-top:6px}
.ftr-lr svg{width:20px}
.ftr-ruc{margin-top:12px;font-size:14px}
.ftr .ftr-l{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;border-top:1px solid rgba(23,20,13,.12);margin-top:clamp(32px,4vw,48px);padding-top:20px;position:relative;z-index:1}
.ftr-ig{display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-weight:600;font-size:15px}.ftr-ig svg{width:20px}
@media (max-width:900px){.ftr .ftr-g{grid-template-columns:1fr 1fr}.ftr-s{grid-column:1/-1}.ftr-s ul{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}}
@media (max-width:560px){.ftr-s ul{grid-template-columns:1fr}.ftr-cta{width:100%}.ftr-cta .btn{flex:1 1 100%;justify-content:center}.ftr .ftr-l{justify-content:center;text-align:center}.ftr h3{margin-bottom:8px}}
.ftr-lr{white-space:nowrap}

/* carta en celular: acordeon por seccion */
@media (max-width:760px){
 .ct-s>header{cursor:pointer;position:relative;padding-right:44px;-webkit-tap-highlight-color:transparent}
 .ct-s>header::after{content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;border-right:2.5px solid var(--tinta);border-bottom:2.5px solid var(--tinta);transform:translateY(-75%) rotate(45deg);transition:transform var(--t)}
 .ct-s.pleg>header::after{transform:translateY(-35%) rotate(-45deg)}
 .ct-s.pleg>header{margin-bottom:0}
 #carta:not(.filtra) .ct-s.pleg>:not(header){display:none}
 #carta.filtra .ct-s>header::after{display:none}
 .ct-s{scroll-margin-top:130px}
 .ct-l.foto figure img{aspect-ratio:16/9}
}
@media (max-width:760px){.plato{width:min(100%,210px)}}

/* Arma tu mesa v2: pasos claros, tarjetas de platos y comanda */
.ar-g{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr)!important;gap:clamp(28px,5vw,72px)!important}
.ar .eti{color:var(--verde);margin-bottom:10px}
.ar h2{font-size:clamp(44px,6vw,88px);line-height:.92;letter-spacing:-.045em}
.ar-pasos{list-style:none;padding:0;margin:22px 0 8px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.ar-pasos li{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.65);border-radius:16px;padding:12px 14px;font-size:15px;line-height:1.35;font-weight:500}
.ar-pasos b{flex:none;width:28px;height:28px;border-radius:50%;background:var(--verde);color:#fff;display:grid;place-items:center;font-size:14px}
.ar .ant{margin:18px 0 14px}
.ar .op{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-height:470px;overflow:auto;padding:4px 6px 28px 2px;scrollbar-width:thin;scrollbar-color:#cbbd9f transparent;-webkit-mask-image:linear-gradient(#000 88%,transparent);mask-image:linear-gradient(#000 88%,transparent)}
.ar .op .op-c{display:grid;grid-template-columns:1fr auto;grid-template-areas:"s s" "n b" "d b";align-items:center;gap:2px 12px;text-align:left;background:#fff;border:0;border-radius:16px;padding:14px 14px 14px 16px;min-height:auto;box-shadow:0 0 0 1px rgba(70,45,15,.08);transition:box-shadow var(--t),transform var(--t),background var(--t);font-weight:400;cursor:pointer}
.ar .op .op-c:hover{padding-left:16px;transform:translateY(-2px);box-shadow:0 0 0 1.5px var(--verde),0 14px 24px -18px rgba(70,45,15,.5);color:inherit}
.ar .op .op-c[hidden]{display:none}
.op-s{grid-area:s;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#b13f06}
.op-n{grid-area:n;font-size:17px;font-weight:700;line-height:1.2;color:var(--tinta)}
.op-d{grid-area:d;font-size:13.5px;line-height:1.35;color:var(--tinta2)}
.op-b{grid-area:b;align-self:center;white-space:nowrap;font-size:14px;font-weight:700;color:var(--verde2);border:1.5px solid var(--verde);border-radius:99px;padding:8px 12px;transition:background var(--t),color var(--t)}
.ar .op .op-c.si{background:#f1f7f0;box-shadow:0 0 0 2px var(--verde)}
.op-c.si .op-b{background:var(--verde);color:#fff}
.op-h{font-size:13px;color:var(--tinta2);margin-top:4px}
.ar .bandeja{position:sticky;top:100px;background:#fff;border-radius:28px;padding:0 0 22px;overflow:hidden;box-shadow:0 40px 70px -34px rgba(70,45,15,.5)}
.ar .bandeja>*:not(.tk-h){margin-left:22px;margin-right:22px}
.tk-h{background:var(--verde);color:#fff;padding:20px 22px 26px;position:relative;margin-bottom:8px}
.tk-h::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:12px;background:radial-gradient(circle at 8px 12px,#fff 7px,transparent 7.5px) 0 0/16px 12px repeat-x}
.tk-h .eti{color:#d6ecc2;margin:0 0 4px}
.tk-t{font:800 30px/1 var(--disp);letter-spacing:-.03em;display:flex;align-items:baseline;justify-content:space-between;gap:10px}
.tk-t span{font:600 15px var(--txt);background:rgba(255,255,255,.18);padding:5px 12px;border-radius:99px;letter-spacing:0}
.ar-vacio{display:flex;gap:14px;align-items:center;padding:18px 0;color:var(--tinta2);font-size:15px;line-height:1.45;border-bottom:1px dashed #d9ccb0;margin-bottom:14px}
.ar-vacio svg{width:46px;flex:none;color:#bdae8f}
.ar-vacio.falta{color:#8e2a1f;animation:tkx .4s}
@keyframes tkx{25%{transform:translateX(-6px)}75%{transform:translateX(6px)}}
.ar .sel{list-style:none;padding:6px 0 10px;margin-bottom:14px;max-height:260px;overflow:auto;border-bottom:1px dashed #d9ccb0}
.ar .sel:empty{display:none}
.ar .sel li{display:flex;align-items:center;gap:12px;padding:9px 0;border-bottom:1px dashed #e6dcc6;font-size:16px;font-weight:600;animation:cae .35s cubic-bezier(.2,1.4,.4,1)}
.ar .sel li:last-child{border:0}
.ar .sel em{font:400 italic 20px/1 var(--serif);color:var(--verde);width:22px;flex:none}
.ar .sel span{flex:1}
.ar .sel button{font-size:13px;font-weight:600;color:var(--tinta2);text-decoration:underline;text-underline-offset:3px;padding:8px 4px;min-height:auto;background:none;border:0;cursor:pointer}
.ar .sel button:hover{color:#8e2a1f}
.ar .bandeja .btn{width:calc(100% - 44px);justify-content:center;gap:10px}
.ar .bandeja .btn svg{width:20px;height:20px}
.tk-nota{font-size:13px;color:var(--tinta2);text-align:center;margin-top:10px}
@media (max-width:900px){.ar-g{grid-template-columns:minmax(0,1fr)!important}.ar .bandeja{position:static}.ar-pasos{grid-template-columns:1fr}}
@media (max-width:560px){.ar .op{grid-template-columns:1fr;max-height:420px}.ar-pasos li{padding:10px 12px}}
/* portada en celular: un solo plato protagonista, texto despejado */
@media(max-width:760px){.h-2,.h-3{display:none!important}.h-1{width:86vw;left:7%;top:33%}.h-4{width:17vw;right:6%;top:8%}.h-pie h1{max-width:80%;font-size:17px}.h-pie .ab{margin-bottom:8px}}

/* botones en bloques verdes y comanda: parejos en celular */
.ar .bandeja .btn{white-space:normal;text-align:center;line-height:1.2}
@media (max-width:760px){.ci .cta{display:grid;grid-template-columns:1fr;gap:10px;width:100%}.ci .cta .btn{justify-content:center;width:100%}}
/* pie de pagina v3: verde profundo, marca grande, sedes en tarjetas */
.ftr{background:#173d22;color:#f3ecdc;padding:clamp(56px,7vw,96px) 0 0;overflow:hidden}
.ftr a{color:#f3ecdc}
.ftr a:hover{color:#d6ecc2}
.ftr-top{flex-direction:row!important;justify-content:space-between;align-items:center!important;text-align:left!important;gap:24px!important;border-bottom:1px solid rgba(243,236,220,.16)!important;flex-wrap:wrap}
.ftr-marca{color:#fff!important;font-size:clamp(34px,4.4vw,60px)!important}
.ftr-marca img{width:72px!important;height:72px!important;background:#fff;padding:3px;box-shadow:0 10px 24px rgba(0,0,0,.25)}
.ftr-marca i{color:#bfe3a6!important}
.ftr-top>p{display:none}
.ftr-top .tag{color:rgba(243,236,220,.75);font-size:16px;margin-top:6px}
.ftr-cta .btn-fuego{background:#bfe3a6;color:#123019;box-shadow:none}.ftr-cta .btn-fuego:hover{background:#fff}
.ftr-cta .btn-linea{color:#fff!important;border-color:rgba(255,255,255,.6)}
.ftr h3{color:#bfe3a6!important;font-size:12px!important}
.ftr li{color:#f3ecdc}
.ftr-s ul{gap:10px!important}
.ftr-s li{background:rgba(255,255,255,.06);border:1px solid rgba(243,236,220,.12);border-radius:14px;padding:12px 14px!important}
.ftr-s b{color:#fff}.ftr-s span{color:rgba(243,236,220,.7)!important}
.ftr .ab{background:rgba(191,227,166,.14);color:#d6ecc2}.ftr .ab.no{background:rgba(240,180,41,.15);color:#f6d58a}
.ftr-lr{border-color:rgba(243,236,220,.6)!important;color:#fff!important}
.ftr .ftr-l{border-top:1px solid rgba(243,236,220,.16)!important;color:rgba(243,236,220,.7)}
.ftr-m{position:relative!important;left:auto!important;bottom:auto!important;transform:none!important;display:block;text-align:center;color:transparent!important;-webkit-text-stroke:1.5px rgba(191,227,166,.28);font-size:clamp(90px,21vw,330px)!important;line-height:.78!important;margin:28px 0 -.12em;letter-spacing:-.06em}
.ftr .dato{background:#f6d58a;color:#3d2a00}
@media (max-width:760px){.ftr-top{flex-direction:column!important;align-items:flex-start!important}.ftr-cta{justify-content:flex-start}.ftr .ftr-l{justify-content:flex-start;text-align:left}.ftr{padding-bottom:58px}}
.ar .bandeja .btn{white-space:nowrap}@media (max-width:420px){.ar .bandeja>*:not(.tk-h){margin-left:16px;margin-right:16px}.ar .bandeja .btn{width:calc(100% - 32px);font-size:15px;padding-inline:14px}}
.lb-h{font-size:15px;line-height:1.5;color:rgba(255,255,255,.75);margin:-6px 0 20px;max-width:46ch}.lb-h b{color:#d8b8ff;margin-right:6px}
.ar-vacio[hidden]{display:none}
/* historia portada: el 2009 cabe en su columna y no tapa la linea de tiempo */
.hi-t{container-type:inline-size}
.hi .cifra{font-size:clamp(84px,30cqi,190px);flex-wrap:wrap;gap:4px 14px;margin:6px 0 10px}
.hi .cifra small{font-size:clamp(20px,6cqi,30px);padding-bottom:.35em}
.hi-t h2{font-size:clamp(38px,4.2vw,64px)}
@media (min-width:901px){.hi-t{top:110px;max-height:calc(100vh - 130px)}}
/* carta: barra fija compacta (buscador y filtros en una fila) */
.ct-fil .chip,.ct-nav a{transition:color var(--t),background var(--t)}
.ct-nav{-webkit-mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);mask-image:linear-gradient(90deg,transparent,#000 24px,#000 calc(100% - 24px),transparent);padding-inline:12px}
@media (min-width:901px){
.ct-bar{padding:10px 0 0}
.ct-bar .wrap{display:grid;grid-template-columns:minmax(240px,340px) minmax(0,1fr);gap:0 18px;align-items:center}
.ct-bus input{padding-block:10px;font-size:15px}
.ct-fil{padding:0;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 30px),transparent)}
.ct-fil .chip{padding:8px 16px;font-size:15px;min-height:40px}
.ct-nav{grid-column:1/-1;margin-top:8px;border-top:1px solid rgba(70,45,15,.1);padding-top:4px;gap:22px}
.ct-s{scroll-margin-top:170px}
.ct-l.foto figure{top:190px}}
/* historia: fotos verticales encuadradas para no cortar caras */
.hi-c figure{aspect-ratio:4/3}
.hi-c img{object-position:50% 16%}

/* credito MAF */
.ftr-maf{display:inline-flex;align-items:center;gap:14px;margin-left:auto;text-decoration:none;font-size:14px}
.ftr-maf span{color:rgba(243,236,220,.6);padding-right:14px;border-right:1px solid rgba(243,236,220,.22)}
.ftr-maf img{height:24px;width:auto;opacity:.9}
.ftr-maf b{color:#fff;font-weight:700;font-size:15px}
.ftr-maf:hover img{opacity:1}
@media (max-width:760px){.ftr-maf{margin:10px 0 0;flex-wrap:wrap;gap:10px}}
.ftr .ftr-l{align-items:center}.ftr-l small{margin:0}
@media (max-width:760px){.ftr-maf span{flex-basis:100%;border:0;padding:0}.ftr-maf{gap:6px 10px}}

/* contacto: formulario arriba y datos legibles */
.dos.inv:has(.res){align-items:start}
.dos.inv .res{position:sticky;top:110px;padding:clamp(24px,3vw,36px)}
.res .eti{color:var(--verde);margin-bottom:6px}
.res-s{font-size:15px;color:var(--tinta2);margin:-2px 0 16px;line-height:1.5}
.mapa{filter:grayscale(.35) contrast(1.02);height:420px}
.fichas{grid-template-columns:1fr 1.5fr 1fr}
.fichas div{padding:18px 20px;line-height:1.55}
.fichas div:nth-child(2){font-size:15px;white-space:nowrap}
@media(max-width:1100px){.fichas{grid-template-columns:1fr 1fr}.fichas div:nth-child(2){grid-column:1/-1;order:3;border-left:0;border-top:1px solid var(--arena2)}}
@media(max-width:860px){.dos.inv .res{position:static}}
@media(max-width:700px){.fichas{grid-template-columns:1fr}.fichas div:nth-child(2){white-space:normal}}

/* cabecera de paginas internas: texto y plato equilibrados */
.ph{padding:clamp(110px,12vw,150px) 0 clamp(40px,5vw,72px)}
.ph-g{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);align-items:center;gap:clamp(24px,4vw,64px)}
.ph-f{margin:0;position:relative;display:grid;place-items:center;max-height:440px}
.ph-f::before{content:"";position:absolute;width:88%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.9),rgba(255,255,255,0) 68%)}
.ph .ph-f img{position:relative;inset:auto;width:100%;max-width:440px;height:auto;max-height:420px;object-fit:contain;rotate:-5deg;filter:drop-shadow(0 30px 26px rgba(70,45,15,.32));animation:phin .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes phin{from{opacity:0;transform:translateY(24px) scale(.94)}}
@media(max-width:760px){.ph-g{grid-template-columns:1fr}.ph .ph-f img{display:block;max-width:240px}.ph-f{order:-1;justify-self:start;margin:-10px 0 4px}.ph-f::before{width:100%}}
@media(prefers-reduced-motion:reduce){.ph .ph-f img{animation:none}}
@media(max-width:760px){.ph .ph-f img{max-width:180px}}

/* listas con foto real */
.lista-f{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-bottom:28px}
.lista-f li{background:#fff;border-radius:20px;padding:14px 16px 18px;box-shadow:0 0 0 1px rgba(70,45,15,.07),0 24px 40px -30px rgba(70,45,15,.5)}
.lista-f img{width:100%;height:150px;object-fit:contain;margin-bottom:10px;filter:drop-shadow(0 14px 12px rgba(70,45,15,.25))}
.lista-f b{display:block;font:700 19px/1.2 var(--disp);margin-bottom:4px}
.lista-f span{font-size:15px;color:var(--tinta2);line-height:1.45}
/* eventos: rondas */
.ev-r h2{margin-bottom:10px}.ev-r .eti{color:var(--verde);margin-bottom:10px}.ev-r .lead{max-width:52ch;margin-bottom:28px}
.ev-g{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.ev-g article{background:var(--papel);border-radius:24px;padding:18px 18px 22px;display:flex;flex-direction:column}
.ev-g img{width:100%;height:170px;object-fit:contain;margin-bottom:12px;filter:drop-shadow(0 16px 14px rgba(70,45,15,.28));transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.ev-g article:hover img{transform:scale(1.05) rotate(-3deg)}
.ev-g small{font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#b13f06}
.ev-g h3{font-size:22px;margin:4px 0 6px;letter-spacing:-.02em}
.ev-g p{font-size:15px;color:var(--tinta2);line-height:1.45;flex:1;margin-bottom:14px}
.ev-g .btn{justify-content:center;color:var(--tinta)}
@media(max-width:1000px){.ev-g{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.ev-g{grid-template-columns:1fr}.lista-f{grid-template-columns:1fr 1fr}.lista-f img{height:110px}}

/* puntos del carrusel de platos (solo celular) */
.pl-d{display:none}
@media(max-width:860px){.pl-d{display:flex;align-items:center;gap:6px;padding:4px 20px 8px}
.pl-d i{width:7px;height:7px;border-radius:9px;background:rgba(62,106,31,.25);transition:width .3s,background .3s}
.pl-d i.on{width:22px;background:#3e6a1f}
.pl-d span{margin-left:10px;font-size:13px;color:var(--tinta2)}}