@charset "UTF-8";:root{--font-family: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--color-brand-bg: #0f172a;--color-brand-navy: #0b204d;--color-brand-mint: #2ce295;--color-brand-cyan: #78f9e9;--color-primary: #2ce295;--color-primary-hover: #24c27f;--color-primary-text: #0b204d;--color-accent: #78f9e9;--color-accent-hover: #5ce0d0;--color-bg-body: #f8fafc;--color-surface-white: #ffffff;--color-surface-card: #ffffff;--color-surface-dim: #f1f5f9;--color-surface-hover: #f8fafc;--color-text-main: #0f172a;--color-text-secondary: #475569;--color-text-muted: #64748b;--color-text-light: #94a3b8;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-border-focus: #2ce295;--color-success: #10b981;--color-warning: #f59e0b;--color-danger: #ef4444;--color-whatsapp: #25d366;--color-whatsapp-hover: #20ba5a;--radius-xs: .25rem;--radius-sm: .375rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-xs: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, .08), 0 1px 2px -1px rgba(0, 0, 0, .04);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .07), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .04);--shadow-floating: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 8px 10px -6px rgba(0, 0, 0, .05);--container-max-width: 1200px;--header-height: 4.5rem;--header-height-mobile: 4rem;--z-sticky: 100;--z-backdrop: 900;--z-modal: 1000;--z-drawer: 1100;--z-toast: 1200}.btn-storefront,.btn-whatsapp,.btn-outline,.btn-secondary,.btn-primary,.btn-brand{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-family);font-size:.9375rem;font-weight:600;line-height:1.25;padding:.625rem 1.25rem;border-radius:var(--radius-lg);border:1px solid transparent;cursor:pointer;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);-webkit-user-select:none;user-select:none;white-space:nowrap}.btn-storefront:focus-visible,.btn-whatsapp:focus-visible,.btn-outline:focus-visible,.btn-secondary:focus-visible,.btn-primary:focus-visible,.btn-brand:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.btn-storefront:disabled,.btn-whatsapp:disabled,.btn-outline:disabled,.btn-secondary:disabled,.btn-primary:disabled,.btn-brand:disabled,.btn-storefront.disabled,.disabled.btn-whatsapp,.disabled.btn-outline,.disabled.btn-secondary,.disabled.btn-primary,.disabled.btn-brand{opacity:.55;cursor:not-allowed;pointer-events:none;box-shadow:none}.btn-storefront .material-symbols-outlined,.btn-whatsapp .material-symbols-outlined,.btn-outline .material-symbols-outlined,.btn-secondary .material-symbols-outlined,.btn-primary .material-symbols-outlined,.btn-brand .material-symbols-outlined{font-size:1.25rem}.btn-primary,.btn-brand{background-color:var(--color-primary);background-image:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--color-primary-text, #ffffff);box-shadow:0 4px 14px var(--color-primary-glow, rgba(0, 0, 0, .15))}.btn-primary .material-symbols-outlined,.btn-primary svg,.btn-brand .material-symbols-outlined,.btn-brand svg{color:currentColor;fill:currentColor}.btn-primary:hover:not(:disabled),.btn-brand:hover:not(:disabled){transform:translateY(-1px);filter:brightness(.92);box-shadow:0 6px 18px var(--color-primary-glow, rgba(0, 0, 0, .22))}.btn-primary:active:not(:disabled),.btn-brand:active:not(:disabled){transform:translateY(0);box-shadow:0 2px 6px var(--color-primary-glow, rgba(0, 0, 0, .15))}.btn-secondary{background-color:var(--color-surface-dim);color:var(--color-text-main);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background-color:#e2e8f0;color:var(--color-text-main)}.btn-outline{background-color:transparent;color:var(--color-text-main);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary-hover);background-color:#2ce2950d}.btn-whatsapp{background:linear-gradient(135deg,var(--color-whatsapp) 0%,var(--color-whatsapp-hover) 100%);color:#fff;box-shadow:0 4px 14px #25d36659}.btn-whatsapp:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 6px 20px #25d36673}.btn-whatsapp .material-symbols-outlined,.btn-whatsapp svg{fill:currentColor;color:#fff}.btn-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:var(--radius-full);background-color:var(--color-surface-white);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:pointer;transition:all .2s ease}.btn-icon:hover:not(:disabled){background-color:var(--color-surface-dim);color:var(--color-text-main);border-color:#cbd5e1}.btn-icon .material-symbols-outlined{font-size:1.25rem}.btn-sm{font-size:.8125rem;padding:.375rem .75rem;border-radius:var(--radius-md)}.btn-sm .material-symbols-outlined{font-size:1.1rem}.btn-lg{font-size:1.0625rem;padding:.875rem 1.75rem;border-radius:var(--radius-xl)}.w-full{width:100%}.card-storefront,.card-product{background-color:var(--color-surface-card);border-radius:var(--radius-xl);border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all .25s cubic-bezier(.4,0,.2,1);overflow:hidden}.card-storefront.interactive:hover,.interactive.card-product:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg);border-color:#cbd5e1}.card-product{display:flex;flex-direction:column;height:100%;position:relative}.card-product .product-image-wrap{position:relative;width:100%;aspect-ratio:1/1;background-color:var(--color-surface-dim);overflow:hidden}.card-product .product-image-wrap img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}.card-product .product-image-wrap .placeholder-image{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:var(--color-text-light);background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.card-product .product-image-wrap .placeholder-image .material-symbols-outlined{font-size:3rem}.card-product:hover .product-image-wrap img{transform:scale(1.05)}.card-product .product-body{padding:1rem;display:flex;flex-direction:column;flex:1;gap:.5rem}.card-product .product-category{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.card-product .product-title{font-size:1rem;font-weight:700;color:var(--color-text-main);line-height:1.35;margin:0}.card-product .product-footer{margin-top:auto;padding-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:.5rem}.badge-stock{display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:600;padding:.2rem .6rem;border-radius:var(--radius-full);line-height:1.2}.badge-stock.in-stock{background-color:#10b9811f;color:#059669}.badge-stock.low-stock{background-color:#f59e0b1f;color:#d97706}.badge-stock.out-of-stock{background-color:#ef44441f;color:#dc2626}.badge-stock .dot{width:6px;height:6px;border-radius:var(--radius-full);background-color:currentColor}.price-display{display:flex;flex-direction:column}.price-display .price-usd{font-size:1.25rem;font-weight:800;color:var(--color-text-main);letter-spacing:-.02em;line-height:1.1}.price-display .price-usd .currency-symbol{font-size:.85em;margin-right:.1rem;color:var(--color-primary-hover)}.price-display .price-local{font-size:.8125rem;font-weight:500;color:var(--color-text-muted);margin-top:.15rem}.modal-backdrop{position:fixed;inset:0;background-color:#0f172aa6;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:1.25rem;overflow-y:auto;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:640px){.modal-backdrop{padding:0;align-items:flex-end}}.modal-dialog{background-color:var(--color-surface-white);border-radius:var(--radius-2xl);border:1px solid var(--color-border);box-shadow:var(--shadow-floating);width:100%;max-width:620px;max-height:calc(100vh - 2.5rem);display:flex;flex-direction:column;position:relative;overflow:hidden;animation:modalScaleUp .25s cubic-bezier(.16,1,.3,1) forwards}@media(max-width:640px){.modal-dialog{max-width:100%;max-height:92vh;border-radius:var(--radius-2xl) var(--radius-2xl) 0 0;border-bottom:none;animation:modalSlideUp .3s cubic-bezier(.16,1,.3,1) forwards}}.modal-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-white);position:sticky;top:0;z-index:10}.modal-header .modal-title{font-size:1.125rem;font-weight:800;color:var(--color-text-main);margin:0;letter-spacing:-.01em}.modal-close-btn{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background-color:var(--color-surface-dim);border:1px solid transparent;color:var(--color-text-secondary);cursor:pointer;transition:all .18s ease}.modal-close-btn:hover{background-color:#e2e8f0;color:var(--color-text-main)}.modal-close-btn .material-symbols-outlined{font-size:1.25rem}.modal-body{padding:1.5rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}@media(max-width:640px){.modal-body{padding:1.25rem 1rem}}.modal-footer{padding:1rem 1.5rem;border-top:1px solid var(--color-border);background-color:var(--color-surface-white);display:flex;align-items:center;justify-content:flex-end;gap:.75rem;position:sticky;bottom:0;z-index:10}@media(max-width:640px){.modal-footer{padding:.875rem 1rem}}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.96) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.drawer-backdrop{position:fixed;inset:0;background-color:#0f172a99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);z-index:var(--z-drawer);display:flex;justify-content:flex-end;animation:modalFadeIn .2s cubic-bezier(.16,1,.3,1) forwards}.drawer-panel{background-color:var(--color-surface-white);width:100%;max-width:440px;height:100%;display:flex;flex-direction:column;box-shadow:var(--shadow-floating);border-left:1px solid var(--color-border);animation:drawerSlideLeft .28s cubic-bezier(.16,1,.3,1) forwards;overflow:hidden}@media(max-width:640px){.drawer-panel{max-width:100%;border-left:none}}.drawer-header{padding:1.25rem 1.5rem;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--color-border);background-color:var(--color-surface-white);flex-shrink:0}.drawer-header .drawer-title-wrap{display:flex;align-items:center;gap:.5rem}.drawer-header .drawer-title{font-size:1.125rem;font-weight:800;color:var(--color-text-main);margin:0;letter-spacing:-.01em}.drawer-header .drawer-count-badge{font-size:.75rem;font-weight:700;padding:.2rem .55rem;border-radius:var(--radius-full);background-color:#2ce29526;color:var(--color-primary-text)}.drawer-body{padding:1.25rem 1.5rem;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch}@media(max-width:640px){.drawer-body{padding:1rem}}.drawer-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--color-border);background-color:var(--color-surface-white);display:flex;flex-direction:column;gap:1rem;flex-shrink:0}@media(max-width:640px){.drawer-footer{padding:1rem}}@keyframes drawerSlideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.container-store{width:100%;max-width:var(--container-max-width);margin-left:auto;margin-right:auto;padding-left:1.25rem;padding-right:1.25rem}@media(max-width:640px){.container-store{padding-left:1rem;padding-right:1rem}}.grid-catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem}@media(max-width:640px){.grid-catalog{grid-template-columns:repeat(2,1fr);gap:.875rem}}@media(max-width:380px){.grid-catalog{grid-template-columns:1fr}}.flex-between{display:flex;align-items:center;justify-content:space-between}.flex-center{display:inline-flex;align-items:center;justify-content:center}.flex-col{display:flex;flex-direction:column}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--color-text-muted)}.text-main{color:var(--color-text-main)}.text-mint{color:var(--color-brand-mint)}.font-bold{font-weight:700}.font-semibold{font-weight:600}.category-chips-scroll{display:flex;align-items:center;gap:.5rem;overflow-x:auto;padding-bottom:.5rem;scrollbar-width:none;-webkit-overflow-scrolling:touch}.category-chips-scroll::-webkit-scrollbar{display:none}.category-chips-scroll .chip-item{flex-shrink:0;padding:.5rem 1rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:500;background-color:var(--color-surface-white);color:var(--color-text-secondary);border:1px solid var(--color-border);cursor:pointer;transition:all .2s ease;-webkit-user-select:none;user-select:none}.category-chips-scroll .chip-item:hover{border-color:#cbd5e1;color:var(--color-text-main)}.category-chips-scroll .chip-item.active{background-color:var(--color-brand-navy);color:#fff;border-color:var(--color-brand-navy);font-weight:600}*,*:before,*:after{box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth}body{margin:0;padding:0;min-height:100vh;font-family:var(--font-family);background-color:var(--color-bg-body);color:var(--color-text-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.material-symbols-outlined{font-family:Material Symbols Outlined;font-weight:400;font-style:normal;font-size:22px;line-height:1;letter-spacing:normal;text-transform:none;display:inline-block;white-space:nowrap;word-wrap:normal;direction:ltr;-webkit-font-feature-settings:"liga";-webkit-font-smoothing:antialiased;vertical-align:middle}