@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@600;700&display=swap");:root{--bg-body:#f4f6f8;--bg-card:#fff;--bg-header:#fff;--brand-primary:#1e1e1e;--brand-accent:#e53935;--brand-success:#00a650;--text-main:#1a1a1a;--text-muted:#666;--text-light:#a0a0a0;--border-color:#eaeaea;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--shadow-sm:0 2px 8px rgba(0,0,0,.04);--shadow-md:0 4px 16px rgba(0,0,0,.08);--shadow-lg:0 8px 32px rgba(0,0,0,.12);--header-height:140px;--font-sans:"Inter",system-ui,-apple-system,sans-serif;--font-display:"Space Grotesk",system-ui,sans-serif}*{box-sizing:border-box;margin:0;padding:0}body,html{background-color:var(--bg-body);color:var(--text-main);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;scroll-behavior:smooth}a{text-decoration:none;color:inherit}button{font-family:inherit;border:none;background:none;cursor:pointer}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 16px}.header-container{position:-webkit-sticky;position:sticky;top:0;z-index:100;background-color:var(--bg-header);box-shadow:var(--shadow-sm)}.navbar{display:flex;flex-direction:column}.nav-inner{justify-content:space-between;padding-top:16px;padding-bottom:12px}.brand-wrapper,.nav-inner{display:flex;align-items:center}.brand-wrapper{gap:12px}.brand-logo{width:44px;height:44px;border-radius:var(--radius-sm);object-fit:cover}.brand-text{display:flex;flex-direction:column}.brand-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--brand-primary);line-height:1.1}.brand-subtitle{font-size:.75rem;color:var(--text-muted)}.whatsapp-btn-header{display:flex;align-items:center;gap:6px;background-color:var(--brand-success);color:#fff;padding:8px 14px;border-radius:99px;font-weight:600;font-size:.875rem;transition:opacity .2s}.whatsapp-btn-header:hover{opacity:.9}.search-container{padding-bottom:12px}.search-box{display:flex;align-items:center;background-color:var(--bg-body);border-radius:var(--radius-sm);padding:0 12px;height:44px;border:1px solid transparent;transition:border-color .2s}.search-box:focus-within{border-color:var(--brand-primary);background-color:var(--bg-card)}.search-icon{color:var(--text-muted);width:20px;height:20px;margin-right:8px}.search-box input{flex:1 1;border:none;background:transparent;outline:none;font-size:.95rem;color:var(--text-main);width:100%}.categories-nav{border-top:1px solid var(--border-color);background-color:var(--bg-header)}.categories-scroll{display:flex;gap:8px;overflow-x:auto;padding:12px 16px;scrollbar-width:none;-ms-overflow-style:none}.categories-scroll::-webkit-scrollbar{display:none}.category-pill{white-space:nowrap;padding:6px 14px;border-radius:99px;background-color:var(--bg-body);color:var(--text-muted);font-size:.875rem;font-weight:600;transition:all .2s}.category-pill.active{background-color:var(--brand-primary);color:#fff}.main-content{padding-top:24px;padding-bottom:120px}.welcome-banner{background-color:#e8f5e9;color:#1b5e20;padding:12px 16px;border-radius:var(--radius-sm);font-size:.9rem;margin-bottom:32px;text-align:center}.category-section{margin-bottom:48px;scroll-margin-top:calc(var(--header-height) + 20px)}.category-title{font-family:var(--font-display);font-size:1.5rem;color:var(--brand-primary);margin-bottom:20px}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:16px;gap:16px}@media (min-width:640px){.products-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;align-items:stretch}}.card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-color);display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s;height:100%}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card-image-box{position:relative;width:100%;background-color:#f8f8f8;display:flex;align-items:center;justify-content:center;overflow:hidden}.card-image{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.card-image-placeholder{color:var(--border-color)}.badge-oferta{left:8px;background-color:var(--brand-accent);font-size:.7rem}.badge-oferta,.badge-sinstock{position:absolute;top:8px;color:#fff;font-weight:700;padding:4px 8px;border-radius:4px;text-transform:uppercase;z-index:2}.badge-sinstock{right:8px;background-color:#b00020;font-size:.8rem}.card.no-stock{opacity:.55}.card.no-stock .add-btn{background-color:#bdbdbd;cursor:not-allowed}.card.no-stock .stepper button{cursor:not-allowed}.offer-minimum{display:inline-block;margin-top:6px;background:#f1f3f4;color:var(--text-muted);padding:4px 8px;border-radius:6px;font-size:.8rem;font-weight:600}.card-content{padding:12px;display:flex;flex-direction:column;flex:1 1}.card-header{margin-bottom:12px}.card-title{font-size:.95rem;font-weight:600;line-height:1.3;margin-bottom:4px;color:var(--brand-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-desc{font-size:.8rem;color:var(--text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.card-pricing{margin-top:auto;margin-bottom:16px;display:flex;flex-direction:column}.price-old{font-size:.8rem;color:var(--text-light);text-decoration:line-through}.price-current{font-size:1.1rem;font-weight:700;color:var(--brand-primary)}.price-current.highlight{color:var(--brand-accent)}.card-actions{display:flex;flex-direction:column;gap:8px}.stepper{justify-content:space-between;border:1px solid var(--border-color);border-radius:var(--radius-sm);height:36px;overflow:hidden}.stepper,.stepper button{display:flex;align-items:center}.stepper button{width:36px;height:100%;background:var(--bg-body);color:var(--brand-primary);font-size:1.2rem;font-weight:500;justify-content:center}.stepper button:disabled{color:var(--text-light);cursor:not-allowed}.stepper-value{font-weight:600;font-size:.9rem;display:flex;align-items:baseline;gap:2px}.stepper-value small{font-size:.7rem;color:var(--text-muted)}.add-btn{background-color:var(--brand-primary);color:#fff;width:100%;height:36px;border-radius:var(--radius-sm);font-weight:600;font-size:.9rem;transition:background-color .2s}.add-btn:active{transform:scale(.98)}.floating-cart-btn{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background-color:var(--brand-success);color:#fff;padding:12px 24px;border-radius:99px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 24px rgba(0,166,80,.4);z-index:90;transition:transform .2s;width:90%;max-width:400px}.floating-cart-btn:active{transform:translateX(-50%) scale(.96)}.cart-badge{background-color:#fff;color:var(--brand-success);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.85rem}.cart-text{flex:1 1;text-align:left;font-weight:600;font-size:1rem}.cart-total-float{font-weight:800;font-size:1.1rem}.drawer-overlay{position:fixed;inset:0;background-color:rgba(0,0,0,.5);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:200;opacity:0;pointer-events:none;transition:opacity .3s ease}.drawer-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:420px;background-color:var(--bg-card);z-index:210;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .3s cubic-bezier(.16,1,.3,1);box-shadow:-8px 0 24px rgba(0,0,0,.1)}.cart-drawer.open{transform:translateX(0)}.drawer-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--border-color)}.drawer-header h2{font-family:var(--font-display);font-size:1.25rem;margin:0}.close-btn{color:var(--text-muted);padding:4px}.drawer-body{flex:1 1;overflow-y:auto;padding:24px}.empty-cart{align-items:center;justify-content:center;height:100%;color:var(--text-light);gap:16px}.cart-items-list,.empty-cart{display:flex;flex-direction:column}.cart-items-list{gap:20px}.cart-item{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:16px;border-bottom:1px dashed var(--border-color)}.item-details h4{font-size:.95rem;margin-bottom:4px;color:var(--brand-primary)}.item-qty{font-size:.85rem;color:var(--text-muted);background:var(--bg-body);padding:2px 8px;border-radius:4px}.item-price-action{display:flex;flex-direction:column;align-items:flex-end;gap:8px}.item-price{font-weight:700;font-size:1rem}.remove-btn{color:var(--brand-accent);display:flex;align-items:center;padding:4px}.drawer-footer{border-top:1px solid var(--border-color);padding:20px 24px;background-color:var(--bg-card)}.zone-selector{margin-bottom:16px}.zone-selector label{display:block;font-size:.85rem;color:var(--text-muted);margin-bottom:6px}.select-wrapper select{width:100%;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--border-color);font-family:inherit;font-size:.95rem;background-color:var(--bg-body);outline:none}.delivery-method{margin-bottom:12px}.delivery-method>label{display:block;font-size:.95rem;font-weight:700;color:var(--text-main);margin-bottom:8px}.delivery-options{display:flex;flex-direction:column;gap:8px}.delivery-option{display:block;padding:10px 12px;background:#f5f6f7;color:var(--text-muted);border-radius:10px;font-size:.95rem;border:1px solid rgba(0,0,0,.04)}.delivery-option input[type=radio]{margin-right:10px;transform:translateY(-1px)}.cart-summary{display:flex;justify-content:space-between;align-items:center;margin:18px 0 12px;padding:8px 0;font-size:1.05rem;border-top:1px solid rgba(0,0,0,.04)}.cart-summary strong{font-size:1.4rem;color:var(--brand-primary);padding-left:8px}.checkout-btn{width:100%;background-color:var(--brand-success);color:#fff;padding:16px;border-radius:var(--radius-sm);font-size:1rem;font-weight:700;display:flex;justify-content:center;align-items:center;gap:12px;transition:opacity .2s}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}.footer{background-color:var(--brand-primary);color:#fff;padding:40px 0}.footer-content{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}@media (min-width:640px){.footer-content{grid-template-columns:repeat(2,1fr)}}.footer-col h3{font-family:var(--font-display);font-size:1.1rem;margin-bottom:12px}.footer-col p{color:#a0a0a0;font-size:.9rem;line-height:1.5}.footer-col a{color:#fff;text-decoration:underline}.state-message{text-align:center;padding:40px 20px;color:var(--text-muted);display:flex;flex-direction:column;align-items:center;gap:16px}.state-message.error{color:var(--brand-accent)}.loader{width:32px;height:32px;border:3px solid var(--border-color);border-bottom-color:var(--brand-primary);border-radius:50%}.loader,.loader-small{display:inline-block;animation:rotation 1s linear infinite}.loader-small{width:20px;height:20px;border:2px solid hsla(0,0%,100%,.3);border-bottom-color:#fff;border-radius:50%}@keyframes rotation{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@media (max-width:480px){.whatsapp-btn-header span{display:none}}