:root{--color-brand: #C0392B;--color-brand-hover: #7B241C;--color-primary: #C0392B;--color-primary-hover: #7B241C;--color-bg-dark: #0D0D0D;--color-bg-main: #181818;--color-card-bg: #222222;--color-text-dark: #FFFFFF;--color-text-muted: #888888;--color-text-light: #F8FAFC;--color-border: #2A2A2A;--color-success: #16A34A;--color-success-bg: #14532D22;--color-warning: #D97706;--color-warning-bg: #78350F22;--color-danger: #7F1D1D;--color-danger-bg: #7F1D1D22;--color-info: #1D4ED8;--color-info-bg: #1E3A8A22;--shadow-sm: 0 1px 3px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.02);--shadow-md: 0 4px 6px -1px rgba(15, 23, 42, .05), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-lg: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .08);--shadow-premium: 0 24px 64px rgba(15, 23, 42, .15);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Outfit", sans-serif}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background-color:var(--color-bg-main);color:var(--color-text-dark);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,.font-display{font-family:var(--font-display)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.anim-fade-in{animation:fadeIn .4s cubic-bezier(.16,1,.3,1) forwards}.anim-slide-in-right{animation:slideInRight .3s cubic-bezier(.16,1,.3,1) forwards}button,input,select,a{transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary{background-color:var(--color-primary);color:var(--color-text-light);border:none;font-weight:700;padding:10px 20px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:var(--shadow-sm)}.btn-primary:hover{background-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background-color:transparent;border:1px solid var(--color-border);color:var(--color-text-muted);font-weight:600;padding:10px 20px;border-radius:8px;cursor:pointer}.btn-secondary:hover{background-color:var(--color-bg-main);color:var(--color-text-dark)}.btn-accent{background-color:var(--color-brand);color:#fff;border:none;font-weight:800;padding:12px 24px;border-radius:10px;cursor:pointer}.btn-accent:hover{background-color:var(--color-brand-hover);box-shadow:0 4px 12px #f59e0b4d;transform:translateY(-1px)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-bg-main)}::-webkit-scrollbar-thumb{background:#3a3a3a;border-radius:10px}::-webkit-scrollbar-thumb:hover{background:var(--color-brand)}.input-premium{width:100%;padding:10px 14px;border:1px solid rgba(255,255,255,.22);border-radius:8px;font-size:14px;outline:none;background-color:#1a1a1a;color:#fff;transition:all .2s cubic-bezier(.4,0,.2,1)}.input-premium:focus{border-color:var(--color-primary);background-color:#222;box-shadow:0 0 0 3px #c0392b40}.input-premium::placeholder{color:#777}.tabla-premium{width:100%;border-collapse:collapse}.tabla-premium th{background-color:var(--color-bg-dark);padding:12px 16px;text-align:left;font-size:11px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.tabla-premium td{padding:12px 16px;font-size:13px;border-top:1px solid var(--color-border);transition:all .15s ease}.tabla-premium tr{transition:background-color .2s ease}.tabla-premium tr:hover{background-color:#c0392b0a!important}.tarjeta-premium{background:linear-gradient(145deg,#222,#1c1c1c);border-radius:12px;padding:20px;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);transition:all .3s cubic-bezier(.16,1,.3,1)}.tarjeta-premium:hover{border-color:#c0392b40;box-shadow:0 12px 28px #0006,0 0 15px #c0392b14;transform:translateY(-2px)}.glass-effect{background:#1a1a1aa6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08)}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.tarjeta-catalogo{animation:slideUp .6s cubic-bezier(.16,1,.3,1) both;transition:all .3s cubic-bezier(.4,0,.2,1)}.tarjeta-catalogo:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 16px 36px #000000b3,0 0 20px #c0392b40!important;border-color:#c0392b!important}.cart-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;opacity:0;visibility:hidden;transition:all .3s cubic-bezier(.16,1,.3,1)}.cart-backdrop.open{opacity:1;visibility:visible}.cart-drawer{position:fixed;top:0;right:0;bottom:0;width:400px;max-width:90%;background:var(--color-card-bg);border-left:1px solid var(--color-border);z-index:210;box-shadow:-10px 0 40px #0009;transform:translate3d(100%,0,0);transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;flex-direction:column}.cart-drawer.open{transform:translateZ(0)}.modal-backdrop-blur{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:250;display:flex;align-items:center;justify-content:center;animation:fadeInModal .25s cubic-bezier(.16,1,.3,1) both}.modal-content-zoom{background:var(--color-card-bg);border:1px solid var(--color-border);border-radius:20px;width:660px;max-width:92%;max-height:90vh;overflow-y:auto;box-shadow:0 30px 70px #000c,0 0 30px #c0392b26;position:relative;animation:zoomInModal .38s cubic-bezier(.34,1.56,.64,1) both}@keyframes fadeInModal{0%{opacity:0}to{opacity:1}}@keyframes zoomInModal{0%{opacity:0;transform:scale(.85) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}body.light-theme{--color-bg-dark: #F8FAFC;--color-bg-main: #F1F5F9;--color-card-bg: #FFFFFF;--color-text-dark: #0F172A;--color-text-muted: #64748B;--color-text-light: #1E293B;--color-border: #E2E8F0;color-scheme:light}body.light-theme .modal-backdrop-blur,body.light-theme .cart-backdrop{background:#0f172a73}.tarjeta-dashboard-clickable{cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1)}.tarjeta-dashboard-clickable:hover{transform:translateY(-4px) scale(1.02);border-color:#c0392b!important;box-shadow:0 12px 40px #c0392b26!important}.tarjeta-premium-glow{background:linear-gradient(135deg,#222,#151515);border-radius:12px;padding:20px;position:relative;overflow:hidden;border:1px solid var(--color-border);box-shadow:var(--shadow-sm);transition:all .3s cubic-bezier(.16,1,.3,1)}.tarjeta-premium-glow:before{content:"";position:absolute;top:0;left:0;width:100%;height:3px;background:linear-gradient(90deg,var(--color-brand) 0%,#E74C3C 100%);opacity:.85}.tarjeta-premium-glow:hover{border-color:#c0392b4d;box-shadow:0 14px 32px #00000073,0 0 20px #c0392b1f;transform:translateY(-3px)}.input-group-float{position:relative;margin-bottom:28px}.input-float{width:100%;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.15);padding:12px 0 8px;font-size:15px;color:#fff;transition:border-color .3s ease,box-shadow .3s ease;outline:none}.input-float:focus{border-bottom-color:var(--color-brand)}.label-float{position:absolute;top:12px;left:0;font-size:15px;color:#fff6;pointer-events:none;transition:all .3s cubic-bezier(.16,1,.3,1);transform-origin:left top}.input-float:focus~.label-float,.input-float.has-value~.label-float{transform:translateY(-22px) scale(.75);color:var(--color-brand);letter-spacing:.5px;font-weight:600}.input-float.has-value:not(:focus)~.label-float{color:#fff9}.btn-enterprise{width:100%;background:linear-gradient(135deg,var(--color-brand) 0%,#a82e21 100%);color:#fff;border:none;padding:14px;font-size:14px;font-weight:700;letter-spacing:1px;text-transform:uppercase;border-radius:4px;cursor:pointer;transition:all .3s ease;display:flex;justify-content:center;align-items:center;box-shadow:0 4px 15px #c0392b4d}.btn-enterprise:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 25px #c0392b80;background:linear-gradient(135deg,#d34031,#b83325)}.btn-enterprise:disabled{background:#333;color:#777;cursor:not-allowed;box-shadow:none}.login-bg-image{background-image:url(/media/brand_bg.png);background-size:cover;background-position:center;position:relative}.login-bg-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#0003,#0d0d0d)}@keyframes staggerFadeUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.anim-stagger-1{animation:staggerFadeUp .5s cubic-bezier(.16,1,.3,1) .05s both}.anim-stagger-2{animation:staggerFadeUp .5s cubic-bezier(.16,1,.3,1) .15s both}.anim-stagger-3{animation:staggerFadeUp .5s cubic-bezier(.16,1,.3,1) .25s both}.anim-stagger-4{animation:staggerFadeUp .5s cubic-bezier(.16,1,.3,1) .35s both}.anim-stagger-5{animation:staggerFadeUp .5s cubic-bezier(.16,1,.3,1) .45s both}.anim-stagger-6{animation:staggerFadeUp .5s cubic-bezier(.16,1,.3,1) .55s both}@keyframes floatGear{0%{transform:translateY(0) rotate(0);opacity:.06}50%{transform:translateY(-18px) rotate(180deg);opacity:.1}to{transform:translateY(0) rotate(360deg);opacity:.06}}@keyframes floatGear2{0%{transform:translateY(0) rotate(0);opacity:.04}50%{transform:translateY(14px) rotate(-120deg);opacity:.08}to{transform:translateY(0) rotate(-240deg);opacity:.04}}@keyframes floatGear3{0%{transform:translateY(0) rotate(45deg);opacity:.05}50%{transform:translateY(-22px) rotate(225deg);opacity:.09}to{transform:translateY(0) rotate(405deg);opacity:.05}}.login-gear-1{animation:floatGear 8s ease-in-out infinite}.login-gear-2{animation:floatGear2 10s ease-in-out infinite}.login-gear-3{animation:floatGear3 12s ease-in-out infinite}.pwd-strength-bar{height:3px;border-radius:4px;transition:width .4s cubic-bezier(.4,0,.2,1),background-color .3s ease}@keyframes spinnerRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-spinner{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;display:inline-block;animation:spinnerRotate .7s linear infinite;flex-shrink:0}.nav-scrolled{background:#0a0a0af7!important;border-bottom-color:#c0392b33!important;box-shadow:0 4px 30px #00000080!important}.product-card-wrapper{position:relative;overflow:hidden}.product-card-action-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000a6;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .25s cubic-bezier(.4,0,.2,1);border-radius:inherit}.product-card-wrapper:hover .product-card-action-overlay{opacity:1}.category-chip{padding:7px 16px;border-radius:20px;font-size:12px;font-weight:700;border:1px solid var(--color-border);cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);background:transparent;color:var(--color-text-muted);display:inline-flex;align-items:center;gap:5px}.category-chip:hover{border-color:var(--color-brand);color:var(--color-brand);transform:translateY(-1px)}.category-chip.active{background:var(--color-brand);border-color:var(--color-brand);color:#fff;box-shadow:0 4px 12px #c0392b59}@keyframes shimmer{0%{background-position:-400px 0}to{background-position:400px 0}}.shimmer{background:linear-gradient(90deg,#1c1c1c 25%,#2a2a2a,#1c1c1c 75%);background-size:800px 100%;animation:shimmer 1.5s infinite}@keyframes heroReveal{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hero-title-anim{animation:heroReveal .8s cubic-bezier(.16,1,.3,1) .1s both}.hero-subtitle-anim{animation:heroReveal .8s cubic-bezier(.16,1,.3,1) .25s both}.hero-cta-anim{animation:heroReveal .8s cubic-bezier(.16,1,.3,1) .4s both}@keyframes stockPulse{0%,to{box-shadow:0 0 #10b98166}50%{box-shadow:0 0 0 5px #10b98100}}.stock-pulse-dot{width:7px;height:7px;border-radius:50%;background:#10b981;animation:stockPulse 2s ease-in-out infinite;display:inline-block;flex-shrink:0}@keyframes stockPulseRed{0%,to{box-shadow:0 0 #ef444466}50%{box-shadow:0 0 0 5px #ef444400}}.stock-pulse-dot-red{width:7px;height:7px;border-radius:50%;background:#ef4444;animation:stockPulseRed 1.5s ease-in-out infinite;display:inline-block;flex-shrink:0}@keyframes scrollMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.marquee-container{overflow:hidden;white-space:nowrap;position:relative;background:#0a0a0af2;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05);padding:30px 0;display:flex}.marquee-container:before,.marquee-container:after{content:"";position:absolute;top:0;bottom:0;width:150px;z-index:2;pointer-events:none}.marquee-container:before{left:0;background:linear-gradient(to right,rgba(13,13,13,1) 0%,transparent 100%)}.marquee-container:after{right:0;background:linear-gradient(to left,rgba(13,13,13,1) 0%,transparent 100%)}.marquee-content{display:inline-flex;gap:80px;animation:scrollMarquee 35s linear infinite;padding-left:80px}.marquee-content:hover{animation-play-state:paused}.brand-logo-text{font-family:var(--font-display);font-size:28px;font-weight:900;color:#ffffff26;text-transform:uppercase;letter-spacing:2px;transition:color .3s;cursor:default}.brand-logo-text:hover{color:#fffc}.testimonial-card{background:linear-gradient(145deg,#1e1e1e99,#141414cc);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:32px;position:relative;transition:transform .3s,box-shadow .3s,border-color .3s}.testimonial-card:hover{transform:translateY(-5px);border-color:#c0392b4d;box-shadow:0 15px 40px #00000080,0 0 20px #c0392b1a}.testimonial-quote-icon{position:absolute;top:20px;right:24px;font-size:60px;color:#c0392b1a;font-family:serif;line-height:1;pointer-events:none}.social-icon-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:#ffffff0d;color:var(--color-text-muted);border:1px solid rgba(255,255,255,.1);transition:all .3s cubic-bezier(.16,1,.3,1);text-decoration:none}.social-icon-btn:hover{background:var(--color-brand);color:#fff;border-color:var(--color-brand);transform:translateY(-3px) scale(1.1);box-shadow:0 8px 20px #c0392b66}.login-container{min-height:100vh;display:flex;flex-direction:row;background-color:#050505;color:#fff;font-family:Inter,sans-serif}.login-left-panel{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:60px 80px;border-right:1px solid rgba(255,255,255,.05);position:relative;z-index:2}.login-right-panel{flex:0 0 500px;display:flex;flex-direction:column;justify-content:center;padding:60px 80px;background:#0d0d0d;position:relative;z-index:2}.login-mobile-brand{display:none;margin-bottom:40px;text-align:center;cursor:pointer}.login-footer-text{margin-top:auto;padding-top:40px;text-align:center;font-size:11px;color:#fff3;letter-spacing:.5px}.login-footer-separator-mobile{display:none}.login-footer-separator-desktop{display:inline}@media (max-width: 768px){.login-container{flex-direction:column}.login-left-panel{display:none}.login-right-panel{flex:1;padding:40px 30px;background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.login-mobile-brand,.login-footer-separator-mobile{display:block}.login-footer-separator-desktop{display:none}}