:root{--bg:#120c0a;--card:#1e1512;--ink:#f6efe6;--mut:#c4b6a6;--acc:#ff7a3d;--acc2:#ffd34d;--wa:#25d366;--r:14px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.5 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;background:var(--bg);color:var(--ink)}
img{max-width:100%;display:block}a{color:inherit}h1,h2,h3{font-family:Georgia,"Times New Roman",serif;line-height:1.15;margin:.2em 0 .4em}h2{font-size:1.9rem}
.demo{background:var(--acc2);color:#2a1a00;text-align:center;font-size:.75rem;padding:3px 8px;font-weight:600}.demo span{display:none}
.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:10px;padding:10px 16px;background:rgba(18,12,10,.92);backdrop-filter:blur(8px);border-bottom:1px solid #2c201b}
.brand{font:700 1.25rem Georgia,serif;text-decoration:none;display:flex;flex-direction:column;line-height:1;margin-right:auto}.brand small{font:500 .7rem system-ui;color:var(--acc);letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
.nav nav{display:none;gap:18px}.nav nav a{text-decoration:none;color:var(--mut)}.nav nav a:hover{color:var(--ink)}
.nav button{background:#2a1e19;color:var(--ink);border:1px solid #3a2b24;border-radius:999px;padding:7px 12px;font:600 .85rem system-ui;cursor:pointer}.cartbtn b{background:var(--acc);color:#fff;border-radius:999px;padding:0 7px;margin-left:2px}
.hero{position:relative;min-height:78vh;display:flex;align-items:flex-end}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.1),rgba(18,12,10,.95) 85%)}
.hc{position:relative;z-index:1;padding:24px 18px 34px;max-width:760px}.hero h1{font-size:clamp(2.2rem,8vw,4rem)}.kick{color:var(--acc2);font-weight:600;font-size:.85rem;letter-spacing:.06em;text-transform:uppercase;margin:0}
.ctas{display:flex;gap:10px;flex-wrap:wrap;margin:16px 0}.btn{display:inline-block;background:var(--acc);color:#fff;border:0;border-radius:999px;padding:13px 22px;font:700 1rem system-ui;text-decoration:none;cursor:pointer;text-align:center}
.btn.ghost{background:transparent;border:2px solid var(--ink)}.btn.full{width:100%;margin-top:10px}.btn.mp{background:#009ee3}
.apps{display:flex;gap:8px;flex-wrap:wrap;align-items:center;font-size:.85rem;color:var(--mut)}.apps a{background:#fff;color:#111;border-radius:8px;padding:6px 10px;text-decoration:none;font-weight:700}
.wrap{max-width:1120px;margin:0 auto;padding:46px 16px}
.hours ul{list-style:none;padding:0;margin:0;display:grid;gap:8px}.hours li{display:flex;justify-content:space-between;background:var(--card);padding:12px 16px;border-radius:var(--r)}.open{font-weight:700;color:var(--wa)}.open.c{color:var(--acc)}
.tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:14px}.tabs button{flex:none;background:var(--card);color:var(--mut);border:1px solid #33251f;border-radius:999px;padding:8px 14px;font:600 .9rem system-ui;cursor:pointer}.tabs button.on{background:var(--ink);color:var(--bg)}
.grid{display:grid;gap:12px}.item{display:flex;gap:12px;background:var(--card);border-radius:var(--r);padding:14px;align-items:center}.item div{flex:1}.item h3{font:700 1rem system-ui;margin:0}.item p{margin:2px 0 0;color:var(--mut);font-size:.88rem}
.item .pr{font-weight:800;color:var(--acc2);white-space:nowrap}.add{background:var(--acc);color:#fff;border:0;width:38px;height:38px;border-radius:50%;font-size:1.4rem;cursor:pointer;flex:none}
.tag{font-size:.65rem;background:#3a2b24;color:var(--acc2);padding:1px 6px;border-radius:6px;margin-left:6px;vertical-align:middle}
.note,.tiny{color:var(--mut);font-size:.8rem}
.cards{display:grid;gap:14px}.cards article{background:var(--card);border-radius:var(--r);overflow:hidden}.cards img{aspect-ratio:16/9;object-fit:cover;width:100%}.cards h3,.cards p{padding:0 16px}.cards p{color:var(--mut);padding-bottom:12px}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.gal img{aspect-ratio:1;object-fit:cover;border-radius:10px;width:100%}
.form{display:grid;grid-template-columns:1fr 1fr;gap:12px;background:var(--card);padding:18px;border-radius:var(--r)}.form .full{grid-column:1/-1}
label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--mut)}input{font:inherit;padding:11px 12px;border-radius:10px;border:1px solid #3a2b24;background:#120c0a;color:var(--ink);min-width:0;width:100%}
iframe{width:100%;height:320px;border:0;border-radius:var(--r);filter:grayscale(.2)}
footer{border-top:1px solid #2c201b;padding:26px 16px 90px;text-align:center;color:var(--mut);font-size:.85rem}.legal{max-width:720px;margin:8px auto 0;font-size:.75rem}
.wa{position:fixed;right:16px;bottom:16px;z-index:30;width:58px;height:58px;border-radius:50%;background:var(--wa);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.4)}
.cart{position:fixed;inset:0 0 0 auto;width:min(420px,100%);background:#1a120f;z-index:40;transform:translateX(100%);transition:transform .25s;padding:16px;overflow-y:auto;box-shadow:-10px 0 30px rgba(0,0,0,.5)}.cart.show{transform:none}
.ch{display:flex;justify-content:space-between;align-items:center}.ch button{background:none;border:0;color:var(--ink);font-size:1.3rem;cursor:pointer}
.line{display:flex;align-items:center;gap:8px;padding:10px 0;border-bottom:1px solid #2c201b}.line span{flex:1}.line button{background:#2a1e19;color:var(--ink);border:0;width:30px;height:30px;border-radius:50%;cursor:pointer}
.mode{display:flex;gap:16px;margin:14px 0}.mode label{flex-direction:row;align-items:center;color:var(--ink)}.mode input{width:auto}
#del{display:grid;gap:10px}#del[hidden]{display:none}.lala{background:#f16622;color:#fff;border-radius:8px;padding:8px 10px;font-weight:700;font-size:.85rem;margin:0}
.tot{display:grid;grid-template-columns:1fr auto;gap:4px;margin:14px 0 0}.tot dd{margin:0;text-align:right}
.toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:700;opacity:0;transition:.2s;z-index:50;pointer-events:none}.toast.show{opacity:1}
@media(min-width:800px){.nav nav{display:flex}.nav{padding:12px 32px}.demo span{display:inline}.grid{grid-template-columns:1fr 1fr}.cards{grid-template-columns:repeat(3,1fr)}.gal{grid-template-columns:repeat(3,1fr)}.hours ul{grid-template-columns:repeat(4,1fr)}.hours li{flex-direction:column}.hc{padding:40px 48px 60px}.form{grid-template-columns:repeat(4,1fr)}.wrap{padding:64px 32px}}
/* ===== Don Chicho theme ===== */
:root{--bg:#121410;--card:#f6efd6;--ink:#f6efd6;--mut:#cfc7ad;--acc:#f0a51b;--acc2:#f0a51b;--green:#1f6b3a;--dark:#14110d}
body{font-family:Poppins,system-ui,sans-serif;background:#121410}
h1,h2{font-family:Poppins,sans-serif;font-weight:300;letter-spacing:.14em;text-transform:uppercase;color:#fff}h2{font-size:1.7rem}h2:after{content:"";display:block;width:64px;height:5px;background:var(--acc);border-radius:3px;margin-top:10px}
.wrap{position:relative;overflow:hidden}.wrap>*{position:relative}
#menu:before,#promos:before{content:"SABOR";position:absolute;right:-20px;top:-10px;font:900 9rem/1 Poppins,sans-serif;color:var(--green);opacity:.35;transform:skewY(-8deg) scaleY(1.4);pointer-events:none}#promos:before{content:"PROMO";left:-20px;right:auto}
.brand{flex-direction:row;align-items:center;gap:8px;font:800 1.15rem Poppins,sans-serif;text-transform:uppercase;letter-spacing:.06em}.brand img{width:44px;height:auto;background:var(--card);border-radius:10px;padding:3px}.brand span{display:flex;flex-direction:column}.brand small{color:var(--acc);font-size:.65rem;letter-spacing:.15em;margin-top:2px}
.nav{background:rgba(18,20,16,.94);border-bottom:3px solid var(--green)}.nav button{background:#1d211a;border-color:#2e3a2a}.cartbtn b{background:var(--acc);color:#111}
.demo{background:var(--acc);color:#111}
.hero>img{filter:saturate(.9)}.hero:after{background:linear-gradient(180deg,rgba(18,20,16,.35),rgba(18,20,16,.6) 50%,rgba(18,20,16,.97) 92%)}
.hlogo{width:130px;height:auto;background:var(--card);border-radius:18px;padding:10px;border:4px solid var(--acc);margin-bottom:10px}
.hero h1{font-weight:300;font-size:clamp(1.8rem,7vw,3.4rem);letter-spacing:.08em}.hero h1 em{display:block;font:400 1.5em Shrikhand,cursive;color:var(--acc);text-transform:none;letter-spacing:0;font-style:normal}
.kick{color:var(--acc)}.btn{background:var(--acc);color:#111}.btn.ghost{color:#fff;border-color:#fff}
.hours li,.item,.form,.cards article{background:var(--card);color:#1a1a14;border:0}.item h3,.cards h3{color:#111}.item p,.cards p{color:#4a4636}.item .pr{color:var(--green)}.add{background:var(--green)}.tag{background:var(--acc);color:#111}
.hours li b{color:#111}.open{color:#5fd38a}.open.c{color:var(--acc)}
.tabs button{background:#1d211a;color:var(--mut);border-color:#2e3a2a}.tabs button.on{background:var(--acc);color:#111;border-color:var(--acc)}
.cards h3{font:400 1.35rem Shrikhand,cursive;color:var(--green)}
.form label{color:#4a4636}.form input{background:#fff;color:#111;border-color:#d8cfb0}
.ticket{display:grid;grid-template-columns:1fr;gap:14px;background:var(--acc);border-radius:16px;padding:18px;margin-bottom:18px;color:#111;-webkit-mask:radial-gradient(circle 11px at 0 50%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 11px at 100% 50%,#0000 98%,#000) right/51% 100% no-repeat;transform:rotate(-1.2deg)}
.tk-l,.tk-r{background:var(--card);border-radius:12px;padding:14px}.tk-l{display:grid;place-items:center}.tk-l img{width:150px}
.tk-r{text-align:center}.tk-k{font:300 1.4rem Poppins;letter-spacing:.2em;margin:0}.tk-k b{font-weight:800}.tk-s{font:400 3rem/1.1 Shrikhand,cursive;color:var(--acc);-webkit-text-stroke:1px #a86b00;margin:0 0 6px}.tk-b{font-weight:800;letter-spacing:.1em;text-transform:uppercase}
.cart{background:#16190f;border-left:3px solid var(--acc)}.lala{background:#f16622}footer{border-top:3px solid var(--green)}
@media(min-width:800px){.ticket{grid-template-columns:260px 1fr;padding:22px 30px}.hlogo{width:160px}}
.cards article{background:var(--acc);padding:10px;border-radius:14px;-webkit-mask:radial-gradient(circle 10px at 0 62%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 62%,#0000 98%,#000) right/51% 100% no-repeat}
.cards article img{border-radius:10px}.cards article h3,.cards article p{background:var(--card);margin:0}.cards article h3{margin-top:10px;border-radius:10px 10px 0 0;padding-top:10px}.cards article p{border-radius:0 0 10px 10px;padding-bottom:14px}
.toast{white-space:nowrap;bottom:24px}.btn.mp{color:#fff}
.grid{grid-template-columns:1fr}.feat{grid-column:1/-1;background:var(--acc);border-radius:16px;padding:8px;-webkit-mask:radial-gradient(circle 10px at 0 70%,#0000 98%,#000) left/51% 100% no-repeat,radial-gradient(circle 10px at 100% 70%,#0000 98%,#000) right/51% 100% no-repeat}
.feat img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:10px}.fb{display:flex;gap:10px;align-items:center;background:var(--card);border-radius:10px;padding:12px 14px;margin-top:8px;color:#111}.fb div{flex:1}.fb h3{margin:0;font:800 1.05rem Poppins}.fb p{margin:2px 0 0;color:#4a4636;font-size:.88rem}.fb .pr{font-weight:800;color:var(--green)}
@media(min-width:800px){.grid{grid-template-columns:1fr 1fr}.feat{grid-column:auto}}
.feat img,.gal img{height:auto}
@media(min-width:800px){.grid{align-items:start}.feat{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:10px;align-items:stretch}.feat img{height:100%;max-height:340px}.fb{margin-top:0;flex-direction:column;align-items:flex-start;justify-content:center;padding:22px}.fb h3{font-size:1.35rem}}
@media(min-width:800px){.fb>div{flex:none;margin-bottom:6px}.fb .pr{font-size:1.4rem}}