:root{--bg-primary: #0a0a0a;--bg-secondary: #141414;--bg-card: #1a1a1a;--bg-card-hover: #222222;--bg-overlay: rgba(0, 0, 0, .85);--gold: #D4AF37;--gold-light: #E8C957;--gold-dark: #B8951F;--gold-glow: rgba(212, 175, 55, .15);--gold-glow-strong: rgba(212, 175, 55, .3);--white: #F5F5F5;--white-muted: #CCCCCC;--white-dim: #888888;--danger: #E74C3C;--success: #27AE60;--whatsapp: #25D366;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 20px;--radius-xl: 28px;--shadow-card: 0 4px 20px rgba(0, 0, 0, .4);--shadow-gold: 0 0 20px rgba(212, 175, 55, .2);--font-body: "Outfit", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Playfair Display", Georgia, serif;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:var(--bg-primary);color:var(--white);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}input,select,textarea,button{font-family:var(--font-body)}.age-gate{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;flex-direction:column;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a,#0a0a0a);text-align:center;padding:30px}.age-gate:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 40%,var(--gold-glow) 0%,transparent 60%);pointer-events:none}.age-gate-logo{width:180px;height:180px;border-radius:50%;object-fit:cover;border:3px solid var(--gold);box-shadow:var(--shadow-gold),0 0 40px #d4af3726;margin-bottom:30px;animation:logoFloat 3s ease-in-out infinite;position:relative;z-index:1}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.age-gate h1{font-family:var(--font-display);font-size:2rem;color:var(--gold);margin-bottom:10px;position:relative;z-index:1}.age-gate p{font-size:1rem;color:var(--white-muted);max-width:340px;margin-bottom:35px;position:relative;z-index:1;line-height:1.7}.age-gate-btn{background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));color:#0a0a0a;border:none;padding:16px 40px;font-size:1rem;font-weight:700;border-radius:var(--radius-xl);cursor:pointer;transition:var(--transition);letter-spacing:.5px;position:relative;z-index:1;text-transform:uppercase}.age-gate-btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px #d4af3766}.age-gate-btn:active{transform:scale(.97)}.age-gate-footer{margin-top:20px;font-size:.8rem;color:var(--white-dim);position:relative;z-index:1}.app-header{background:linear-gradient(180deg,var(--bg-secondary) 0%,var(--bg-primary) 100%);padding:20px 16px 12px;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(212,175,55,.1)}.header-top{display:flex;align-items:center;gap:14px;margin-bottom:14px}.header-logo{width:50px;height:50px;border-radius:50%;object-fit:cover;border:2px solid var(--gold)}.header-text h1{font-family:var(--font-display);font-size:1.3rem;color:var(--gold);line-height:1.2}.header-text span{font-size:.75rem;color:var(--white-dim);letter-spacing:1px;text-transform:uppercase}.search-container{position:relative}.search-input{width:100%;padding:12px 16px 12px 44px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-lg);color:var(--white);font-size:.95rem;outline:none;transition:var(--transition)}.search-input::placeholder{color:var(--white-dim)}.search-input:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);font-size:1.1rem;color:var(--white-dim);pointer-events:none}.search-clear{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--white-dim);font-size:1.2rem;cursor:pointer;display:none}.search-clear.visible{display:block}.cat-nav-wrapper{position:sticky;top:115px;z-index:90;background:var(--bg-primary)}.cat-nav-arrow{display:none;position:absolute;top:0;bottom:0;align-items:center;justify-content:center;border:none;background:none;color:var(--white);cursor:pointer;width:40px;z-index:2;transition:color .15s}.cat-nav-arrow:hover{color:var(--gold)}.cat-nav-arrow:first-child{left:0}.cat-nav-arrow:last-child{right:0}@media(min-width:768px){.cat-nav-arrow{display:flex}.category-nav{padding:12px 40px;-webkit-mask-image:linear-gradient(to right,transparent 0px,black 40px,black calc(100% - 40px),transparent 100%);mask-image:linear-gradient(to right,transparent 0px,black 40px,black calc(100% - 40px),transparent 100%)}}.category-nav{display:flex;gap:8px;padding:12px 16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--bg-primary)}.category-nav::-webkit-scrollbar{display:none}.cat-tab{flex-shrink:0;padding:8px 18px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-xl);color:var(--white-muted);font-size:.85rem;font-weight:500;cursor:pointer;transition:var(--transition);white-space:nowrap}.cat-tab:hover{background:var(--bg-card-hover)}.cat-tab.active{background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#0a0a0a;font-weight:600;border-color:transparent;box-shadow:var(--shadow-gold)}.subcategory-bar{display:flex;gap:6px;padding:6px 16px 10px;overflow-x:auto;scrollbar-width:none}.subcategory-bar::-webkit-scrollbar{display:none}.sub-chip{flex-shrink:0;padding:5px 14px;background:transparent;border:1px solid rgba(212,175,55,.3);border-radius:var(--radius-xl);color:var(--gold);font-size:.78rem;cursor:pointer;transition:var(--transition)}.sub-chip.active{background:var(--gold-glow-strong);border-color:var(--gold)}.product-section{padding:10px 16px 120px}.product-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.product-card{background:var(--bg-card);border-radius:var(--radius-md);overflow:hidden;border:1px solid rgba(255,255,255,.04);transition:var(--transition);display:flex;flex-direction:column}.product-card:hover{transform:translateY(-4px) scale(1.03);border-color:#d4af3773;box-shadow:0 8px 32px #d4af3738,0 4px 16px #00000080}.product-img-wrap{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#1f1f1f,#292929);display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative;cursor:pointer}.product-img-wrap img{width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .35s ease}.product-img-wrap img.img-loaded{opacity:1}.product-emoji{font-size:3rem}.product-badge{position:absolute;top:8px;right:8px;background:var(--gold);color:#0a0a0a;font-size:.65rem;font-weight:700;padding:3px 8px;border-radius:var(--radius-sm);text-transform:uppercase}.agotado-badge{background:#e74c3c;color:#fff}.product-card.out-of-stock{opacity:.7}.product-card.out-of-stock .product-img-wrap img,.product-card.out-of-stock .product-emoji{filter:grayscale(60%)}.product-card.oferta-card{border-color:#ff5a1473;background:linear-gradient(160deg,#1e1208,#1a1a1a 55%);box-shadow:inset 0 0 24px #ff5a140f}.product-card.oferta-card:hover{border-color:#ff6e14bf;box-shadow:0 8px 32px #ff5a1440,0 4px 16px #00000080}.product-info{padding:12px;display:flex;flex-direction:column;gap:6px;flex:1}.product-name{font-size:.88rem;font-weight:600;color:var(--white);line-height:1.3}.product-sub{font-size:.72rem;color:var(--white-dim)}.product-price{font-size:1.05rem;font-weight:700;color:var(--gold)}.product-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:6px}.qty-controls{display:flex;align-items:center;gap:10px}.qty-btn{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:var(--bg-card-hover);color:var(--white);font-size:1.1rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);line-height:1}.qty-btn:hover{border-color:var(--gold);color:var(--gold)}.qty-btn.add{background:var(--gold);color:#0a0a0a;border-color:var(--gold)}.qty-btn.add:hover{background:var(--gold-light)}.qty-value{font-weight:600;font-size:.95rem;min-width:18px;text-align:center}.cart-fab{position:fixed;bottom:24px;right:20px;z-index:200;background:linear-gradient(135deg,var(--gold-dark),var(--gold));color:#0a0a0a;border:none;width:60px;height:60px;border-radius:50%;font-size:1.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 6px 25px #d4af3766;transition:var(--transition);animation:fabPulse 2s ease-in-out infinite}.cart-fab:hover{transform:scale(1.08)}.cart-fab .badge{position:absolute;top:-4px;right:-4px;background:var(--danger);color:#fff;font-size:.72rem;font-weight:700;width:22px;height:22px;border-radius:50%;display:flex;align-items:center;justify-content:center}@keyframes fabPulse{0%,to{box-shadow:0 6px 25px #d4af3766}50%{box-shadow:0 6px 35px #d4af3799}}.checkout-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;z-index:500;opacity:0;pointer-events:none;transition:opacity .3s}.checkout-overlay.open{opacity:1;pointer-events:all}.checkout-drawer{position:fixed;bottom:0;left:0;right:0;max-height:92vh;background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;z-index:600;transform:translateY(100%);transition:transform .4s cubic-bezier(.32,.72,0,1);overflow-y:auto;padding:0 0 30px}.checkout-drawer.open{transform:translateY(0)}.drawer-handle{display:flex;justify-content:center;padding:12px;position:sticky;top:0;background:var(--bg-secondary);z-index:2}.drawer-handle span{width:40px;height:4px;border-radius:4px;background:#fff3}.checkout-title{text-align:center;font-family:var(--font-display);font-size:1.4rem;color:var(--gold);margin-bottom:20px}.checkout-section{padding:0 20px;margin-bottom:24px}.checkout-section h3{font-size:.9rem;color:var(--gold);text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;display:flex;align-items:center;gap:8px}.cart-item{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid rgba(255,255,255,.05)}.cart-item-info{flex:1}.cart-item-name{font-size:.9rem;font-weight:500}.cart-item-detail{font-size:.78rem;color:var(--white-dim)}.cart-item-price{font-weight:700;color:var(--gold);font-size:.95rem}.cart-item-remove{background:none;border:none;color:var(--danger);font-size:1.2rem;cursor:pointer;margin-left:10px}.cart-total{display:flex;justify-content:space-between;padding:16px 0 4px;font-size:1.15rem;font-weight:700;color:var(--gold);border-top:2px solid var(--gold-glow-strong)}.field{margin-bottom:12px}.field label{display:block;font-size:.82rem;color:var(--white-muted);margin-bottom:5px}.field input,.field select,.field textarea{width:100%;padding:12px 14px;background:var(--bg-card);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-sm);color:var(--white);font-size:.92rem;outline:none;transition:var(--transition)}.field input:focus,.field select:focus{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-glow)}.ncf-toggle{display:flex;align-items:center;gap:12px;margin-bottom:14px}.toggle-switch{width:48px;height:26px;background:var(--bg-card);border-radius:13px;border:1px solid rgba(255,255,255,.1);position:relative;cursor:pointer;transition:var(--transition)}.toggle-switch.on{background:var(--gold);border-color:var(--gold)}.toggle-switch:after{content:"";width:20px;height:20px;background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;transition:var(--transition)}.toggle-switch.on:after{left:24px}.ncf-fields{max-height:0;overflow:hidden;transition:max-height .3s ease}.ncf-fields.visible{max-height:200px}.payment-options{display:flex;flex-direction:column;gap:10px}.payment-option{display:flex;align-items:center;gap:12px;padding:14px 16px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition)}.payment-option:hover{border-color:#d4af374d}.payment-option.selected{border-color:var(--gold);background:var(--gold-glow)}.payment-option .pay-icon{font-size:1.3rem}.payment-option .pay-label{font-size:.92rem;font-weight:500}.payment-detail{padding:12px 16px;background:var(--bg-card);border-radius:var(--radius-sm);margin-top:10px;font-size:.85rem;color:var(--white-muted);line-height:1.8;border-left:3px solid var(--gold)}.submit-whatsapp{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 40px);margin:24px 20px 0;padding:16px;background:var(--whatsapp);color:#fff;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.submit-whatsapp:hover{background:#20bd5a;transform:translateY(-2px);box-shadow:0 8px 25px #25d3664d}.submit-whatsapp:disabled{background:#555;color:#999;cursor:not-allowed;transform:none;box-shadow:none}.empty-state{text-align:center;padding:60px 20px;color:var(--white-dim)}.empty-state .emoji{font-size:3rem;margin-bottom:12px}.empty-state p{font-size:.95rem}.no-results{text-align:center;padding:50px 20px;color:var(--white-dim)}.no-results .emoji{font-size:2.5rem;margin-bottom:10px}@media(min-width:640px){.product-grid{grid-template-columns:repeat(3,1fr)}}@media(min-width:900px){.product-grid{grid-template-columns:repeat(4,1fr)}.checkout-drawer{max-width:500px;left:auto;right:0;border-radius:var(--radius-lg) 0 0 0}}.field-error{border-color:var(--danger)!important;box-shadow:0 0 0 3px #e74c3c26!important}.field-error-text{display:block;font-size:.75rem;color:var(--danger);margin-top:4px}.submit-whatsapp:disabled{opacity:.6}.product-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d1;z-index:700;display:flex;align-items:flex-end;justify-content:center;animation:overlayFadeIn .2s ease}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}.product-modal{background:var(--bg-secondary);border-radius:var(--radius-lg) var(--radius-lg) 0 0;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;padding-bottom:32px;animation:modalSlideUp .32s cubic-bezier(.32,.72,0,1);position:relative}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes toastIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.modal-close-btn{position:absolute;top:14px;right:14px;z-index:2;background:#0000008c;border:1px solid rgba(255,255,255,.12);border-radius:50%;width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:var(--white);font-size:1rem;cursor:pointer;transition:var(--transition)}.modal-close-btn:hover{background:#d4af3733;border-color:var(--gold);color:var(--gold)}.modal-img{width:100%;aspect-ratio:1;object-fit:cover;display:block;background:linear-gradient(135deg,#1f1f1f,#292929);opacity:0;transition:opacity .35s ease}.modal-img.img-loaded{opacity:1}.modal-emoji-wrap{width:100%;aspect-ratio:1;background:linear-gradient(135deg,#1f1f1f,#292929);display:flex;align-items:center;justify-content:center;font-size:5rem}.modal-body{padding:20px 20px 0}.modal-name{font-family:var(--font-display);font-size:1.35rem;color:var(--white);line-height:1.25;margin-bottom:4px}.modal-sub{font-size:.82rem;color:var(--white-dim);margin-bottom:10px;text-transform:uppercase;letter-spacing:.5px}.modal-description{font-size:.88rem;color:var(--white-muted);line-height:1.65;margin-bottom:16px;min-height:20px}.modal-price{font-size:1.6rem;font-weight:700;color:var(--gold);margin-bottom:20px}.modal-qty-row{display:flex;align-items:center;gap:18px;margin-bottom:18px}.modal-qty-row span{font-size:1.2rem;font-weight:700;min-width:28px;text-align:center}.modal-qty-btn{width:38px;height:38px;border-radius:50%;border:1px solid rgba(212,175,55,.4);background:var(--bg-card);color:var(--gold);font-size:1.3rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);line-height:1}.modal-qty-btn:hover{background:var(--gold-glow);border-color:var(--gold)}.modal-qty-btn:disabled{opacity:.35;cursor:not-allowed}.modal-add-btn{width:100%;padding:15px;background:linear-gradient(135deg,var(--gold-dark),var(--gold),var(--gold-light));color:#0a0a0a;border:none;border-radius:var(--radius-md);font-size:1rem;font-weight:700;cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.5px}.modal-add-btn:hover{transform:translateY(-2px);box-shadow:0 8px 28px #d4af3766}