body,html{margin:0;color-scheme:light}*,:after,:before{box-sizing:border-box}:root{--bg:#fff4e6;--surface:#fff;--surface-2:#fadecf;--surface-3:#fdebdd;--ink:#1c1c1c;--muted:#6e6a65;--line:#ebd9c8;--brand:#d23a2a;--brand-ink:#b52e20;--brand-soft:#fadecf;--gold:#e8a33d;--band:#1c1c1c;--ok:#2e7d4f;--ok-soft:#e1f1e7;--warn:#a8731a;--warn-soft:#fbefd6;--bad:#b3261e;--bad-soft:#f9e1df;--shadow:0 10px 30px rgba(120,50,30,.1);--display:"Archivo",system-ui,sans-serif;--body:"Figtree",system-ui,sans-serif;--r:16px;color-scheme:light}*{box-sizing:border-box}body{background:var(--bg);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.5;margin:0}body:before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0);z-index:10;background:var(--band)}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0;background:none;padding:0}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--brand);outline-offset:2px}a{color:var(--brand-ink)}h1,h2,h3{font-family:var(--display);line-height:1.1;margin:0;text-wrap:balance}h1{font-size:clamp(26px,6vw,36px);letter-spacing:-.01em}h1,h2{font-weight:900}h2{font-size:21px}h3{font-size:17px;font-weight:700}p{margin:0}.eyebrow{font-family:var(--display);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.num{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.small,small{font-size:13px;color:var(--muted)}img{max-width:100%}.topbar{position:-webkit-sticky;position:sticky;top:env(safe-area-inset-top,0);z-index:9;background:var(--band);color:#fff4e6}.topbar .in{max-width:720px;margin:0 auto;justify-content:space-between;gap:12px;padding-block:8px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.topbar .in,.topbar .mark{display:flex;align-items:center}.topbar .mark{gap:10px;text-decoration:none;color:#fff4e6;font-family:var(--display);font-weight:900;font-size:17px;letter-spacing:-.02em}.topbar .mark img{width:40px;height:40px;border-radius:50%;display:block}.topbar nav{display:flex;gap:6px}.topbar nav a,.topbar nav button{color:#fff4e6;text-decoration:none;font-weight:600;font-size:14px;padding:7px 11px;border-radius:999px;background:rgba(255,244,230,.1);white-space:nowrap}.sec-head h2{flex-shrink:0}.topbar nav a.on{background:var(--brand);color:#fff}.wrap{max-width:720px;margin:0 auto;padding-block:20px 130px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));display:grid;grid-gap:20px;gap:20px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r)}.card.pad{padding:18px}.hero{overflow:hidden;box-shadow:var(--shadow);border:0}.hero .banner{display:block;width:100%;aspect-ratio:3/1;object-fit:cover;background:#fff4e6}.hero .body{padding:18px;display:grid;grid-gap:14px;gap:14px}.hero .body .row{display:flex;justify-content:space-between;align-items:center;gap:12px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700;border-radius:12px;padding:13px 18px;background:var(--brand);color:#fff;text-decoration:none;min-height:48px;transition:transform .08s ease}.btn:active{transform:translateY(1px)}.btn.block{width:100%}.btn.ghost{background:var(--surface-2);color:var(--ink)}.btn.line{background:transparent;border:1.5px solid var(--line);color:var(--ink)}.btn.sm{padding:8px 12px;min-height:36px;font-size:14px;border-radius:10px}.btn.danger{background:var(--bad-soft);color:var(--bad)}.btn[disabled]{opacity:.5;cursor:not-allowed}.iconbtn{width:38px;height:38px;border-radius:10px;justify-content:center;font-size:18px;text-decoration:none;color:var(--brand-ink)}.iconbtn,.pill{background:var(--surface-2);display:inline-flex;align-items:center;font-weight:700}.pill{gap:6px;font-size:12px;padding:4px 10px;border-radius:999px;color:var(--ink);white-space:nowrap}.pill.ok{background:var(--ok-soft);color:var(--ok)}.pill.warn{background:var(--warn-soft);color:var(--warn)}.pill.bad{background:var(--bad-soft);color:var(--bad)}.pill.brand{background:var(--brand);color:#fff}.star{color:var(--gold);font-size:14px}.sec-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.next{padding:18px;display:grid;grid-gap:14px;gap:14px}.next .big{font-family:var(--display);font-weight:900;font-size:24px;letter-spacing:-.01em}.countdown{display:flex;gap:10px}.countdown div{background:var(--surface-3);border-radius:10px;padding:8px 10px;min-width:56px;text-align:center}.countdown b{display:block;font-family:var(--display);font-size:22px;font-weight:900}.countdown span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.empty{padding:28px 18px;text-align:center;border-radius:var(--r);color:var(--muted);display:grid;grid-gap:12px;gap:12px}.empty,.meter{background:var(--surface-3)}.meter{height:10px;overflow:hidden}.meter,.meter i{border-radius:999px}.meter i{display:block;height:100%;background:var(--brand)}.menu{grid-gap:10px;gap:10px}.item,.menu{display:grid}.item{grid-template-columns:1fr auto;grid-gap:12px;gap:12px;padding:16px}.item,.item .name{align-items:center}.item .name{display:flex;gap:8px;flex-wrap:wrap}.item .price{font-weight:700;margin-top:4px}.item .desc{color:var(--muted);font-size:14px;margin-top:2px}.stepper{display:inline-flex;align-items:center;border:1.5px solid var(--line);border-radius:12px;overflow:hidden}.stepper button{width:40px;height:40px;font-size:20px;font-weight:600;background:var(--surface-3)}.stepper button[disabled]{opacity:.4;cursor:not-allowed}.stepper b{min-width:34px;text-align:center}.add{width:40px;height:40px;border-radius:12px;background:var(--brand);color:#fff;font-size:22px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.add[disabled]{background:var(--surface-2);color:var(--muted);opacity:1;cursor:not-allowed}.slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,1fr));grid-gap:8px;gap:8px}.slot{padding:10px 6px;border:1.5px solid var(--line);border-radius:10px;text-align:center;font-weight:600;background:var(--surface)}.slot.on{border-color:var(--brand);background:var(--brand-soft);color:var(--brand-ink)}.slot.full{opacity:.45;text-decoration:line-through}.slot small{display:block;font-size:11px}.cartbar{position:fixed;left:0;right:0;bottom:0;z-index:8;background:var(--surface);border-top:1px solid var(--line);box-shadow:0 -8px 30px rgba(0,0,0,.08)}.cartbar .in{max-width:720px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:12px;padding-block:12px;padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px));padding-bottom:calc(12px + env(safe-area-inset-bottom,0px))}label.f{display:grid;grid-gap:6px;gap:6px;font-weight:600;font-size:14px}label.f input,label.f select,label.f textarea{border:1.5px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--surface);width:100%;min-width:0}label.f textarea{min-height:88px;resize:vertical}.grid2{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}@media (max-width:480px){.grid2{grid-template-columns:1fr}}.check{display:flex;gap:10px;align-items:flex-start;font-size:14px}.check input{width:20px;height:20px;margin-top:2px;accent-color:var(--brand)}.lines{display:grid;grid-gap:6px;gap:6px}.lines div{display:flex;justify-content:space-between;gap:12px}.lines .total{border-top:1px solid var(--line);padding-top:8px;font-weight:700;font-size:18px}.note{background:var(--brand-soft);color:var(--brand-ink);border-radius:10px;padding:10px 12px}.err,.note{font-size:14px;font-weight:600}.err{color:var(--bad)}.err:empty{display:none}.paygrid{display:grid;grid-gap:8px;gap:8px}.pay{display:grid;grid-template-columns:auto 1fr;grid-template-rows:auto auto;grid-column-gap:12px;column-gap:12px;align-items:center;border:1.5px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer}.pay input{grid-row:1/3;width:20px;height:20px;accent-color:var(--brand)}.pay.on{border-color:var(--brand);background:var(--brand-soft)}.copy{display:inline-flex;align-items:center;gap:8px;background:var(--surface-3);border-radius:10px;padding:8px 12px;font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;word-break:break-all}.copy button{background:var(--brand);color:#fff;border-radius:8px;padding:4px 10px;font-size:12px;flex-shrink:0}.policy{background:var(--warn-soft);color:var(--warn);border-radius:10px;padding:10px 12px;font-size:14px}.tabs{display:flex;gap:4px;background:var(--surface-3);padding:4px;border-radius:12px;overflow-x:auto}.tabs button{flex:1 1;padding:9px 10px;border-radius:9px;font-weight:600;font-size:14px;white-space:nowrap;color:var(--muted)}.tabs button.on{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px rgba(0,0,0,.08)}.steps{display:grid;grid-template-columns:1fr 1fr 1fr;grid-gap:4px;gap:4px;background:var(--surface-3);padding:4px;border-radius:12px}.steps button{padding:10px;border-radius:9px;font-weight:600;font-size:14px;color:var(--muted);display:flex;gap:8px;justify-content:center;align-items:center}.steps button.on{background:var(--surface);color:var(--ink)}.steps i{font-style:normal;width:20px;height:20px;border-radius:50%;background:var(--ink);color:var(--bg);font-size:12px;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.list{grid-gap:10px;gap:10px}.list,.rowc{display:grid}.rowc{grid-template-columns:1fr auto;grid-gap:12px;gap:12px;padding:14px 16px}.rowc,.rowc .meta{align-items:center}.rowc .meta{display:flex;gap:8px;flex-wrap:wrap;color:var(--muted);font-size:13px}table{width:100%;border-collapse:collapse;font-size:14px}td,th{text-align:left;padding:8px 6px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);font-weight:700}.tbl{overflow-x:auto}.tbl input{border:1px solid var(--line);border-radius:8px;padding:6px 8px;background:var(--surface);min-width:0}.kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));grid-gap:10px;gap:10px}.kpi{padding:12px 14px}.kpi b{display:block;font-family:var(--display);font-size:24px;font-weight:900}.kpi span{font-size:12px;color:var(--muted)}.msg{padding:12px 14px;display:grid;grid-gap:4px;gap:4px;font-size:14px}.msg .to{display:flex;justify-content:space-between;gap:8px;color:var(--muted);font-size:12px}.msg .body{background:var(--surface-3);border-radius:10px;padding:8px 10px}.toast{position:fixed;left:50%;transform:translateX(-50%);bottom:calc(140px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:var(--shadow);max-width:90vw;text-align:center}.confirm-hero{text-align:center;padding:28px 18px;display:grid;grid-gap:8px;gap:8px}.confirm-hero .tick{width:56px;height:56px;border-radius:50%;background:var(--ok-soft);color:var(--ok);display:inline-flex;align-items:center;justify-content:center;font-size:28px;margin:0 auto}.timeline{display:grid;grid-gap:10px;gap:10px}.timeline>div{display:grid;grid-template-columns:12px 1fr;grid-gap:12px;gap:12px;align-items:start}.timeline>div>div{min-width:0}.timeline i{width:12px;height:12px;border-radius:50%;background:var(--brand);margin-top:6px;display:block}@media (prefers-reduced-motion:reduce){*{transition:none!important}}.tabs a.tab{flex:1 1;padding:9px 10px;border-radius:9px;font-weight:600;font-size:14px;white-space:nowrap;color:var(--muted);text-decoration:none;text-align:center}.tabs a.tab:hover{background:var(--surface);color:var(--ink)}.inline-form{display:inline}.btn.sm.w{min-width:96px}