:root{--primary-50: #EBF3F8;--primary-100: #D9E8F2;--primary-200: #B8D0E5;--primary-300: #8FB5D6;--primary-400: #6A9BC8;--primary-500: #4A7FB3;--primary-600: #3A6A9A;--primary-700: #2D5580;--primary-800: #214066;--primary-900: #152B4D;--accent-50: #EEF8EA;--accent-100: #DDF2D6;--accent-200: #C4EABA;--accent-300: #A8DC91;--accent-400: #8FD072;--accent-500: #6CC04A;--accent-600: #3FAE49;--accent-700: #2E9438;--accent-800: #1F7528;--accent-900: #12561A;--yellow-50: #FFFDE8;--yellow-100: #FEF9C0;--yellow-200: #FEF088;--yellow-300: #F4D21F;--yellow-400: #ECC010;--yellow-500: #D4A80A;--yellow-600: #A87F06;--yellow-700: #7C5C04;--yellow-800: #503B02;--yellow-900: #2E2101;--accent-yellow: #F4D21F;--accent-yellow-light: #FFFDE8;--accent-yellow-dark: #A87F06;--neutral-0: #FFFFFF;--neutral-50: #F8FAFC;--neutral-100: #F1F5F9;--neutral-200: #E2E8F0;--neutral-300: #CBD5E1;--neutral-400: #94A3B8;--neutral-500: #64748B;--neutral-600: #475569;--neutral-700: #334155;--neutral-800: #1E293B;--neutral-900: #0F172A;--success: #16A34A;--success-light: #DCFCE7;--warning: #F59E0B;--warning-light: #FEF3C7;--danger: #DC2626;--danger-light: #FEE2E2;--info: #4A7FB3;--info-light: #EBF3F8;--tier-retail-bg: var(--yellow-100);--tier-retail-text: var(--yellow-700);--tier-mayoreo-from: #E67E22;--tier-mayoreo-to: #F39C12;--tier-silver-from: #9CA3AF;--tier-silver-to: #D1D5DB;--tier-gold-from: var(--accent-yellow);--tier-gold-to: var(--yellow-200);--tier-platinum-from: #6366F1;--tier-platinum-to: #A78BFA;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--font-extrabold: 800;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .06);--shadow-md: 0 4px 12px rgba(15, 23, 42, .08);--shadow-lg: 0 12px 32px rgba(15, 23, 42, .12);--shadow-xl: 0 20px 48px rgba(15, 23, 42, .16);--shadow-glow: 0 0 30px rgba(74, 127, 179, .18);--shadow-accent-glow: 0 0 30px rgba(108, 192, 74, .22);--shadow-yellow-glow: 0 0 24px rgba(244, 210, 31, .35);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(255, 255, 255, .3);--glass-blur: 20px;--transition-fast: .15s ease;--transition-base: .25s ease;--transition-slow: .4s ease;--transition-spring: .4s cubic-bezier(.34, 1.56, .64, 1);--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--container-sm: 640px;--container-md: 768px;--container-lg: 1024px;--container-xl: 1200px;--container-2xl: 1400px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--font-normal);line-height:var(--leading-normal);color:var(--neutral-800);background:var(--neutral-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;-webkit-tap-highlight-color:transparent}body.nav-open,body.cart-open{overflow:hidden}img,svg,video{display:block;max-width:100%;height:auto}a{color:var(--primary-500);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-700)}button,input,select,textarea{font-family:inherit;font-size:inherit;line-height:inherit}button{cursor:pointer;border:none;background:none}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-bold);line-height:var(--leading-tight);color:var(--neutral-900)}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-4xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:var(--space-4)}p:last-child{margin-bottom:0}::selection{background:var(--primary-200);color:var(--primary-900)}:focus-visible{outline:2px solid var(--primary-500);outline-offset:2px;border-radius:var(--radius-sm)}.container{width:100%;max-width:var(--container-xl);margin:0 auto;padding:0 var(--space-5)}.container-sm{max-width:var(--container-sm)}.container-lg{max-width:var(--container-lg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.text-center{text-align:center}.text-right{text-align:right}.text-muted{color:var(--neutral-500)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-primary{color:var(--primary-500)}.text-accent{color:var(--accent-500)}.text-yellow{color:var(--accent-yellow-dark)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.font-extrabold{font-weight:var(--font-extrabold)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.relative{position:relative}.absolute{position:absolute}.w-full{width:100%}.h-full{height:100%}.overflow-hidden{overflow:hidden}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-12{margin-bottom:var(--space-12)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--neutral-100)}::-webkit-scrollbar-thumb{background:var(--neutral-300);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--neutral-400)}.rte h1,.rte h2,.rte h3,.rte h4{margin-top:var(--space-6);margin-bottom:var(--space-3)}.rte p{margin-bottom:var(--space-4)}.rte ul,.rte ol{margin-bottom:var(--space-4);padding-left:var(--space-6)}.rte ul{list-style:disc}.rte ol{list-style:decimal}.rte li{margin-bottom:var(--space-2)}.rte img{border-radius:var(--radius-lg);margin:var(--space-4) 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--text-sm);font-weight:var(--font-semibold);line-height:1;border-radius:var(--radius-md);border:2px solid transparent;cursor:pointer;transition:all var(--transition-base);white-space:nowrap;text-decoration:none;position:relative;overflow:hidden;min-height:44px}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.2),transparent);opacity:0;transition:opacity var(--transition-fast)}.btn:hover:after{opacity:1}.btn-primary{background:linear-gradient(135deg,var(--primary-500),var(--primary-600));color:var(--neutral-0);box-shadow:0 4px 14px #4a7fb34d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #4a7fb366;color:var(--neutral-0)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:linear-gradient(135deg,var(--accent-500),var(--accent-600));color:var(--neutral-0);box-shadow:0 4px 14px #6cc04a4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6cc04a66;color:var(--neutral-0)}.btn-yellow{background:var(--accent-yellow);color:var(--yellow-800);border-color:transparent;box-shadow:0 4px 14px #f4d21f59;font-weight:var(--font-bold)}.btn-yellow:hover{background:var(--yellow-400);transform:translateY(-2px);box-shadow:var(--shadow-yellow-glow);color:var(--yellow-800)}.btn-yellow:active{transform:translateY(0)}.btn-outline{background:transparent;border-color:var(--primary-500);color:var(--primary-500)}.btn-outline:hover{background:var(--primary-500);color:var(--neutral-0);transform:translateY(-2px)}.btn-outline-accent{background:transparent;border-color:var(--accent-500);color:var(--accent-600)}.btn-outline-accent:hover{background:var(--accent-500);color:var(--neutral-0)}.btn-outline-yellow{background:transparent;border-color:var(--accent-yellow);color:var(--yellow-700)}.btn-outline-yellow:hover{background:var(--accent-yellow);color:var(--yellow-800)}.btn-ghost{background:transparent;color:var(--neutral-600)}.btn-ghost:hover{background:var(--neutral-100);color:var(--neutral-800)}.btn-danger{background:var(--danger);color:var(--neutral-0)}.btn-danger:hover{background:#b91c1c;transform:translateY(-2px)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-base);border-radius:var(--radius-lg)}.btn-xl{padding:var(--space-5) var(--space-10);font-size:var(--text-lg);border-radius:var(--radius-lg)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);min-height:36px}.btn-block{width:100%}.btn-icon{width:44px;height:44px;padding:0;border-radius:var(--radius-md)}.card{background:var(--neutral-0);border-radius:var(--radius-lg);border:1px solid var(--neutral-200);overflow:hidden;transition:all var(--transition-base)}.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:transparent}.card-body{padding:var(--space-5)}.card-image{width:100%;aspect-ratio:1 / 1;background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.card-image .product-emoji{font-size:5rem;transition:transform var(--transition-spring)}.card:hover .card-image .product-emoji{transform:scale(1.1)}.card-image img{width:100%;height:100%;object-fit:contain;padding:var(--space-3);transition:transform var(--transition-spring)}.card:hover .card-image img{transform:scale(1.05)}.product-card{cursor:pointer;text-decoration:none;color:inherit;display:block}.product-card .card-category{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;color:var(--primary-500);margin-bottom:var(--space-2)}.product-card .card-title{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--neutral-800);margin-bottom:var(--space-1);line-height:var(--leading-tight)}.product-card .card-sku{font-size:var(--text-xs);color:var(--neutral-400);margin-bottom:var(--space-3)}.product-card .card-price{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--primary-600);margin-bottom:var(--space-1)}.product-card .card-price-unit{font-size:var(--text-xs);color:var(--neutral-500)}.product-card .card-variants{display:flex;gap:var(--space-1);margin-top:var(--space-3)}.color-dot{width:24px;height:24px;border-radius:var(--radius-full);border:2px solid var(--neutral-200);transition:all var(--transition-fast);cursor:pointer;display:inline-block;flex-shrink:0;background:linear-gradient(135deg,#e5e7eb,#d1d5db)}.color-dot:hover{border-color:var(--primary-500);transform:scale(1.15)}.color-dot-azul{background:#3b82f6}.color-dot-negro{background:#1e293b}.color-dot-blanco{background:#fff;border-color:var(--neutral-300)}.color-dot-rojo{background:#ef4444}.color-dot-amarillo{background:var(--accent-yellow)}.color-dot-verde{background:var(--accent-500)}.color-dot-gris{background:#9ca3af}.color-dot-rosa{background:#ec4899}.color-dot-morado{background:#8b5cf6}.color-dot-naranja{background:#f97316}.color-dot-cafe,.color-dot-marron,.color-dot-caf\e9 {background:#92400e}.color-dot-turquesa{background:#14b8a6}.color-dot-beige{background:#d4b896;border-color:var(--neutral-300)}.color-dot-aqua{background:#00bcd4}.color-dot-azul-aqua{background:#4dd0e1}.color-dot-azul-marino{background:#1e3a5f}.color-dot-lila{background:#c8a2c8}[class*=color-dot-caja]{background:linear-gradient(135deg,#94a3b8,#64748b)}.color-swatch{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:2px solid var(--neutral-200);border-radius:var(--radius-md);background:var(--neutral-0);cursor:pointer;transition:all var(--transition-fast);font-size:var(--text-sm)}.color-swatch:hover{border-color:var(--primary-400);background:var(--primary-50)}.color-swatch.active{border-color:var(--primary-500);background:var(--primary-50);box-shadow:0 0 0 2px #4a7fb326}.color-swatch .color-dot{width:20px;height:20px;pointer-events:none}.color-swatch-label{font-weight:var(--font-semibold);color:var(--neutral-700)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em;line-height:1.4}.badge-retail{background:var(--yellow-100);color:var(--yellow-700)}.badge-mayoreo{background:linear-gradient(135deg,var(--tier-mayoreo-from),var(--tier-mayoreo-to));color:var(--neutral-0)}.badge-silver{background:linear-gradient(135deg,var(--tier-silver-from),var(--tier-silver-to));color:var(--neutral-800)}.badge-gold{background:linear-gradient(135deg,var(--accent-yellow),var(--yellow-200));color:var(--yellow-800)}.badge-platinum{background:linear-gradient(135deg,var(--tier-platinum-from),var(--tier-platinum-to));color:var(--neutral-0)}.badge-stock{position:absolute;top:var(--space-3);right:var(--space-3)}.badge-success{background:var(--success-light);color:var(--success)}.badge-warning{background:var(--warning-light);color:#92400e}.badge-discount,.badge-yellow{background:var(--accent-yellow);color:var(--yellow-800)}.badge-yellow-light{background:var(--yellow-100);color:var(--yellow-700)}.badge-new{background:var(--accent-yellow);color:var(--yellow-800)}.badge-promo{background:linear-gradient(135deg,var(--accent-yellow),var(--yellow-400));color:var(--yellow-900)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--neutral-700);margin-bottom:var(--space-2)}.form-input{width:100%;padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-200);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--neutral-800);background:var(--neutral-0);transition:all var(--transition-fast)}.form-input:focus{outline:none;border-color:var(--primary-500);box-shadow:0 0 0 3px #4a7fb31a}.form-input::placeholder{color:var(--neutral-400)}.form-select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%2364748B' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-10)}.qty-group{display:inline-flex;align-items:center;border:2px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden;background:var(--neutral-0)}.qty-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);color:var(--neutral-600);background:var(--neutral-50);transition:all var(--transition-fast);border:none;cursor:pointer}.qty-btn:hover{background:var(--primary-500);color:var(--neutral-0)}.qty-input{width:80px;height:48px;border:none;text-align:center;font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--neutral-800)}.qty-input:focus{outline:none}.toast-container{position:fixed;bottom:var(--space-8);left:50%;transform:translate(-50%);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);pointer-events:none}.toast{background:var(--neutral-800);color:var(--neutral-0);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-3);font-weight:var(--font-semibold);font-size:var(--text-sm);transform:translateY(20px);opacity:0;transition:all var(--transition-base);pointer-events:auto;min-width:300px;max-width:500px}.toast.show{transform:translateY(0);opacity:1}.toast-success{background:var(--success)}.toast-error{background:var(--danger)}.toast-info{background:var(--primary-500)}.toast-warning{background:var(--accent-yellow);color:var(--yellow-800)}.section{padding:var(--space-20) 0}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{margin-bottom:var(--space-4)}.section-header p{color:var(--neutral-500);font-size:var(--text-lg);max-width:600px;margin:0 auto}.section-label{display:inline-block;font-size:var(--text-xs);font-weight:var(--font-bold);text-transform:uppercase;letter-spacing:.1em;color:var(--yellow-700);margin-bottom:var(--space-3);background:var(--yellow-100);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full);border:1px solid var(--accent-yellow)}.tier-table{background:var(--neutral-0);border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--neutral-200)}.tier-table-header{background:linear-gradient(135deg,var(--primary-500),var(--primary-700));color:var(--neutral-0);padding:var(--space-4) var(--space-5);display:flex;justify-content:space-between;align-items:center;font-weight:var(--font-semibold);font-size:var(--text-sm)}.tier-row{display:grid;grid-template-columns:100px 1fr 1fr 80px;padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--neutral-100);align-items:center;transition:all var(--transition-fast);font-size:var(--text-sm);cursor:pointer}.tier-cols-4 .tier-row{grid-template-columns:100px 1fr 1fr 80px}.tier-cols-5 .tier-row{grid-template-columns:100px 1fr 1fr 1fr 80px}.tier-cols-6 .tier-row{grid-template-columns:90px 1fr 1fr 1fr 1fr 70px}.tier-row:last-child{border-bottom:none}.tier-row.tier-header{background:var(--neutral-100);font-weight:var(--font-bold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.03em;color:var(--neutral-600);cursor:default;padding:var(--space-2) var(--space-5)}.tier-row.tier-header:hover{background:var(--neutral-100)}.tier-row:hover{background:var(--primary-50)}.tier-row.active{background:var(--primary-50);border-left:4px solid var(--primary-500)}.tier-row .tier-level{font-weight:var(--font-bold)}.tier-row .tier-range{font-size:var(--text-xs);color:var(--neutral-500)}.tier-row .tier-unit-price{font-weight:var(--font-extrabold);font-size:var(--text-base);color:var(--neutral-800)}.tier-row .tier-caja-price{font-weight:var(--font-bold);font-size:var(--text-sm);color:var(--primary-700)}.tier-row .tier-per-piece,.tier-row .tier-pack-price{font-size:var(--text-xs);color:var(--neutral-500)}.tier-row .tier-discount{font-weight:var(--font-bold);color:var(--accent-600);text-align:right}.tier-row.active .tier-discount{color:var(--accent-yellow-dark)}.quick-add-grid{display:flex;gap:var(--space-2);flex-wrap:wrap}.quick-add-btn{padding:var(--space-3) var(--space-4);border:2px solid var(--neutral-200);background:var(--neutral-0);border-radius:var(--radius-2xl);cursor:pointer;font-size:var(--text-xs);font-weight:var(--font-semibold);transition:all var(--transition-fast);text-align:center;line-height:1.3}.quick-add-btn:hover{border-color:var(--primary-500);color:var(--primary-500);background:var(--primary-50)}.quick-add-btn.active{background:var(--primary-500);color:var(--neutral-0);border-color:var(--primary-500)}.quick-add-label{font-weight:var(--font-bold);font-size:var(--text-sm)}.quick-add-desc{font-size:10px;color:var(--neutral-500);margin-top:2px}.quick-add-btn.active .quick-add-desc{color:var(--neutral-200)}.quick-add-price{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--accent-600);margin-top:2px}.quick-add-btn.active .quick-add-price{color:var(--accent-200)}.quick-add-note{font-size:9px;color:var(--primary-500);font-style:italic;margin-top:2px}.quick-add-btn.active .quick-add-note{color:var(--accent-yellow)}.caja-color-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,var(--yellow-100),var(--yellow-200));border:1px solid var(--accent-yellow);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--yellow-800);margin-bottom:var(--space-5)}.caja-color-notice strong{font-weight:var(--font-bold)}.tier-table-footnote{padding:var(--space-3) var(--space-5);font-size:var(--text-xs);color:var(--neutral-500);font-style:italic;border-top:1px solid var(--neutral-100);background:var(--neutral-50)}.skeleton{background:linear-gradient(90deg,var(--neutral-200) 25%,var(--neutral-100) 50%,var(--neutral-200) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s ease-in-out infinite;border-radius:var(--radius-md)}@keyframes skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.header{position:sticky;top:0;z-index:var(--z-sticky);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-bottom:1px solid var(--glass-border);transition:all var(--transition-base)}.header.scrolled{box-shadow:var(--shadow-md)}.header-top{background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--neutral-0);padding:var(--space-2) 0;font-size:var(--text-xs);text-align:center;font-weight:var(--font-medium)}.header-top a{color:var(--accent-yellow);font-weight:var(--font-semibold)}.header-main{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) 0;gap:var(--space-6)}.logo{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--primary-600);text-decoration:none;display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.logo-mark{width:42px;height:42px;background:linear-gradient(135deg,var(--accent-500),var(--primary-500));border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;color:var(--neutral-0);font-size:var(--text-xl);font-weight:var(--font-extrabold);box-shadow:0 4px 12px #6cc04a4d}.logo-text span{color:var(--accent-yellow)}.logo img{max-height:56px;width:auto;display:block}.logo-img{max-height:56px;width:auto;height:auto;display:block}.footer .logo-img{max-height:64px}.nav-list{display:flex;gap:var(--space-8);align-items:center}.nav-link{color:var(--neutral-600);font-weight:var(--font-medium);font-size:var(--text-sm);text-decoration:none;position:relative;padding:var(--space-1) 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--accent-yellow);transition:width var(--transition-base);border-radius:var(--radius-full)}.nav-link:hover{color:var(--primary-500)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link.active{color:var(--primary-500);font-weight:var(--font-semibold)}.header-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.cart-btn{position:relative;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);color:var(--neutral-700);font-weight:var(--font-semibold);font-size:var(--text-sm);transition:all var(--transition-fast);border:2px solid var(--neutral-200);background:var(--neutral-0);cursor:pointer}.cart-btn:hover{border-color:var(--primary-500);color:var(--primary-500)}.cart-count{background:var(--accent-yellow);color:var(--yellow-800);font-size:11px;font-weight:var(--font-bold);width:22px;height:22px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:transform var(--transition-spring)}.cart-count.bounce{animation:cart-bounce .4s var(--transition-spring)}@keyframes cart-bounce{0%,to{transform:scale(1)}50%{transform:scale(1.3)}}.mobile-nav-toggle{display:none;width:44px;height:44px;align-items:center;justify-content:center;border-radius:var(--radius-md);cursor:pointer;background:none;border:none}.hamburger{width:24px;height:18px;position:relative;display:flex;flex-direction:column;justify-content:space-between}.hamburger span{display:block;width:100%;height:2px;background:var(--neutral-700);border-radius:2px;transition:all var(--transition-base)}.mobile-nav-toggle.active .hamburger span:nth-child(1){transform:translateY(8px) rotate(45deg)}.mobile-nav-toggle.active .hamburger span:nth-child(2){opacity:0}.mobile-nav-toggle.active .hamburger span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}.mobile-nav{display:none;position:fixed;top:0;left:-100%;width:300px;height:100vh;height:100dvh;background:var(--neutral-0);z-index:var(--z-modal);padding:var(--space-8) var(--space-6);transition:left var(--transition-base);box-shadow:var(--shadow-xl);overflow-y:auto;-webkit-overflow-scrolling:touch}.mobile-nav.open{left:0}.mobile-nav .nav-link{display:block;padding:var(--space-4) 0;font-size:var(--text-lg);border-bottom:1px solid var(--neutral-100);min-height:48px;display:flex;align-items:center}.mobile-nav-close{position:absolute;top:var(--space-4);right:var(--space-4);width:44px;height:44px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);background:var(--neutral-100);border:none;cursor:pointer;font-size:var(--text-xl);color:var(--neutral-600);transition:all var(--transition-fast)}.mobile-nav-close:hover{background:var(--neutral-200);color:var(--neutral-800)}.footer{background:var(--neutral-900);color:var(--neutral-300);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-20)}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:var(--space-10);margin-bottom:var(--space-10)}.footer-brand p{color:var(--neutral-400);font-size:var(--text-sm);margin-top:var(--space-4);line-height:var(--leading-relaxed)}.footer-title{font-weight:var(--font-bold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--neutral-0);margin-bottom:var(--space-5)}.footer-links li{margin-bottom:var(--space-3)}.footer-links a{color:var(--neutral-400);font-size:var(--text-sm);transition:color var(--transition-fast)}.footer-links a:hover{color:var(--accent-yellow)}.footer-contact li{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3);font-size:var(--text-sm);color:var(--neutral-400)}.footer-bottom{border-top:1px solid var(--neutral-700);padding-top:var(--space-8);display:flex;justify-content:space-between;align-items:center;font-size:var(--text-xs);color:var(--neutral-500)}.cart-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:var(--z-overlay);opacity:0;visibility:hidden;transition:all var(--transition-base)}.cart-overlay.active{opacity:1;visibility:visible}.cart-sidebar{position:fixed;top:0;right:-480px;width:480px;height:100vh;background:var(--neutral-0);z-index:var(--z-modal);display:flex;flex-direction:column;transition:right var(--transition-base);box-shadow:var(--shadow-xl)}.cart-sidebar.open{right:0}.cart-sidebar-header{padding:var(--space-5) var(--space-6);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));color:var(--neutral-0);display:flex;justify-content:space-between;align-items:center}.cart-sidebar-header h3{font-size:var(--text-lg);color:var(--neutral-0)}.cart-close{width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--neutral-0);font-size:var(--text-xl);transition:background var(--transition-fast);cursor:pointer;background:none;border:none}.cart-close:hover{background:#fff3}.cart-items{flex:1;overflow-y:auto;padding:var(--space-5)}.cart-empty{text-align:center;padding:var(--space-16) var(--space-6);color:var(--neutral-400)}.cart-empty-icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.3}.cart-item{display:flex;gap:var(--space-4);padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--space-3);position:relative;transition:all var(--transition-fast)}.cart-item:hover{background:var(--neutral-100)}.cart-item-image{width:64px;height:64px;background:var(--neutral-0);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;overflow:hidden}.cart-item-image img{width:100%;height:100%;object-fit:cover}.cart-item-details{flex:1;min-width:0}.cart-item-name{font-weight:var(--font-bold);font-size:var(--text-sm);margin-bottom:var(--space-1)}.cart-item-meta{font-size:var(--text-xs);color:var(--neutral-500);margin-bottom:var(--space-2)}.cart-item-variant{font-size:var(--text-xs);color:var(--neutral-500);margin-bottom:var(--space-1)}.cart-item-breakdown{font-size:var(--text-xs);color:var(--primary-600);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.cart-tier-summary{padding:var(--space-4);background:linear-gradient(135deg,var(--primary-50),var(--accent-50));border-radius:var(--radius-lg);border:1px solid var(--primary-200);margin-top:var(--space-3)}.cart-tier-badge{margin-bottom:var(--space-2);display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.cart-tier-detail{font-size:var(--text-sm);color:var(--neutral-700);margin-bottom:var(--space-2)}.cart-tier-next{font-size:var(--text-xs);color:var(--primary-700);padding:var(--space-2);background:var(--neutral-0);border-radius:var(--radius-md)}.cart-tier-max{font-size:var(--text-xs);color:var(--accent-700);font-weight:var(--font-bold)}.cart-tier-compare{margin-bottom:var(--space-2)}.cart-tier-compare-row{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs)}.cart-tier-compare-arrow{text-align:center;font-size:10px;color:var(--primary-400);line-height:1;margin:1px 0}.cart-tier-level-label{font-weight:var(--font-semibold);color:var(--neutral-600);min-width:55px}.cart-tier-pct{font-size:var(--text-xs);color:var(--accent-600);font-weight:var(--font-bold)}.cart-tier-pct-next{color:var(--accent-700);background:var(--accent-100);padding:1px 6px;border-radius:var(--radius-full)}.badge-sm{font-size:10px;padding:1px 6px}.btn-tier-upgrade{display:block;width:100%;margin-top:var(--space-3);padding:var(--space-2) var(--space-4);background:linear-gradient(135deg,var(--accent-yellow),var(--yellow-400));color:var(--yellow-800);border:none;border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-bold);cursor:pointer;transition:all var(--transition-fast);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.btn-tier-upgrade:hover{background:linear-gradient(135deg,var(--yellow-400),var(--accent-yellow));transform:translateY(-1px);box-shadow:var(--shadow-yellow-glow)}.btn-tier-upgrade:active{transform:translateY(0)}.tier-upgrade-info{display:flex;flex-direction:column;gap:var(--space-2)}.tier-upgrade-current,.tier-upgrade-next{font-size:var(--text-sm);display:flex;align-items:center;gap:var(--space-2)}.tier-upgrade-current{color:var(--neutral-600)}.tier-upgrade-next{color:var(--primary-700)}.tier-upgrade-arrow{text-align:center;font-size:var(--text-xs);color:var(--accent-yellow-dark);line-height:1}.tier-upgrade-needed{font-size:var(--text-sm);color:var(--neutral-700);padding:var(--space-2) 0}.tier-upgrade-max .tier-upgrade-current{color:var(--accent-600)}.cart-page-item-wrapper{margin-bottom:var(--space-4)}.cart-page-item-wrapper .cart-item-tier-suggest{margin:var(--space-3) 0 0;padding:var(--space-3) var(--space-4)}.cart-item-tier-suggest{padding:var(--space-2) var(--space-3);margin:0 var(--space-3) var(--space-2);background:linear-gradient(135deg,var(--yellow-50),var(--yellow-100));border:1px dashed var(--accent-yellow);border-radius:var(--radius-md);display:flex;flex-direction:column;gap:var(--space-2)}.cart-item-tier-suggest-text{font-size:var(--text-xs);color:var(--yellow-700);line-height:1.4}.cart-item-tier-suggest-text .badge-xs{font-size:10px;padding:1px 5px;vertical-align:middle}.btn-item-tier-upgrade{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-bold);color:var(--yellow-800);background:linear-gradient(135deg,var(--accent-yellow),var(--yellow-400));border:none;border-radius:var(--radius-full);cursor:pointer;transition:all .2s;width:100%}.btn-item-tier-upgrade:hover{background:linear-gradient(135deg,var(--yellow-400),var(--accent-yellow));transform:translateY(-1px);box-shadow:var(--shadow-yellow-glow)}.btn-item-tier-upgrade:active{transform:translateY(0)}.cart-alt-section{display:flex;flex-direction:column;gap:var(--space-1);margin-top:var(--space-2)}.cart-alt-label{font-size:11px;font-weight:var(--font-semibold);color:var(--neutral-600)}.cart-alt-btns{display:flex;flex-wrap:wrap;gap:var(--space-1)}.btn-alt-variant{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;font-weight:var(--font-medium);color:var(--primary-700);background:var(--neutral-0);border:1px solid var(--primary-200);border-radius:var(--radius-full);cursor:pointer;transition:all .15s;white-space:nowrap}.btn-alt-variant:hover{background:var(--primary-50);border-color:var(--primary-400);transform:scale(1.03)}.btn-alt-variant:active{transform:scale(.97)}.btn-alt-size{background:var(--accent-50);border-color:var(--accent-200);color:var(--accent-700)}.btn-alt-size:hover{background:var(--accent-100);border-color:var(--accent-400)}.cart-item-more-link{display:block;font-size:11px;color:var(--primary-500);text-decoration:none;margin-top:var(--space-2);font-weight:var(--font-medium)}.cart-item-more-link:hover{color:var(--primary-700);text-decoration:underline}.quick-add-pack-price{font-size:10px;color:var(--primary-600);margin-top:1px;font-weight:var(--font-semibold)}.quick-add-btn.active .quick-add-pack-price{color:var(--primary-200)}.quick-add-total{font-size:9px;color:var(--neutral-500);margin-top:1px;font-weight:var(--font-bold)}.quick-add-btn.active .quick-add-total{color:var(--neutral-300)}.cart-item-qty-row{display:inline-flex;align-items:center;gap:0;border:1px solid var(--neutral-200);border-radius:var(--radius-md);overflow:hidden;margin-bottom:var(--space-1)}.cart-sidebar-qty-btn{width:32px;height:30px;display:flex;align-items:center;justify-content:center;font-size:var(--text-base);color:var(--neutral-600);background:var(--neutral-50);border:none;cursor:pointer;transition:all var(--transition-fast)}.cart-sidebar-qty-btn:hover{background:var(--primary-500);color:var(--neutral-0)}.cart-sidebar-qty-val{width:36px;text-align:center;font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--neutral-800);background:var(--neutral-0);line-height:30px}.cart-item-price{font-weight:var(--font-extrabold);color:var(--primary-600);font-size:var(--text-base)}.cart-item-remove{position:absolute;top:var(--space-3);right:var(--space-3);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--neutral-400);font-size:var(--text-base);transition:all var(--transition-fast);cursor:pointer;background:none;border:none}.cart-item-remove:hover{background:var(--danger);color:var(--neutral-0)}.cart-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--neutral-200);background:var(--neutral-50)}.cart-line{display:flex;justify-content:space-between;margin-bottom:var(--space-2);font-size:var(--text-sm)}.cart-line.savings{color:var(--success);font-weight:var(--font-semibold)}.cart-line.total{font-size:var(--text-xl);font-weight:var(--font-extrabold);padding-top:var(--space-3);border-top:2px solid var(--neutral-200);margin-top:var(--space-3);margin-bottom:var(--space-4)}.catalog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-6)}.catalog-grid-3{grid-template-columns:repeat(3,1fr)}.product-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);padding:var(--space-10) 0;align-items:start}.product-layout>*{min-width:0}.breadcrumb{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--neutral-400);padding:var(--space-6) 0}.breadcrumb a{color:var(--neutral-500)}.breadcrumb a:hover{color:var(--primary-500)}.breadcrumb-sep{color:var(--neutral-300)}.hero{position:relative;min-height:600px;display:flex;align-items:center;background:linear-gradient(135deg,var(--primary-800) 0%,var(--primary-600) 50%,var(--accent-700) 100%);background-size:200% 200%;animation:gradient-shift 8s ease infinite;overflow:hidden;color:var(--neutral-0)}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.03'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");pointer-events:none}.hero-content{position:relative;z-index:1;max-width:600px}.hero-label{display:inline-flex;align-items:center;gap:var(--space-2);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-6)}.hero h1{font-size:var(--text-5xl);font-weight:var(--font-extrabold);color:var(--neutral-0);margin-bottom:var(--space-6);line-height:1.1}.hero h1 .highlight{background:linear-gradient(135deg,var(--accent-yellow),var(--yellow-400));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero p{font-size:var(--text-lg);color:#fffc;margin-bottom:var(--space-8);line-height:var(--leading-relaxed)}.hero-actions{display:flex;gap:var(--space-4);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-10);margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid rgba(255,255,255,.15)}.hero-stat{text-align:center}.hero-stat-value{font-size:var(--text-3xl);font-weight:var(--font-extrabold);color:var(--accent-yellow)}.hero-stat-label{font-size:var(--text-sm);color:#fff9;margin-top:var(--space-1)}.hero-visual{position:absolute;right:-5%;top:50%;transform:translateY(-50%);width:45%;max-width:500px;opacity:.15;font-size:20rem;text-align:center;pointer-events:none}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.feature-card{text-align:center;padding:var(--space-8) var(--space-5);background:var(--neutral-0);border-radius:var(--radius-xl);border:1px solid var(--neutral-200);transition:all var(--transition-base)}.feature-card:hover{border-color:var(--primary-200);box-shadow:var(--shadow-md);transform:translateY(-4px)}.feature-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--yellow-100),var(--yellow-200));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--space-5);border:1px solid var(--accent-yellow)}.feature-card h4{margin-bottom:var(--space-3);font-size:var(--text-base)}.feature-card p{color:var(--neutral-500);font-size:var(--text-sm);line-height:var(--leading-relaxed)}.tiers-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-4)}.tier-card{text-align:center;padding:var(--space-6) var(--space-4);border-radius:var(--radius-xl);border:2px solid var(--neutral-200);transition:all var(--transition-base);position:relative;overflow:hidden}.tier-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px}.tier-card-retail:before{background:var(--accent-yellow)}.tier-card-mayoreo:before{background:linear-gradient(90deg,var(--tier-mayoreo-from),var(--tier-mayoreo-to))}.tier-card-silver:before{background:linear-gradient(90deg,var(--tier-silver-from),var(--tier-silver-to))}.tier-card-gold:before{background:linear-gradient(90deg,var(--accent-yellow),var(--yellow-200))}.tier-card-platinum:before{background:linear-gradient(90deg,var(--tier-platinum-from),var(--tier-platinum-to))}.tier-card:hover{border-color:var(--primary-300);transform:translateY(-4px);box-shadow:var(--shadow-md)}.tier-card .tier-icon{font-size:2.5rem;margin-bottom:var(--space-3)}.tier-card .tier-label{font-weight:var(--font-bold);font-size:var(--text-base);margin-bottom:var(--space-1)}.tier-card .tier-range{font-size:var(--text-xs);color:var(--neutral-500);margin-bottom:var(--space-3)}.tier-card .tier-discount{font-size:var(--text-2xl);font-weight:var(--font-extrabold);color:var(--primary-600)}.product-gallery{position:sticky;top:120px;min-width:0}.gallery-main{background:var(--neutral-0);border-radius:var(--radius-xl);padding:var(--space-6);display:flex;align-items:center;justify-content:center;aspect-ratio:1 / 1;max-height:560px;border:1px solid var(--neutral-200);margin-bottom:var(--space-4);position:relative;overflow:hidden}.gallery-main img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;transition:transform var(--transition-spring)}.gallery-main:hover img{transform:scale(1.05)}.gallery-thumbs{display:flex;gap:var(--space-3)}.gallery-thumb{width:72px;height:72px;border:2px solid var(--neutral-200);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--transition-fast);background:var(--neutral-0);overflow:hidden}.gallery-thumb:hover,.gallery-thumb.active{border-color:var(--primary-500);box-shadow:0 0 0 3px #4a7fb31a}.price-box{background:linear-gradient(135deg,var(--neutral-50),var(--neutral-100));border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6);border:1px solid var(--neutral-200)}.price-main{font-size:var(--text-4xl);font-weight:900;color:var(--primary-600);line-height:1}.price-currency{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--neutral-500);margin-left:var(--space-2)}.price-per-unit{font-size:var(--text-sm);color:var(--neutral-500);margin-top:var(--space-2)}.savings-banner{display:flex;align-items:center;gap:var(--space-3);background:var(--success-light);border:1px solid var(--success);color:var(--success);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-4);font-weight:var(--font-semibold);font-size:var(--text-sm)}.next-tier-hint{display:flex;align-items:center;gap:var(--space-3);background:var(--yellow-50);border:2px dashed var(--accent-yellow);color:var(--yellow-700);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);margin-top:var(--space-3);font-weight:var(--font-semibold);font-size:var(--text-sm)}.product-actions{display:flex;gap:var(--space-3);margin-bottom:var(--space-6)}.product-actions .btn-cart{flex:2}.product-actions .btn-quote{flex:1}.trust-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.trust-item{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-0);border-radius:var(--radius-md);border:1px solid var(--neutral-200);font-size:var(--text-xs)}.trust-item .trust-icon{font-size:1.5rem;flex-shrink:0}.trust-item strong{display:block;font-size:var(--text-sm)}.cta-section{background:linear-gradient(135deg,var(--primary-700),var(--accent-700));border-radius:var(--radius-xl);padding:var(--space-16) var(--space-10);text-align:center;color:var(--neutral-0);position:relative;overflow:hidden}.cta-section h2{color:var(--neutral-0);margin-bottom:var(--space-4)}.cta-section p{color:#fffc;font-size:var(--text-lg);margin-bottom:var(--space-8);max-width:500px;margin-left:auto;margin-right:auto}.cta-section:after{content:"";position:absolute;bottom:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--accent-yellow),var(--yellow-400),var(--accent-yellow))}.catalog-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6);gap:var(--space-4)}.catalog-count{font-size:var(--text-sm);color:var(--neutral-500)}.catalog-count strong{color:var(--neutral-800)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s ease,transform .6s ease}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-left{opacity:0;transform:translate(-40px);transition:opacity .6s ease,transform .6s ease}.reveal-left.visible{opacity:1;transform:translate(0)}.reveal-right{opacity:0;transform:translate(40px);transition:opacity .6s ease,transform .6s ease}.reveal-right.visible{opacity:1;transform:translate(0)}.reveal-scale{opacity:0;transform:scale(.9);transition:opacity .5s ease,transform .5s ease}.reveal-scale.visible{opacity:1;transform:scale(1)}.delay-1{transition-delay:.1s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.3s}.delay-4{transition-delay:.4s}.delay-5{transition-delay:.5s}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 20px #4a7fb333}50%{box-shadow:0 0 40px #4a7fb366}}@keyframes pulse-yellow{0%,to{box-shadow:0 0 16px #f4d21f33}50%{box-shadow:0 0 32px #f4d21f80}}@keyframes gradient-shift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.float{animation:float 3s ease-in-out infinite}.pulse-glow{animation:pulse-glow 2s ease-in-out infinite}.pulse-yellow{animation:pulse-yellow 2s ease-in-out infinite}.gradient-animated{background-size:200% 200%;animation:gradient-shift 6s ease infinite}.hover-lift{transition:transform var(--transition-base),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg)}.hover-scale{transition:transform var(--transition-base)}.hover-scale:hover{transform:scale(1.05)}.stagger>*{opacity:0;transform:translateY(20px);transition:opacity .4s ease,transform .4s ease}.stagger.visible>*:nth-child(1){transition-delay:.05s}.stagger.visible>*:nth-child(2){transition-delay:.1s}.stagger.visible>*:nth-child(3){transition-delay:.15s}.stagger.visible>*:nth-child(4){transition-delay:.2s}.stagger.visible>*:nth-child(5){transition-delay:.25s}.stagger.visible>*:nth-child(6){transition-delay:.3s}.stagger.visible>*:nth-child(7){transition-delay:.35s}.stagger.visible>*:nth-child(8){transition-delay:.4s}.stagger.visible>*{opacity:1;transform:translateY(0)}@media(hover:hover)and (pointer:fine){.card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:transparent}.card:hover .card-image .product-emoji{transform:scale(1.1)}.card:hover .card-image img{transform:scale(1.05)}.btn-primary:hover,.btn-secondary:hover,.btn-yellow:hover,.btn-outline:hover,.btn-danger:hover{transform:translateY(-2px)}.feature-card:hover,.tier-card:hover{transform:translateY(-4px)}.hover-lift:hover{transform:translateY(-6px)}.hover-scale:hover,.gallery-main:hover img{transform:scale(1.05)}.color-dot:hover{transform:scale(1.15)}}@media(hover:none){.card:hover,.btn:hover,.feature-card:hover,.tier-card:hover,.hover-lift:hover,.hover-scale:hover,.color-dot:hover{transform:none}}@media(max-width:1024px){.footer-grid{grid-template-columns:repeat(2,1fr)}.product-layout{gap:var(--space-8)}.features-grid{grid-template-columns:repeat(2,1fr)}.tiers-grid{grid-template-columns:repeat(3,1fr)}.catalog-grid-3{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.nav-list{display:none}.mobile-nav-toggle{display:flex}.mobile-nav{display:block}.header-main{padding:var(--space-3) 0}.header-top{font-size:11px;padding:var(--space-2) 0;line-height:1.4}.logo{font-size:var(--text-xl)}.logo-mark{width:36px;height:36px;font-size:var(--text-lg)}.product-layout{grid-template-columns:1fr;gap:var(--space-6)}.catalog-grid{grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.footer-grid{grid-template-columns:1fr;gap:var(--space-8)}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.cart-sidebar{width:100%;right:-100%}.cart-item-remove{width:44px;height:44px;font-size:var(--text-lg)}.cart-sidebar-qty-btn{width:40px;height:36px;font-size:var(--text-lg)}.cart-sidebar-qty-val{width:40px;line-height:36px}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}h3{font-size:var(--text-xl)}.section{padding:var(--space-12) 0}.section-header{margin-bottom:var(--space-8)}.section-header p{font-size:var(--text-base)}.hero{min-height:auto;padding:var(--space-12) 0}.hero h1{font-size:var(--text-3xl)}.hero p{font-size:var(--text-base)}.hero-visual{display:none}.hero-stats{gap:var(--space-6)}.hero-stat-value{font-size:var(--text-2xl)}.hero-actions{flex-direction:column}.hero-actions .btn{width:100%;justify-content:center}.features-grid{grid-template-columns:1fr 1fr}.tiers-grid{grid-template-columns:repeat(2,1fr)}.tiers-grid>:last-child{grid-column:span 2}.product-gallery{position:static}.gallery-main{min-height:300px;padding:var(--space-6)}.gallery-thumbs{overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:var(--space-2);scrollbar-width:none}.gallery-thumbs::-webkit-scrollbar{display:none}.gallery-thumb{width:60px;height:60px;flex-shrink:0}.trust-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.product-actions .btn{min-height:48px;font-size:var(--text-base)}.tier-row{font-size:var(--text-xs);padding:var(--space-3)}.tier-cols-4 .tier-row{grid-template-columns:80px 1fr 1fr 60px}.tier-cols-5 .tier-row{grid-template-columns:80px 1fr 1fr 1fr 60px}.tier-cols-6 .tier-row{grid-template-columns:80px 1fr 1fr 1fr 1fr 55px}.tier-row .tier-per-piece,.tier-row .tier-pack-price,.tier-row .tier-caja-price{font-size:10px}.cta-section{padding:var(--space-10) var(--space-6)}.catalog-toolbar{flex-direction:column;align-items:stretch;gap:var(--space-3)}.color-dot{width:32px;height:32px}.color-swatch{min-height:44px}.toast-container{left:var(--space-4);right:var(--space-4);transform:none;bottom:var(--space-4)}.toast{min-width:auto;max-width:none;width:100%}.quick-add-btn{min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center}}@media(max-width:480px){.catalog-grid{grid-template-columns:1fr}.container{padding:0 var(--space-4)}.quick-add-grid{gap:var(--space-2)}.quick-add-btn{padding:var(--space-2) var(--space-3);font-size:11px}.features-grid,.tiers-grid{grid-template-columns:1fr}.tiers-grid>:last-child{grid-column:span 1}.hero-stats{flex-direction:column;gap:var(--space-4);align-items:flex-start}.hero h1{font-size:var(--text-2xl)}.tier-cols-4 .tier-row,.tier-cols-5 .tier-row{grid-template-columns:70px 1fr 1fr 50px;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.tier-cols-5 .tier-row .tier-per-piece,.tier-cols-5 .tier-row .tier-pack-price{display:none}.tier-cols-6 .tier-row{grid-template-columns:70px 1fr 1fr 1fr 50px;gap:var(--space-1);padding:var(--space-2) var(--space-3)}.tier-cols-6 .tier-row .tier-per-piece,.tier-cols-6 .tier-row.tier-header .tier-per-piece{display:none}.tier-table-header{flex-direction:column;text-align:center;gap:var(--space-1);padding:var(--space-3)}.product-card .card-price{font-size:var(--text-xl)}.product-card .card-title{font-size:var(--text-sm)}.card-body{padding:var(--space-4)}.header-top span[style*=margin]{display:none}.cart-item-name{font-size:var(--text-sm)}.cart-item-variant,.cart-item-breakdown{font-size:11px}.cart-tier-summary{padding:var(--space-3)}.cart-tier-badge{font-size:var(--text-sm)}.cart-tier-detail,.cart-tier-next{font-size:12px}.btn-tier-upgrade{font-size:12px;padding:var(--space-2) var(--space-3)}.cart-item-tier-suggest{padding:var(--space-1) var(--space-2);margin:0 var(--space-2) var(--space-1)}.cart-item-tier-suggest-text{font-size:11px}.btn-item-tier-upgrade{font-size:11px;padding:var(--space-1) var(--space-2)}.cart-alt-label{font-size:10px}.btn-alt-variant{font-size:10px;padding:2px 6px}.cart-item-more-link{font-size:10px}.footer-grid{grid-template-columns:1fr!important}}@supports (padding: env(safe-area-inset-bottom)){.cart-footer{padding-bottom:calc(var(--space-5) + env(safe-area-inset-bottom))}.toast-container{bottom:calc(var(--space-4) + env(safe-area-inset-bottom))}.mobile-nav{padding-bottom:calc(var(--space-8) + env(safe-area-inset-bottom))}}.card-price-from{font-size:.75rem;color:var(--accent-500);font-weight:var(--font-semibold);margin-top:var(--space-1)}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--neutral-0);border-top:1px solid var(--neutral-200);z-index:250;padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0000000f}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:600;color:var(--neutral-500);text-decoration:none;background:none;border:none;cursor:pointer;position:relative;transition:color .2s;font-family:inherit;-webkit-tap-highlight-color:transparent}.bottom-nav__tab.active,.bottom-nav__tab:active{color:var(--primary-500)}.bottom-nav__tab svg{width:22px;height:22px}.bottom-nav__badge{position:absolute;top:0;right:50%;transform:translate(14px);background:var(--accent-yellow);color:var(--yellow-800);font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.lima-wa-float{display:none!important}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}@media(max-width:768px){.category-strip{display:flex;overflow-x:auto;gap:8px;padding:10px 16px;background:var(--neutral-0);border-bottom:1px solid var(--neutral-100);position:sticky;top:56px;z-index:190;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip__chip{flex-shrink:0;padding:6px 14px;border-radius:20px;background:var(--neutral-100);color:var(--neutral-700);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s;border:1px solid transparent}.category-strip__chip:active,.category-strip__chip.active{background:var(--accent-yellow);color:var(--yellow-800);border-color:var(--yellow-500)}}@media(max-width:768px){.sticky-atc{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));left:0;right:0;background:var(--neutral-0);border-top:1px solid var(--neutral-200);padding:8px 16px;z-index:240;display:flex;align-items:center;gap:12px;box-shadow:0 -2px 10px #00000014;transform:translateY(100%);transition:transform .3s ease}.sticky-atc.visible{transform:translateY(0)}.sticky-atc__info{flex:1;min-width:0}.sticky-atc__title{font-size:13px;font-weight:600;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-atc__price{font-size:15px;font-weight:700;color:var(--primary-500)}.sticky-atc__btn{flex-shrink:0;background:var(--accent-yellow);color:var(--yellow-800);border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.sticky-atc__btn:active{background:var(--yellow-400)}.template-product body{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}html,body{overflow-x:hidden!important;max-width:100vw}.toast-container{bottom:calc(70px + env(safe-area-inset-bottom,0px))}.section{overflow-x:hidden}.container{max-width:100%;overflow-x:hidden}.header-top{white-space:normal;text-align:center}.header-actions{gap:var(--space-2)}.header-actions .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.price-box{max-width:100%;overflow-x:hidden}.tier-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.section h2,.section h3{word-break:break-word;overflow-wrap:break-word}.cart-tier-discount-line{word-break:break-word}.cart-tier-discount-line .cart-line.total{font-size:var(--text-sm)}}.inv-dialog{background:var(--neutral-0);border-radius:var(--radius-xl);max-width:560px;width:100%;max-height:85vh;overflow-y:auto;padding:var(--space-6);position:relative;box-shadow:var(--shadow-xl)}.inv-title{margin-bottom:var(--space-2);color:var(--accent-yellow-dark);font-size:var(--text-lg)}.inv-tier{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--yellow-50);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4);border:1px solid var(--accent-yellow)}.inv-tier-hint{font-size:var(--text-xs);color:var(--yellow-700)}.lima-wa-float{position:fixed;bottom:24px;right:24px;display:flex;align-items:center;gap:8px;background:#25d366;color:#fff;text-decoration:none;border-radius:28px;padding:12px 20px 12px 16px;box-shadow:0 4px 16px #25d36659,0 2px 8px #00000026;z-index:999;transition:transform .2s,box-shadow .2s;font-family:inherit}.lima-wa-float:hover{transform:scale(1.05);box-shadow:0 6px 24px #25d36673,0 4px 12px #0003}.lima-wa-float svg{flex-shrink:0}.lima-wa-label{font-size:14px;font-weight:600;white-space:nowrap;line-height:1}@media(max-width:768px){.lima-wa-float{bottom:16px;right:16px;padding:10px;border-radius:50%}.lima-wa-label{display:none}}@supports (padding: env(safe-area-inset-bottom)){.lima-wa-float{bottom:calc(24px + env(safe-area-inset-bottom))}@media(max-width:768px){.lima-wa-float{bottom:calc(16px + env(safe-area-inset-bottom))}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}}.bottom-nav{display:none}@media(max-width:768px){.bottom-nav{display:flex;position:fixed;bottom:0;left:0;right:0;background:var(--neutral-0);border-top:1px solid var(--neutral-200);z-index:250;padding:6px 0;padding-bottom:calc(6px + env(safe-area-inset-bottom,0px));box-shadow:0 -2px 10px #0000000f}.bottom-nav__tab{flex:1;display:flex;flex-direction:column;align-items:center;gap:2px;padding:4px 0;font-size:10px;font-weight:600;color:var(--neutral-500);text-decoration:none;background:none;border:none;cursor:pointer;position:relative;transition:color .2s;font-family:inherit;-webkit-tap-highlight-color:transparent}.bottom-nav__tab.active,.bottom-nav__tab:active{color:var(--primary-500)}.bottom-nav__tab svg{width:22px;height:22px}.bottom-nav__badge{position:absolute;top:0;right:50%;transform:translate(14px);background:var(--accent-500);color:#fff;font-size:9px;font-weight:700;min-width:16px;height:16px;border-radius:8px;display:flex;align-items:center;justify-content:center;padding:0 4px}.lima-wa-float{display:none!important}body{padding-bottom:calc(60px + env(safe-area-inset-bottom,0px))}}.category-strip{display:none}@media(max-width:768px){.category-strip{display:flex;overflow-x:auto;gap:8px;padding:10px 16px;background:var(--neutral-0);border-bottom:1px solid var(--neutral-100);position:sticky;top:56px;z-index:190;-webkit-overflow-scrolling:touch;scrollbar-width:none}.category-strip::-webkit-scrollbar{display:none}.category-strip__chip{flex-shrink:0;padding:6px 14px;border-radius:20px;background:var(--neutral-100);color:var(--neutral-700);font-size:13px;font-weight:600;text-decoration:none;white-space:nowrap;transition:background .2s,color .2s;border:1px solid transparent}.category-strip__chip:active,.category-strip__chip.active{background:var(--primary-500);color:#fff}}@media(max-width:768px){.hero{min-height:280px;padding:var(--space-10) 0 var(--space-6)}.hero h1{font-size:1.6rem;line-height:1.3}.hero p{font-size:var(--text-sm)}.hero-stats{flex-wrap:wrap;gap:var(--space-3)}.hero-stat{min-width:auto}.hero-actions{flex-direction:column;gap:var(--space-3)}.hero-actions .btn{width:100%;justify-content:center;text-align:center}.hero-trust-line{font-size:11px!important;text-align:center}}@media(max-width:768px){.mobile-carousel{display:flex!important;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-bottom:var(--space-4);gap:var(--space-4)!important}.mobile-carousel::-webkit-scrollbar{display:none}.mobile-carousel>*{min-width:200px;flex-shrink:0;scroll-snap-align:start}}.sticky-atc{display:none}@media(max-width:768px){.sticky-atc{position:fixed;bottom:calc(60px + env(safe-area-inset-bottom,0px));left:0;right:0;background:var(--neutral-0);border-top:1px solid var(--neutral-200);padding:8px 16px;z-index:240;display:flex;align-items:center;gap:12px;box-shadow:0 -2px 10px #00000014;transform:translateY(100%);transition:transform .3s ease}.sticky-atc.visible{transform:translateY(0)}.sticky-atc__info{flex:1;min-width:0}.sticky-atc__title{font-size:13px;font-weight:600;color:var(--neutral-900);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sticky-atc__price{font-size:15px;font-weight:700;color:var(--primary-500)}.sticky-atc__btn{flex-shrink:0;background:var(--primary-500);color:#fff;border:none;padding:10px 20px;border-radius:var(--radius-md);font-size:14px;font-weight:700;cursor:pointer;font-family:inherit;transition:background .2s}.sticky-atc__btn:active{background:var(--primary-600)}.template-product body{padding-bottom:calc(110px + env(safe-area-inset-bottom,0px))}html,body{overflow-x:hidden!important;max-width:100vw}.toast-container{bottom:calc(70px + env(safe-area-inset-bottom,0px))}.section{overflow-x:hidden}.container{max-width:100%;overflow-x:hidden}.header-top{white-space:normal;text-align:center}.header-actions{gap:var(--space-2)}.header-actions .btn{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.price-box{max-width:100%;overflow-x:hidden}.tier-table{overflow-x:auto;-webkit-overflow-scrolling:touch}.section h2,.section h3{word-break:break-word;overflow-wrap:break-word}.cart-tier-discount-line{word-break:break-word}.cart-tier-discount-line .cart-line.total{font-size:var(--text-sm)}}.inv-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;z-index:500;display:flex;align-items:center;justify-content:center;padding:var(--space-4);animation:fadeIn .2s ease}.inv-dialog{background:var(--neutral-0);border-radius:var(--radius-xl);max-width:560px;width:100%;max-height:85vh;overflow-y:auto;padding:var(--space-6);position:relative;box-shadow:var(--shadow-2xl)}.inv-close{position:absolute;top:var(--space-3);right:var(--space-3);background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--neutral-400);width:36px;height:36px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full)}.inv-close:hover{background:var(--neutral-100);color:var(--neutral-700)}.inv-title{margin-bottom:var(--space-2);color:var(--warning);font-size:var(--text-lg)}.inv-subtitle{margin-bottom:var(--space-5);font-size:var(--text-sm);color:var(--neutral-600);line-height:1.5}.inv-issue{padding:var(--space-4);background:var(--neutral-50);border-radius:var(--radius-lg);margin-bottom:var(--space-4);border:1px solid var(--neutral-200)}.inv-issue-header{display:flex;gap:var(--space-3);align-items:flex-start;margin-bottom:var(--space-3)}.inv-thumb{width:56px;height:56px;border-radius:var(--radius-md);object-fit:cover;flex-shrink:0}.inv-issue-info{flex:1;min-width:0}.inv-variant-label{color:var(--neutral-500);font-size:var(--text-sm)}.inv-deficit{margin-top:var(--space-1);font-size:var(--text-sm);color:var(--danger)}.inv-alt-label{font-size:var(--text-sm);font-weight:var(--font-semibold);margin-bottom:var(--space-2);color:var(--neutral-700)}.inv-alt-grid{display:flex;flex-direction:column;gap:var(--space-2)}.inv-alt-btn{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--neutral-0);border:1px solid var(--neutral-200);border-radius:var(--radius-md);cursor:pointer;transition:all .15s;text-align:left;font-size:var(--text-sm)}.inv-alt-btn:hover{border-color:var(--primary-500);background:var(--primary-50)}.inv-alt-name{flex:1;font-weight:var(--font-medium);color:var(--neutral-800)}.inv-alt-price{font-weight:var(--font-bold);color:var(--primary-600);white-space:nowrap}.inv-alt-add{color:var(--accent-600);font-weight:var(--font-semibold);font-size:var(--text-xs);white-space:nowrap}.inv-no-alt{font-size:var(--text-sm);color:var(--neutral-400);font-style:italic}.inv-tier{display:flex;flex-direction:column;gap:var(--space-1);padding:var(--space-3) var(--space-4);background:var(--info-light);border-radius:var(--radius-md);font-size:var(--text-sm);margin-bottom:var(--space-4)}.inv-tier-hint{font-size:var(--text-xs);color:var(--neutral-500)}.inv-actions{display:flex;gap:var(--space-3)}.inv-actions .btn{flex:1}@media(max-width:480px){.inv-dialog{padding:var(--space-4);max-height:90vh}.inv-actions{flex-direction:column}.inv-alt-btn{flex-wrap:wrap;gap:var(--space-2)}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/limpiaclean.css.map */