@import "https://fonts.googleapis.com/css2?family=Outfit:wght@400;500;600;700;800&family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#fff;--bg-card:#fff;--bg-section:#fff;--text:#1a1a1a;--text-muted:#6b6560;--green:#3a6b35;--green-light:#edf4ec;--terracota:#c86d3b;--terra-light:#fbf0e9;--amber:#d97706;--amber-light:#fef3c7;--black:#1a1a1a;--border:1.5px solid #1a1a1a;--border-light:1px solid #1a1a1a1a;--radius:12px;--radius-sm:8px;--radius-lg:20px;--radius-pill:100px;--shadow-sm:0 2px 8px #1a1a1a0f;--shadow:3px 3px 0px #1a1a1a;--shadow-hover:6px 6px 0px #1a1a1a;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif;--transition:all .25s cubic-bezier(.25, .8, .25, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;width:100%;overflow-x:hidden}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;width:100%;font-size:16px;line-height:1.6;position:relative;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:700;line-height:1.2}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;font-family:var(--font-body);background:0 0;border:none;outline:none}input,select,textarea{font-family:var(--font-body);outline:none;font-size:15px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 24px}.section{padding:80px 0}.section-sm{padding:48px 0}.text-center{text-align:center}.badge{border-radius:var(--radius-pill);letter-spacing:.5px;font-size:11px;font-weight:600;font-family:var(--font-heading);text-transform:uppercase;white-space:nowrap;align-items:center;gap:4px;padding:4px 10px;display:inline-flex}.badge-hot{background:var(--terra-light);color:var(--terracota);border:1px solid var(--terracota)}.badge-new{background:var(--green-light);color:var(--green);border:1px solid var(--green)}.badge-bodega{background:var(--amber-light);color:var(--amber);border:1px solid var(--amber)}.badge-sold-out{color:#9ca3af;background:#f3f4f6;border:1px solid #d1d5db}.btn{border-radius:var(--radius-sm);font-family:var(--font-heading);border:var(--border);transition:var(--transition);white-space:nowrap;box-shadow:var(--shadow);background:var(--bg-card);color:var(--text);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:15px;font-weight:600;display:inline-flex}.btn:hover{box-shadow:var(--shadow-hover);transform:translate(-2px,-2px)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px #1a1a1a}.btn-primary{background:var(--black);color:#fff;border-color:var(--black)}.btn-secondary{background:var(--bg-card);color:var(--text);border:var(--border)}.btn-whatsapp{color:#1a1a1a;background:#25d366;border-color:#1a1a1a}.btn-ghost{color:var(--text);box-shadow:none;background:0 0;border:none;padding:8px 12px}.btn-ghost:hover{background:var(--bg-section);box-shadow:none;transform:none}.btn-sm{border-radius:6px;padding:10px 18px;font-size:13px}.btn-disabled{color:#9ca3af;cursor:not-allowed;background:#e5e7eb;border-color:#d1d5db;box-shadow:none!important;transform:none!important}.products-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.product-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius);transition:var(--transition);height:100%;box-shadow:var(--shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.product-card:hover{box-shadow:var(--shadow-hover);transform:translate(-3px,-3px)}.product-card-img-container{aspect-ratio:1;background:var(--bg-section);border-bottom:var(--border);width:100%;display:block;position:relative;overflow:hidden}.product-card-img{object-fit:cover;width:100%;height:100%;transition:var(--transition)}.product-card-img-hover{object-fit:cover;opacity:0;width:100%;height:100%;transition:var(--transition);position:absolute;top:0;left:0}.product-card:hover .product-card-img-hover{opacity:1}.product-card-info{flex-direction:column;flex-grow:1;gap:8px;padding:20px;display:flex}.product-card-badge{z-index:2;position:absolute;top:12px;left:12px}.product-card-title{color:var(--text);font-size:1.1rem;font-weight:700}.product-card-price-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;display:flex}.product-card-price{font-family:var(--font-heading);color:var(--text);font-size:1.25rem;font-weight:800}.product-card-old-price{font-family:var(--font-heading);color:var(--text-muted);font-size:1rem;font-weight:500;text-decoration:line-through}.product-card-action{margin-top:12px}.carousel-container{padding:0 48px;position:relative}.carousel-btn{background:var(--bg-card);color:var(--text);border:var(--border);width:44px;height:44px;transition:var(--transition);z-index:10;opacity:0;pointer-events:none;border-radius:50%;justify-content:center;align-items:center;font-size:1.2rem;display:flex;position:absolute;top:50%;transform:translateY(-50%);box-shadow:2px 2px #1a1a1a}.carousel-container:hover .carousel-btn{opacity:1;pointer-events:auto}.carousel-btn:hover{transform:translateY(-50%)translate(-2px,-2px);box-shadow:4px 4px #1a1a1a}.carousel-btn:disabled{cursor:default;opacity:.2!important}.carousel-btn.left{left:0}.carousel-btn.right{right:0}.carousel-viewport{margin:-6px -10px -12px;padding:12px 10px 22px;overflow:hidden}.carousel-track{align-items:stretch;gap:20px;transition:transform .5s ease-in-out;display:flex}.carousel-item{flex:0 0 calc(25% - 15px);display:flex}.video-container{border:var(--border);border-radius:var(--radius);width:100%;overflow:hidden}.video-placeholder{aspect-ratio:16/9;background:var(--bg-section);border:var(--border);border-radius:var(--radius);width:100%;color:var(--text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:24px;display:flex}.video-placeholder img{opacity:.8;width:70px;height:auto}.video-placeholder span{font-family:var(--font-heading);letter-spacing:1px;text-transform:uppercase;font-size:13px;font-weight:700}.accordion{flex-direction:column;gap:12px;width:100%;display:flex}.accordion-item{border:var(--border);border-radius:var(--radius-sm);background:var(--bg-card);overflow:hidden;box-shadow:2px 2px #1a1a1a}.accordion-trigger{width:100%;font-family:var(--font-heading);color:var(--text);cursor:pointer;transition:var(--transition);background:0 0;border:none;justify-content:space-between;align-items:center;min-height:48px;padding:16px 20px;font-size:15px;font-weight:600;display:flex}.accordion-trigger:hover{background:var(--bg-section)}.accordion-content{color:var(--text-muted);padding:0 20px 20px;font-size:14px;line-height:1.7;display:none}.accordion-item.open .accordion-content{display:block}.accordion-icon{transition:transform .25s}.accordion-item.open .accordion-icon{transform:rotate(180deg)}.tabs-list{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.tab-btn{border:var(--border);border-radius:var(--radius-pill);font-family:var(--font-heading);background:var(--bg-card);color:var(--text-muted);transition:var(--transition);cursor:pointer;touch-action:manipulation;padding:10px 20px;font-size:13px;font-weight:600}.tab-btn.active{background:var(--text);color:var(--bg-card);border-color:var(--text)}.tab-btn:hover:not(.active){background:var(--bg-section);color:var(--text)}.cart-overlay{z-index:100;opacity:0;pointer-events:none;background:#00000080;transition:opacity .3s;position:fixed;inset:0}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{background:var(--bg);border-left:var(--border);z-index:101;flex-direction:column;width:450px;max-width:100vw;transition:transform .3s cubic-bezier(.25,.8,.25,1);display:flex;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.cart-overlay.open .cart-drawer{transform:translate(0)}.cart-header{border-bottom:var(--border);background:#fff;flex-shrink:0;justify-content:space-between;align-items:center;padding:20px;display:flex}.cart-body{-webkit-overflow-scrolling:touch;flex-direction:column;flex-grow:1;gap:20px;padding:20px;display:flex;overflow-y:auto}.cart-footer{border-top:var(--border);background:#fff;flex-direction:column;flex-shrink:0;gap:12px;padding:20px;display:flex}.shipping-progress-container{background:var(--bg-section);border:var(--border);border-radius:var(--radius-pill);padding:6px;position:relative}.shipping-progress-bar{background:var(--green);border-radius:var(--radius-pill);width:0%;height:12px;transition:width .3s}.shipping-progress-text{text-align:center;margin-top:4px;font-size:12px;font-weight:600}.cart-item{border:var(--border);border-radius:var(--radius-sm);background:#fff;gap:12px;padding:12px;display:flex;position:relative;box-shadow:2px 2px #1a1a1a}.cart-item-img{object-fit:cover;border:1px solid #1a1a1a;border-radius:4px;flex-shrink:0;width:70px;height:70px}.cart-item-info{flex-direction:column;flex-grow:1;justify-content:space-between;min-width:0;display:flex}.cart-item-name{word-break:break-word;font-size:14px;font-weight:700}.cart-item-variant{color:var(--text-muted);font-size:11px}.cart-item-price{font-family:var(--font-heading);font-size:15px;font-weight:700}.cart-item-qty{border:var(--border);border-radius:4px;align-items:center;width:fit-content;display:flex;overflow:hidden}.cart-item-qty-btn{background:var(--bg-section);cursor:pointer;touch-action:manipulation;justify-content:center;align-items:center;width:30px;height:30px;font-weight:700;display:flex}.cart-item-qty-val{text-align:center;width:32px;font-size:13px;font-weight:600}.cart-item-remove{color:var(--text-muted);cursor:pointer;padding:4px;font-size:18px;position:absolute;top:12px;right:12px}.bank-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);flex-direction:column;gap:12px;padding:20px;display:flex}.bank-field{background:var(--bg-section);border-radius:var(--radius-sm);border:1px solid #1a1a1a1a;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;display:flex}.bank-label{color:var(--text-muted);text-transform:uppercase;font-size:11px;font-weight:600}.bank-value{word-break:break-all;font-size:14px;font-weight:700}.copy-btn{border:1px solid var(--text);background:var(--bg-card);cursor:pointer;transition:var(--transition);touch-action:manipulation;border-radius:4px;padding:6px 10px;font-size:11px;font-weight:700}.copy-btn:hover{background:var(--text);color:var(--bg-card)}.toast-container{z-index:200;flex-direction:column;gap:8px;max-width:calc(100vw - 48px);display:flex;position:fixed;bottom:24px;right:24px}.toast{background:var(--text);color:var(--bg);border:var(--border);border-radius:var(--radius-sm);box-shadow:4px 4px 0px var(--green);align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;animation:.3s forwards slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.combo-builder-container{background:var(--bg-card);border:var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:40px}.combo-steps{grid-template-columns:repeat(3,1fr);gap:20px;margin:30px 0;display:grid}.combo-step-card{border:var(--border);border-radius:var(--radius);background:var(--bg);cursor:pointer;transition:var(--transition);padding:24px;position:relative;box-shadow:2px 2px #1a1a1a}.combo-step-card.active{border-color:var(--green);background:var(--green-light);box-shadow:4px 4px 0px var(--green)}.combo-step-number{background:var(--text);color:#fff;width:28px;height:28px;font-family:var(--font-heading);border:1.5px solid #000;border-radius:50%;justify-content:center;align-items:center;font-weight:700;display:flex;position:absolute;top:-12px;left:16px}.combo-step-title{text-align:center;margin-bottom:8px;font-size:1.1rem;font-weight:700}.admin-container,.admin-layout{background:var(--bg-section);width:100%;min-height:100vh;display:flex}.admin-sidebar{background:var(--bg-card);border-right:var(--border);flex-direction:column;flex-shrink:0;gap:32px;width:260px;padding:30px 20px;display:flex}.admin-logo{border-bottom:var(--border-light);justify-content:center;align-items:center;padding-bottom:12px;display:flex}.admin-logo img{height:40px}.admin-menu{flex-direction:column;gap:12px;display:flex}.admin-menu-section{flex-direction:column;gap:4px;display:flex}.admin-menu-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:4px 8px;font-size:11px;font-weight:700}.admin-menu-item{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition);align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;display:flex}.admin-menu-item:hover,.admin-menu-item.active{background:var(--bg-section);color:var(--green);border-left:3px solid var(--green)}.admin-content{flex-grow:1;min-width:0;padding:40px;overflow-y:auto}.admin-header{justify-content:space-between;align-items:center;margin-bottom:30px;display:flex}.admin-card{background:var(--bg-card);border:var(--border);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:24px;padding:24px}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{font-size:13px;font-weight:700}.form-input{border:var(--border);border-radius:var(--radius-sm);background:var(--bg-card);transition:var(--transition);padding:12px 16px;font-size:15px}.form-input:focus{border-color:var(--green);box-shadow:2px 2px 0px var(--green)}.trust-bar{border-top:var(--border);border-bottom:var(--border);background:var(--bg-card);padding:24px 0}.trust-grid{grid-template-columns:repeat(4,1fr);gap:24px;display:grid}.trust-item{align-items:center;gap:16px;display:flex}.trust-icon{flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.trust-title{font-family:var(--font-heading);font-size:15px;font-weight:700;line-height:1.2}.trust-desc{color:var(--text-muted);font-size:13px;line-height:1.3}@media (width<=1024px){.products-grid{grid-template-columns:repeat(3,1fr);gap:16px}.carousel-item{flex:0 0 calc(33.333% - 13.33px)}.admin-content{padding:24px}}@media (width<=768px){.container{padding:0 16px}.section{padding:44px 0}.section-sm{padding:32px 0}h1{font-size:clamp(1.8rem,6vw,2.4rem)!important}h2{font-size:clamp(1.5rem,5vw,2rem)!important}h3{font-size:clamp(1.2rem,4vw,1.5rem)!important}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}.product-card-info{gap:6px!important;padding:12px!important}.product-card-title{font-size:.95rem!important}.product-card-price{font-size:1.1rem!important}.product-card-old-price{font-size:.85rem!important}.product-card-badge{top:8px!important;left:8px!important}.badge{padding:2px 7px!important;font-size:9.5px!important}.carousel-container{padding:0!important}.carousel-btn{display:none!important}.carousel-viewport{scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;margin:-6px -8px -12px!important;padding:12px 8px 22px!important;overflow-x:auto!important}.carousel-viewport::-webkit-scrollbar{display:none}.carousel-track{gap:12px!important;transform:none!important}.carousel-item{scroll-snap-align:start;flex:0 0 calc(68% - 6px)!important}.tabs-list{scrollbar-width:none;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;margin-bottom:16px;padding-bottom:6px;overflow-x:auto}.tabs-list::-webkit-scrollbar{display:none}.tab-btn{flex-shrink:0;padding:8px 16px;font-size:12.5px}.trust-bar{padding:20px 0}.trust-grid{grid-template-columns:repeat(2,1fr)!important;gap:14px!important}.trust-icon{width:38px;height:38px}.trust-title{font-size:13.5px}.trust-desc{font-size:11.5px}.combo-builder-container{padding:20px}.combo-steps{grid-template-columns:1fr!important;gap:16px!important}.admin-container,.admin-layout{flex-direction:column!important}.admin-sidebar{border-right:none!important;border-bottom:var(--border)!important;gap:16px!important;width:100%!important;height:auto!important;padding:16px!important}.admin-content{width:100%!important;padding:16px!important}.admin-header{flex-direction:column;align-items:flex-start;gap:12px}.form-grid-two{grid-template-columns:1fr!important;gap:16px!important}.cart-drawer{width:100%!important}.cart-body{gap:14px;padding:16px}.cart-footer{padding:16px}.toast-container{bottom:16px;left:16px;right:16px}.toast{justify-content:center;width:100%;padding:10px 16px;font-size:13px}}@media (width<=480px){.container{padding:0 12px}.products-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}.carousel-item{flex:0 0 calc(78% - 6px)!important}.btn{padding:12px 20px;font-size:14px}.btn-sm{padding:8px 14px;font-size:12px}.trust-grid{grid-template-columns:1fr!important;gap:12px!important}}
