:root{--brand-light-accent:#1d5ae2;--brand-light-accent-text:#0543ca;--brand-light-on-accent:#fff;--brand-light-tint:#e4eaf6;--brand-light-tint-border:#bccdf2;--brand-dark-accent:#73a2ff;--brand-dark-accent-text:#9bbeff;--brand-dark-on-accent:#0a0a0a;--brand-dark-tint:#191f2c;--brand-dark-tint-border:#2c3b58;--font-heading:system-ui, -apple-system, "Segoe UI", sans-serif;--font-body:system-ui, -apple-system, "Segoe UI", sans-serif;line-height:1.5}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fafaf8;--surface:#fff;--surface-border:#e6e4de;--surface2:#f2f0ea;--surface2-border:#dcd9d0;--text:#1a1b19;--text-secondary:#6e7268;--text-tertiary:#a2a79a;--text-muted:#8b8f82;--danger:#b91c1c;--success:#166534;--notice-bg:#fef3c7;--notice-border:#fde68a;--shadow:0 1px 3px #0000001a;--accent:var(--brand-light-accent);--accent-text:var(--brand-light-accent-text);--on-accent:var(--brand-light-on-accent);--tint:var(--brand-light-tint);--tint-border:var(--brand-light-tint-border);--accent-hover:color-mix(in srgb, var(--accent) 88%, #000)}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#0a0a0a;--surface:#101010;--surface-border:#1f1f1f;--surface2:#141414;--surface2-border:#262626;--text:#f2f3f1;--text-secondary:#8b9089;--text-tertiary:#5c615a;--text-muted:#6b706a;--danger:#f87171;--success:#4ade80;--notice-bg:#2a2210;--notice-border:#5c4a14;--shadow:none;--accent:var(--brand-dark-accent);--accent-text:var(--brand-dark-accent-text);--on-accent:var(--brand-dark-on-accent);--tint:var(--brand-dark-tint);--tint-border:var(--brand-dark-tint-border);--accent-hover:color-mix(in srgb, var(--accent) 88%, #fff)}[data-theme=light] .surface2,:root:not([data-theme]) .surface2{--text-secondary:var(--text)}.surface2{background:var(--surface2);border:1px solid var(--surface2-border)}*{box-sizing:border-box}body{background:var(--bg);min-height:100dvh;color:var(--text);font-family:var(--font-body);margin:0}#root{flex-direction:column;min-height:100dvh;display:flex}.screen{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:1rem;padding:1.5rem;display:flex}h1,h2,h3,.store-name{font-family:var(--font-heading)}h1{margin:0;font-size:1.25rem}h2{margin:0;font-size:1rem}.card{background:var(--surface);width:100%;max-width:360px;color:var(--text);border:1px solid var(--surface-border);box-shadow:var(--shadow);border-radius:12px;flex-direction:column;gap:1rem;padding:1.5rem;display:flex}.card-wide{max-width:640px}.store-header{z-index:30;background:var(--surface);border-bottom:1px solid var(--surface-border);align-items:center;gap:.75rem;padding:1rem 1.5rem;display:flex;position:sticky;top:0}.store-header-actions{align-items:center;gap:.5rem;margin-left:auto;display:flex}.store-logo{object-fit:contain;border-radius:6px;width:32px;height:32px}.store-name{color:var(--accent-text);font-weight:600}.mascot{color:var(--accent);display:inline-flex}.store-info{align-items:center;gap:.75rem;display:flex}.debug-otp{background:var(--notice-bg);border:1px solid var(--notice-border);color:var(--text);border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.875rem}.field{flex-direction:column;gap:.25rem;display:flex}.field label{color:var(--text-secondary);font-size:.875rem}.field input,.field select{border:1px solid var(--surface2-border);background:var(--bg);color:var(--text);font:inherit;border-radius:8px;padding:.6rem .75rem;font-size:1rem}.field input[type=color]{width:3rem;height:2.6rem;padding:.15rem}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.button{background:var(--accent);color:var(--on-accent);cursor:pointer;border:none;border-radius:8px;padding:.7rem 1rem;font-family:inherit;font-size:1rem}.button:hover:not(:disabled){background:var(--accent-hover)}.button:disabled{opacity:.6;cursor:not-allowed}.button-secondary{color:var(--text);border:1px solid var(--surface-border);background:0 0}.button-secondary:hover:not(:disabled){background:var(--surface2)}.error-message{color:var(--danger);margin:0;font-size:.875rem}.success-message{color:var(--success);margin:0;font-size:.875rem}.back-link{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-self:flex-start;align-items:center;gap:.3rem;padding:0;font-size:.875rem;display:inline-flex}.text-secondary{color:var(--text-secondary)}.price{color:var(--text-secondary);font-variant-numeric:tabular-nums;font-weight:600}.tint-banner{background:var(--tint);border:1px solid var(--tint-border);color:var(--text);border-radius:8px;margin:0;padding:.6rem .75rem;font-size:.875rem}.tint-pill{background:var(--tint);color:var(--accent-text);border:1px solid var(--tint-border);border-radius:999px;padding:.1rem .6rem;font-size:.8125rem;font-weight:600;display:inline-block}.mode-toggle{border:1px solid var(--surface-border);background:var(--surface);width:2.25rem;height:2.25rem;color:var(--text);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;margin-left:0;display:inline-flex}.mode-toggle:hover{background:var(--surface2)}.preview-grid{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}@media (width<=560px){.preview-grid{grid-template-columns:1fr}}.preview-panel{background:var(--bg);color:var(--text);font-family:var(--font-body);border:1px solid var(--surface-border);border-radius:10px;flex-direction:column;gap:.6rem;padding:.75rem;display:flex}.preview-panel .card{gap:.5rem;max-width:none;padding:.9rem}.preview-mode-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-size:.75rem}.pairing-specimen{border-radius:8px;padding:.75rem}.theme-hub{flex-direction:column;gap:.5rem;display:flex}.section-eyebrow{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;margin:.5rem 0 0;font-size:.75rem;font-weight:600}.tile-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:.25rem;display:grid}.tile-button{all:unset;box-sizing:border-box;background:var(--surface);border:1px solid var(--surface-border);cursor:pointer;text-align:center;border-radius:16px;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .5rem;display:flex;box-shadow:0 4px 16px -12px #0000002e}.tile-icon{background:var(--tint);width:44px;height:44px;color:var(--accent);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.tile-label{color:var(--text);font-size:.8125rem;font-weight:600}.admin-theme{flex-direction:column;gap:1.25rem;width:100%;max-width:640px;display:flex}.theme-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;flex-direction:column;gap:1rem;padding:1.25rem;display:flex;box-shadow:0 8px 24px -14px #00000029}.theme-header-preview{border:1px solid var(--surface-border);border-radius:14px;overflow:hidden}.theme-header-preview .store-header{border-bottom:none;padding:.85rem 1rem;position:static}.swatch-grid{grid-template-columns:repeat(5,1fr);gap:.6rem;display:grid}.swatch-tile{all:unset;box-sizing:border-box;aspect-ratio:1;cursor:pointer;border-radius:12px;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 0 0 1px #00000014}.swatch-tile-active{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--text)}.pairing-grid{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid}.pairing-tile{all:unset;box-sizing:border-box;text-align:center;background:var(--surface2);border:1px solid var(--surface2-border);color:var(--text-secondary);cursor:pointer;border-radius:14px;padding:.9rem .5rem;font-size:1rem;font-weight:600}.pairing-tile-active{background:var(--tint);border-color:var(--accent);color:var(--accent-text)}.screen.storefront{justify-content:flex-start;align-items:stretch;gap:1.25rem;padding:1.25rem 1rem 6.5rem}.hero-card{background:var(--surface);border:1px solid var(--surface-border);border-radius:20px;flex-direction:column;gap:.9rem;padding:1.25rem;display:flex;box-shadow:0 8px 24px -12px #0000002e}.mascot-lg{background:var(--tint);border-radius:16px;padding:.5rem}.hero-card .tint-banner{border-radius:12px}.category-row{gap:.5rem;margin:0 -.1rem;padding:0 .1rem .25rem;display:flex;overflow-x:auto}.category-pill{all:unset;box-sizing:border-box;background:var(--surface2);border:1px solid var(--surface2-border);color:var(--text-secondary);cursor:pointer;border-radius:999px;flex-shrink:0;padding:.55rem 1.1rem;font-size:.85rem;font-weight:500}.category-pill-active{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.product-list{flex-direction:column;gap:.75rem;display:flex}.product-row{background:var(--surface);border:1px solid var(--surface-border);border-radius:18px;align-items:center;gap:.9rem;padding:.75rem;display:flex;box-shadow:0 4px 16px -12px #00000029}.product-thumb{background:var(--tint);width:56px;height:56px;color:var(--accent);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;display:flex}.product-info{flex-direction:column;flex-grow:1;gap:.25rem;min-width:0;display:flex}.product-name{color:var(--text);font-size:.95rem;font-weight:600}.add-button{all:unset;box-sizing:border-box;background:var(--accent);width:32px;height:32px;color:var(--on-accent);cursor:pointer;box-shadow:0 4px 10px -4px color-mix(in srgb, var(--accent) 60%, transparent);border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;font-size:1.2rem;line-height:1;display:flex}.stepper{background:var(--tint);border:1px solid var(--tint-border);border-radius:999px;flex-shrink:0;align-items:center;gap:.6rem;padding:.25rem .6rem;display:flex}.stepper button{all:unset;box-sizing:border-box;cursor:pointer;width:20px;height:20px;color:var(--accent-text);justify-content:center;align-items:center;font-size:1.05rem;font-weight:600;line-height:1;display:flex}.stepper span{text-align:center;min-width:1rem;color:var(--accent-text);font-size:.9rem;font-weight:700}.cart-bar{all:unset;box-sizing:border-box;left:1rem;right:1rem;bottom:calc(4.75rem + env(safe-area-inset-bottom,0px));background:var(--accent);max-width:608px;color:var(--on-accent);box-shadow:0 10px 28px -10px color-mix(in srgb, var(--accent) 65%, transparent);cursor:pointer;border-radius:999px;justify-content:space-between;align-items:center;margin:0 auto;padding:.9rem 1.25rem;font-size:.875rem;font-weight:600;display:flex;position:fixed}.cart-bar-link{align-items:center;gap:.3rem;display:inline-flex}.bottom-nav{background:var(--surface);border-top:1px solid var(--surface-border);padding:.6rem 0 calc(.6rem + env(safe-area-inset-bottom,0px));justify-content:space-around;align-items:center;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -6px 20px -14px #0003}.nav-item{all:unset;box-sizing:border-box;color:var(--text-tertiary);cursor:pointer;flex-direction:column;align-items:center;gap:.2rem;padding:.25rem .75rem;font-size:.6875rem;display:flex}.nav-item:disabled{cursor:default;opacity:.45}.nav-item-active{color:var(--accent);font-weight:600}.profile-list{flex-direction:column;gap:.6rem;display:flex}.profile-row{all:unset;box-sizing:border-box;background:var(--surface);border:1px solid var(--surface-border);width:100%;color:var(--text);border-radius:14px;justify-content:space-between;align-items:center;padding:.9rem 1rem;font-size:.9rem;display:flex}.profile-row-label{color:var(--text-secondary)}.profile-row-value{font-weight:600}.profile-row-link{cursor:pointer;color:var(--text-tertiary)}.profile-row-link span:first-child{color:var(--text)}.profile-row-link:disabled{cursor:default;opacity:.6}.cart-page-header{flex-direction:column;gap:.5rem;display:flex}.cart-summary{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;gap:.5rem;padding:1rem;display:flex}.cart-summary-row{color:var(--text-secondary);justify-content:space-between;align-items:center;font-size:.9rem;display:flex}.cart-summary-total{color:var(--text);border-top:1px solid var(--surface-border);padding-top:.5rem;font-size:1.05rem;font-weight:700}.search-field{background:var(--surface);border:1px solid var(--surface-border);color:var(--text-tertiary);border-radius:14px;align-items:center;gap:.6rem;padding:.75rem 1rem;display:flex}.search-field input{all:unset;box-sizing:border-box;color:var(--text);flex-grow:1;font-size:.95rem}.order-row{background:var(--surface);border:1px solid var(--surface-border);border-radius:16px;flex-direction:column;gap:.3rem;padding:.9rem 1rem;display:flex}.order-row-top{justify-content:space-between;align-items:center;display:flex}.order-date{color:var(--text-tertiary);font-size:.8125rem}.order-items{margin:0;font-size:.875rem}.order-status{border-radius:999px;padding:.2rem .6rem;font-size:.75rem;font-weight:600}.order-status-entregado{background:var(--tint);color:var(--accent-text)}.order-status-en-camino{background:var(--notice-bg);color:var(--text)}.order-status-cancelado{background:var(--surface2);color:var(--text-tertiary)}.checkout-button{left:1rem;right:1rem;bottom:calc(1.25rem + env(safe-area-inset-bottom,0px));max-width:608px;box-shadow:0 10px 28px -10px color-mix(in srgb, var(--accent) 65%, transparent);border-radius:999px;margin:0 auto;position:fixed}