:root{--primary-50: #EEF2FF;--primary-100: #DCE5FF;--primary-200: #B9CBFF;--primary-300: #8BA8FF;--primary-400: #5C7CFF;--primary-500: #3B5BDB;--primary-600: #2F4AB8;--primary-700: #233A95;--primary-800: #1A2D73;--primary-900: #111F50;--accent-50: #E6FFF9;--accent-100: #B3FFE8;--accent-200: #80FFD7;--accent-300: #4DFFC6;--accent-400: #1AFFB5;--accent-500: #00D99A;--accent-600: #00B37F;--accent-700: #008C64;--accent-800: #006649;--accent-900: #00402E;--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: #2563EB;--info-light: #DBEAFE;--tier-retail-bg: #F1F5F9;--tier-retail-text: #475569;--tier-bronze-from: #CD7F32;--tier-bronze-to: #E8B923;--tier-silver-from: #9CA3AF;--tier-silver-to: #D1D5DB;--tier-gold-from: #F59E0B;--tier-gold-to: #FCD34D;--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(59, 91, 219, .15);--shadow-accent-glow: 0 0 30px rgba(0, 217, 154, .2);--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%}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}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)}.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}.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 #3b5bdb4d}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #3b5bdb66;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 #00d99a4d}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #00d99a66;color:var(--neutral-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-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)}.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:4/3;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{transition:transform var(--transition-spring)}.card:hover .card-image img{transform:scale(1.05)}.product-card{cursor:pointer}.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}.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:#f59e0b}.color-dot-verde{background:#22c55e}.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{background:#92400e}.color-dot-turquesa{background:#14b8a6}.color-dot-beige{background:#d4b896;border-color:var(--neutral-300)}.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 #3b5bdb26}.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(--tier-retail-bg);color:var(--tier-retail-text)}.badge-bronze{background:linear-gradient(135deg,var(--tier-bronze-from),var(--tier-bronze-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(--tier-gold-from),var(--tier-gold-to));color:var(--neutral-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{background:var(--accent-500);color:var(--neutral-0)}.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 #3b5bdb1a}.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(--warning);color:var(--neutral-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(--accent-500);margin-bottom:var(--space-3);background:var(--accent-50);padding:var(--space-1) var(--space-4);border-radius:var(--radius-full)}.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 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)}.tier-row:last-child{border-bottom:none}.tier-row:hover{background:var(--primary-50)}.tier-row.active{background:var(--primary-50);border-left:4px solid var(--primary-500)}.tier-row .tier-name{font-weight:var(--font-bold)}.tier-row .tier-range{font-size:var(--text-xs);color:var(--neutral-400);margin-top:2px}.tier-row .tier-unit-price{font-weight:var(--font-extrabold);font-size:var(--text-base);color:var(--neutral-800)}.tier-row .tier-total{color:var(--neutral-500)}.tier-row .tier-save .save-tag{background:var(--accent-500);color:var(--neutral-0);padding:2px 8px;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-bold)}.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-300)}.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-200)}.caja-color-notice{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:linear-gradient(135deg,#fef3c7,#fde68a);border:1px solid #F59E0B;border-radius:var(--radius-md);font-size:var(--text-sm);color:#92400e;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-300);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 #00d99a4d}.logo-text span{color:var(--accent-500)}.logo img{max-height:42px;width:auto}.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(--primary-500);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-500);color:var(--neutral-0);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;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)}.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)}.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-400)}.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-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:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);color:var(--neutral-400);font-size:var(--text-sm);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}.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-300),var(--accent-500));-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-400)}.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(--primary-50),var(--primary-100));border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--space-5)}.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(--neutral-400)}.tier-card-bronze:before{background:linear-gradient(90deg,var(--tier-bronze-from),var(--tier-bronze-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(--tier-gold-from),var(--tier-gold-to))}.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}.gallery-main{background:var(--neutral-0);border-radius:var(--radius-xl);padding:var(--space-10);display:flex;align-items:center;justify-content:center;min-height:400px;border:1px solid var(--neutral-200);margin-bottom:var(--space-4);position:relative;overflow:hidden}.gallery-main img{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 #3b5bdb1a}.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(--neutral-0);border:2px dashed var(--primary-300);color:var(--primary-600);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}.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 #3b5bdb33}50%{box-shadow:0 0 40px #3b5bdb66}}@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}.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(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)}}@media(max-width:768px){.nav-list{display:none}.mobile-nav-toggle{display:flex}.mobile-nav{display:block}.header-main{padding:var(--space-3) 0}.logo{font-size:var(--text-xl)}.product-layout{grid-template-columns:1fr;gap:var(--space-6)}.catalog-grid{grid-template-columns:repeat(auto-fill,minmax(240px,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%}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl)}.section{padding:var(--space-12) 0}.section-header{margin-bottom:var(--space-8)}.hero{min-height:auto;padding:var(--space-12) 0}.hero h1{font-size:var(--text-3xl)}.hero-visual{display:none}.hero-stats{gap:var(--space-6)}.hero-stat-value{font-size:var(--text-2xl)}.features-grid{grid-template-columns:1fr 1fr}.tiers-grid{grid-template-columns:repeat(2,1fr)}.tiers-grid>:last-child{grid-column:span 2}.trust-grid{grid-template-columns:1fr}.product-actions{flex-direction:column}.cta-section{padding:var(--space-10) var(--space-6)}.tier-row{grid-template-columns:80px 1fr 1fr 60px;font-size:var(--text-xs);padding:var(--space-3)}.tier-row .tier-total{display:none}}@media(max-width:480px){.catalog-grid{grid-template-columns:1fr}.container{padding:0 var(--space-4)}.quick-add-grid{gap:var(--space-1)}.quick-add-btn{padding:var(--space-2) var(--space-3);font-size:11px}.features-grid{grid-template-columns:1fr}.tiers-grid{grid-template-columns:1fr 1fr}.hero-stats{flex-direction:column;gap:var(--space-4);align-items:flex-start}}@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}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/limpiaclean.css.map */