*,:before,:after{box-sizing:border-box}html,body{margin:0;padding:0}body{color:#2a2420;-webkit-font-smoothing:antialiased;background:#f7f2e8;font-family:system-ui,-apple-system,sans-serif}img{max-width:100%;display:block}button,input{font:inherit}a{color:var(--accent,#8a2f2b);text-decoration:none}[data-theme=clasico]{--bg:#f7f2e8;--surface:#fffdf8;--ink:#2a2420;--muted:#7a6f66;--line:#e4dac9;--soft:#f3e4e0;--on-accent:#fff;--radius:14px;--pill:999px;--font-display:"Playfair Display",Georgia,serif;--font-body:"Source Sans 3",system-ui,sans-serif}[data-theme=oscuro]{--bg:#141110;--surface:#1f1a17;--ink:#f2ece2;--muted:#a79c90;--line:#2f2926;--soft:#2b2416;--on-accent:#161210;--radius:14px;--pill:999px;--font-display:"Cormorant Garamond",Georgia,serif;--font-body:"Manrope",system-ui,sans-serif}[data-theme=rustico]{--bg:#efe6d5;--surface:#f9f3e7;--ink:#3a2f25;--muted:#7d6f61;--line:#dccfb9;--soft:#e6e8d3;--on-accent:#fff;--radius:8px;--pill:8px;--font-display:"Lora",Georgia,serif;--font-body:"Nunito Sans",system-ui,sans-serif}[data-theme=moderno]{--bg:#fff;--surface:#f4f4f2;--ink:#111;--muted:#6b6b6b;--line:#e8e8e6;--soft:#fdebe4;--on-accent:#fff;--radius:18px;--pill:999px;--font-display:"Sora",system-ui,sans-serif;--font-body:"DM Sans",system-ui,sans-serif}.carta{background:var(--bg);min-height:100dvh;color:var(--ink);font-family:var(--font-body)}.carta .wrap{max-width:560px;margin:0 auto;padding-bottom:48px}.carta h1,.carta h2{font-family:var(--font-display);text-wrap:pretty;margin:0}.cover{height:210px;position:relative;overflow:hidden}.cover img{object-fit:cover;width:100%;height:100%}.cover:after{content:"";background:linear-gradient(#0000 35%,#0000008c);position:absolute;inset:0}.badge{z-index:1;letter-spacing:.04em;color:#fff;background:#0000008c;border-radius:999px;padding:4px 8px;font-size:10.5px;position:absolute;bottom:10px;right:10px}.identity{flex-direction:column;gap:6px;margin-top:-40px;padding:0 20px;display:flex;position:relative}.logo{background:var(--surface);border:3px solid var(--bg);width:76px;height:76px;font-family:var(--font-display);color:var(--accent);border-radius:999px;justify-content:center;align-items:center;font-size:28px;font-weight:700;display:flex}.identity h1{margin-top:6px;font-size:32px;font-weight:700;line-height:1.1}.identity p{color:var(--muted);margin:0;font-size:14px}.tabs{scrollbar-width:none;gap:8px;padding:20px 20px 0;display:flex;overflow-x:auto}.tab{border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);color:var(--ink);white-space:nowrap;cursor:pointer;padding:10px 16px;font-size:14px;font-weight:500}.tab.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.tools{gap:8px;padding:14px 20px 0;display:flex}.search{border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);height:44px;color:var(--muted);flex:1;align-items:center;gap:8px;padding:0 14px;display:flex}.search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-size:15px}.filter{border-radius:var(--pill);background:var(--soft);border:1px solid var(--line);height:44px;color:var(--ink);white-space:nowrap;cursor:pointer;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:flex}.count{background:var(--accent);min-width:20px;height:20px;color:var(--on-accent);border-radius:999px;justify-content:center;align-items:center;padding:0 6px;font-size:12px;font-weight:700;display:inline-flex}.section{flex-direction:column;margin-top:22px;display:flex}.photo{border-radius:var(--radius);height:150px;margin:0 20px;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%}.section-head{justify-content:space-between;align-items:baseline;padding:16px 20px 8px;display:flex}.section-head h2{font-size:24px;font-weight:600}.section-head span{color:var(--muted);font-size:12.5px}.note{color:var(--muted);padding:0 20px 8px;font-size:13px}.item{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:13px 20px;display:flex}.item-main{flex-direction:column;flex:1;gap:4px;display:flex}.item-name{font-size:16px;font-weight:600;line-height:1.3}.item-desc{color:var(--muted);font-size:13.5px;line-height:1.35}.allergens{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.al{border:1px solid var(--line);background:var(--surface);width:24px;height:24px;color:var(--muted);border-radius:999px;justify-content:center;align-items:center;display:inline-flex}.price{color:var(--accent);white-space:nowrap;font-size:16px;font-weight:700}.variants{white-space:nowrap;flex-direction:column;gap:2px;display:flex}.variant{justify-content:flex-end;align-items:baseline;gap:6px;display:flex}.variant span:first-child{color:var(--muted);font-size:11.5px}.variant span:last-child{color:var(--accent);font-size:15px;font-weight:700}.review{color:#7a5a00;background:#fff3c4;border-radius:999px;margin-top:2px;padding:2px 8px;font-size:11px;display:inline-block}.empty{text-align:center;color:var(--muted);padding:40px 20px}.footer{border-radius:var(--radius);background:var(--surface);border:1px solid var(--line);flex-direction:column;gap:12px;margin:28px 20px 0;padding:18px;display:flex}.footer .row{align-items:center;gap:10px;font-size:14px;display:flex}.btn{border-radius:var(--pill);cursor:pointer;border:1px solid var(--line);background:var(--surface);height:44px;color:var(--ink);justify-content:center;align-items:center;gap:8px;padding:0 16px;font-size:14px;font-weight:600;display:flex}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.legal{text-align:center;color:var(--muted);margin-top:22px;padding:0 20px;font-size:11.5px}.scrim{z-index:20;background:#00000073;position:fixed;inset:0}.sheet{z-index:21;background:var(--bg);max-width:560px;color:var(--ink);padding:14px 20px calc(24px + env(safe-area-inset-bottom));border-radius:22px 22px 0 0;flex-direction:column;gap:14px;margin:0 auto;display:flex;position:fixed;bottom:0;left:0;right:0}.handle{background:var(--line);border-radius:999px;align-self:center;width:40px;height:4px}.sheet-head{justify-content:space-between;align-items:baseline;display:flex}.sheet-head h2{font-size:24px;font-weight:600}.sheet p{color:var(--muted);margin:0;font-size:13.5px;line-height:1.4}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--pill);background:var(--surface);border:1px solid var(--line);height:44px;color:var(--ink);cursor:pointer;align-items:center;gap:8px;padding:0 12px;font-size:14px;display:flex}.chip .dot{border:1.5px solid var(--line);border-radius:999px;width:16px;height:16px}.chip.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:600}.demo{z-index:10;color:#fff;background:#1b1b1b;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;font-family:system-ui,sans-serif;font-size:13px;display:flex;position:sticky;top:0}.demo .themes{gap:4px;display:flex}.demo button{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:8px;height:32px;padding:0 10px;font-size:13px}.demo button.on{color:#111;background:#fff;border-color:#fff}.demo .grow{flex:1}.demo .cost{color:#aaa}.qr-modal{z-index:30;background:#000000b3;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.qr-card{color:#111;text-align:center;background:#fff;border-radius:16px;flex-direction:column;align-items:center;gap:12px;width:100%;max-width:360px;padding:24px;font-family:system-ui,sans-serif;display:flex}.qr-card img{width:260px;height:260px}.qr-card small{color:#666;word-break:break-all}.capture{color:#fff;min-height:100dvh;padding:24px 20px calc(24px + env(safe-area-inset-bottom));background:#1b1b1b;flex-direction:column;gap:18px;max-width:560px;margin:0 auto;font-family:system-ui,sans-serif;display:flex}.capture h1{margin:0;font-size:26px}.capture p{color:#bbb;margin:0;font-size:14px;line-height:1.45}.field{flex-direction:column;gap:6px;font-size:14px;display:flex}.field em{color:#999;font-style:normal}.field input{color:#fff;background:#2a2a2a;border:1px solid #444;border-radius:12px;outline:none;height:48px;padding:0 14px;font-size:16px}.field input:focus{border-color:#e4572e}.thumbs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.thumb{aspect-ratio:3/4;background:#2a2a2a;border-radius:12px;position:relative;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%}.thumb button{color:#fff;cursor:pointer;background:#0009;border:0;border-radius:999px;width:32px;height:32px;position:absolute;top:6px;right:6px}.actions{flex-direction:column;gap:10px;display:flex}.big{color:#fff;cursor:pointer;background:#2a2a2a;border:1px solid #444;border-radius:14px;justify-content:center;align-items:center;gap:10px;height:54px;font-size:16px;font-weight:600;display:flex}.big.primary{background:#e4572e;border-color:#e4572e}.big:disabled{opacity:.5;cursor:default}.error{color:#ffd4d4;background:#4a1d1d;border:1px solid #7a2e2e;border-radius:12px;padding:12px 14px;font-size:14px}.progress{flex-direction:column;align-items:center;gap:10px;padding:30px 0;display:flex}.spinner{border:3px solid #444;border-top-color:#fff;border-radius:999px;width:36px;height:36px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}