.whatsapp-widget{position:fixed;bottom:25px;right:25px;z-index:9999;animation:slideInUp .5s ease-out}.whatsapp-button{display:flex;align-items:center;justify-content:center;width:60px;height:60px;background:linear-gradient(135deg,#25d366,#128c7e);border-radius:50%;box-shadow:0 4px 12px rgba(37,211,102,.4);cursor:pointer;transition:all .3s ease;text-decoration:none;position:relative;animation:pulse 2s infinite}.whatsapp-button:hover{transform:scale(1.1);box-shadow:0 6px 20px rgba(37,211,102,.6)}.whatsapp-button:active{transform:scale(.95)}.whatsapp-icon{width:35px;height:35px;color:#fff}.whatsapp-tooltip{position:absolute;right:70px;background:#fff;color:#333;padding:12px 18px;border-radius:12px;font-size:14px;font-weight:600;white-space:nowrap;box-shadow:0 4px 12px rgba(0,0,0,.15);animation:fadeInRight .3s ease-out}.whatsapp-tooltip:after{content:"";position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0;height:0;border-left:8px solid #fff;border-top:8px solid transparent;border-bottom:8px solid transparent}@keyframes slideInUp{0%{opacity:0;transform:translateY(50px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInRight{0%{opacity:0;transform:translateX(-10px)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.whatsapp-widget{bottom:20px;right:20px}.whatsapp-button{width:55px;height:55px}.whatsapp-icon{width:30px;height:30px}.whatsapp-tooltip{right:65px;padding:10px 15px;font-size:13px}}@media (max-width:480px){.whatsapp-widget{bottom:15px;right:15px}.whatsapp-button{width:50px;height:50px}.whatsapp-icon{width:28px;height:28px}.whatsapp-tooltip{display:none}}.whatsapp-widget{pointer-events:auto}*{transition:background-color .3s ease,color .3s ease}body{background-color:#f8f9fa;color:#2c3e50}#app.dark-mode,body.dark-mode{background-color:#1a1a1a;color:#ecf0f1}.header{font-family:Roboto,sans-serif;color:#222;background-color:#fff;box-shadow:0 2px 6px rgba(0,0,0,.08)}.main-header{display:flex;justify-content:space-between;align-items:center;padding:10px 32px}.logo img{width:81px;height:auto;border-radius:4px}.search-bar{position:relative;flex:1;max-width:500px;margin:0 27px;display:flex;align-items:stretch}.search-bar input{flex:1;padding:7px 11px;border:1px solid #ddd;border-right:none;border-radius:999px 0 0 999px;outline:none;font-size:11px;background-color:#f8f9fa;transition:border-color .2s,box-shadow .2s,background-color .2s}.search-bar input:focus{background-color:#fff;border-color:#ff6000;box-shadow:0 0 0 2px rgba(255,168,38,.422)}.search-bar button{background:linear-gradient(90deg,#ffa726,#fb8c00);color:#fff;padding:0 13px;border:none;border-radius:0 999px 999px 0;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:13px;transition:transform .2s,box-shadow .2s,background .2s}.search-bar button:hover{transform:scale(1.15);box-shadow:0 2px 6px rgba(0,0,0,.25)}.search-bar button .search-icon{width:38px;height:38px;-o-object-fit:contain;object-fit:contain}.sugerencias-container{position:absolute;top:100%;left:0;width:100%;max-height:240px;overflow-y:auto;background:#fff;border:1px solid #e0e0e0;border-top:none;border-radius:0 0 9px 9px;box-shadow:0 6px 12px rgba(0,0,0,.15);z-index:1000}.sugerencia-item{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;cursor:pointer;transition:background .15s}.sugerencia-item:hover{background:#f5f5f5}.sugerencia-nombre{font-size:11px}.sugerencia-precio{font-size:10px;font-weight:600;color:#e67e22}.user-actions{display:flex;gap:8px;align-items:center}.action-button,.admin-button,.carrito-button,.pedidos-button,.perfil-button,.tecnicos-button{height:32px;min-width:auto;padding:0 12px;display:inline-flex;align-items:center;justify-content:center;gap:6px;font-size:13px;font-weight:600;border-radius:6px;cursor:pointer;white-space:nowrap;position:relative;background:transparent!important;color:#ff6000!important;border:1.5px solid #ff6000!important;transition:all .2s ease}.carrito-button{min-width:40px;padding:0 10px}.carrito-button .carrito-icon{width:18px;height:18px;stroke:#ff6000;transition:all .2s ease}.carrito-badge{position:absolute;top:-6px;right:-6px;background:linear-gradient(135deg,#ff6000,#ff8000);color:#fff;border-radius:50%;width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:700;box-shadow:0 2px 4px rgba(255,96,0,.3)}.action-button:hover,.admin-button:hover,.carrito-button:hover,.pedidos-button:hover,.perfil-button:hover,.tecnicos-button:hover{background:#ff6000!important;color:#fff!important;border-color:#ff6000!important;transform:translateY(-1px);box-shadow:0 4px 12px rgba(255,96,0,.25)}.carrito-button:hover .carrito-icon{stroke:#fff}.main-menu{background-color:#fff;border-top:1px solid rgba(0,0,0,.04);border-bottom:2px solid #ff8000;padding:12px 0}.main-menu ul{display:flex;justify-content:center;gap:45px;margin:0;padding:0;list-style:none}.main-menu a{color:#444;text-decoration:none;font-size:12px;font-weight:600;padding:5px 8px;border-bottom:3px solid transparent;transition:all .3s ease;letter-spacing:.5px}.main-menu a:hover{transform:translateY(-2.5px)}.main-menu a.router-link-active,.main-menu a:hover{color:#ff8000;border-bottom:3px solid #ff8000}.dropdown-menu{position:relative;cursor:pointer}.dropdown-menu>a{display:flex;align-items:center;gap:4px}.dropdown-menu>a:after{content:"";width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:4px solid currentColor;transition:transform .2s ease;margin-left:2px}.dropdown-menu:hover>a:after{transform:rotate(180deg)}.dropdown-wrapper{position:absolute;top:100%;left:50%;transform:translateX(-50%);z-index:1000;padding-top:8px}.dropdown-content{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;gap:0!important;background-color:#fff;min-width:160px;max-height:300px;overflow-y:auto;box-shadow:0 4px 12px rgba(0,0,0,.15);margin:0;padding:4px 0;list-style:none;border-radius:6px;border:1px solid #e0e0e0}.dropdown-content::-webkit-scrollbar{width:4px}.dropdown-content::-webkit-scrollbar-track{background:transparent}.dropdown-content::-webkit-scrollbar-thumb{background:#ccc;border-radius:4px}.dropdown-content::-webkit-scrollbar-thumb:hover{background:#ff8000}.dropdown-content li{margin:0;padding:0;list-style:none}.dropdown-content a{display:block!important;letter-spacing:normal!important;padding:8px 14px;color:#333;text-decoration:none;font-size:13px;font-weight:400;line-height:1.3;transition:background .15s ease,color .15s ease;white-space:nowrap}.dropdown-content a,.dropdown-content a:hover{border-bottom:none!important;transform:none!important}.dropdown-content a:hover{background:#f5f5f5;color:#ff8000}.dropdown-fade-enter-active,.dropdown-fade-leave-active{transition:opacity .2s ease,transform .2s ease}.dropdown-fade-enter-from,.dropdown-fade-leave-to{opacity:0;transform:translateX(-50%) translateY(-6px)}.dropdown-fade-enter-to,.dropdown-fade-leave-from{opacity:1;transform:translateX(-50%) translateY(0)}.fade-enter-active,.fade-leave-active{transition:opacity .5s}.fade-enter,.fade-leave-to{opacity:0}@media (max-width:1024px){.main-header{padding:10px 20px}.search-bar{max-width:400px;margin:0 15px}.main-menu ul{gap:25px}.main-menu a{font-size:11px}.action-button{font-size:12px;padding:0 10px}}@media (max-width:768px){.main-header{flex-wrap:wrap;padding:10px 15px;gap:10px}.logo{order:1;flex:0 0 auto}.logo img{width:60px}.user-actions{order:2;flex:0 0 auto;gap:6px}.search-bar{order:3;flex:1 1 100%;max-width:100%;margin:0}.search-bar input{font-size:14px;padding:10px 12px}.search-bar button .search-icon{width:32px;height:32px}.admin-button,.pedidos-button,.perfil-button,.tecnicos-button{font-size:0;min-width:36px;padding:0 8px;position:relative}.admin-button:before,.pedidos-button:before,.perfil-button:before,.tecnicos-button:before{font-size:16px}.perfil-button:before{content:"👤"}.admin-button:before{content:"⚙️"}.pedidos-button:before{content:"📦"}.tecnicos-button:before{content:"🔧"}.action-button:not(.perfil-button):not(.admin-button):not(.pedidos-button):not(.tecnicos-button){font-size:11px;padding:0 8px}.main-menu{padding:8px 0;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.main-menu::-webkit-scrollbar{height:3px}.main-menu::-webkit-scrollbar-track{background:#f1f1f1}.main-menu::-webkit-scrollbar-thumb{background:#ff8000;border-radius:3px}.main-menu ul{gap:20px;padding:0 15px;flex-wrap:nowrap;justify-content:flex-start}.main-menu a{font-size:11px;white-space:nowrap;padding:4px 6px}}@media (max-width:480px){.main-header{padding:8px 10px}.logo img{width:50px}.user-actions{gap:4px}.admin-button,.carrito-button,.pedidos-button,.perfil-button,.tecnicos-button{min-width:32px;height:32px;padding:0 6px}.action-button:not(.perfil-button):not(.admin-button):not(.pedidos-button):not(.tecnicos-button):not(.carrito-button){font-size:10px;padding:0 6px;height:32px}.search-bar input{font-size:13px;padding:8px 10px}.main-menu ul{gap:15px;padding:0 10px}.main-menu a{font-size:10px;padding:3px 5px}.dropdown-wrapper{left:0;transform:none;right:0;padding-top:5px}.dropdown-content{min-width:100%;max-height:200px;font-size:12px}.dropdown-content a{padding:6px 10px;font-size:12px}}@media (max-width:360px){.main-menu ul{gap:12px}.main-menu a{font-size:9px}.main-menu li:nth-child(n+7){display:none}}.content-container.narrow{max-width:480px}.error-message-box{background-color:#fee;border:2px solid #e74c3c;border-radius:8px;padding:14px 16px;margin-bottom:24px;color:#c0392b;font-size:14px;font-weight:600;text-align:center;animation:shake .5s ease-in-out;box-shadow:0 2px 8px rgba(231,76,60,.2)}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-5px)}20%,40%,60%,80%{transform:translateX(5px)}}.login-button{width:100%;padding:16px;background:linear-gradient(135deg,#ff6000,#ff8000);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(255,96,0,.3)}.login-button:hover{background:linear-gradient(135deg,#e55500,#ff6000);box-shadow:0 6px 16px rgba(255,96,0,.4);transform:translateY(-2px)}.login-button:active{transform:translateY(0)}.forgot-password-container{text-align:center;margin-top:20px;margin-bottom:8px}.forgot-password-link{color:#ff6000;font-size:14px;text-decoration:none;transition:all .3s ease;display:inline-block;font-weight:500}.forgot-password-link:hover{color:#e55500;text-decoration:underline}.create-account-link{color:#ff6000;text-decoration:none;font-weight:600;transition:all .3s ease}.create-account-link:hover{color:#e55500;text-decoration:underline}@media (max-width:768px){.hero-title{font-size:2rem}.hero-section{padding:40px 20px}.auth-card{padding:30px 25px}.content-container.narrow{padding:30px 15px 50px}}.content-container.narrow{max-width:580px}.auth-card{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px rgba(0,0,0,.08);padding:40px 35px;font-family:Segoe UI,Roboto,sans-serif}.breadcrumb{text-align:center;font-size:14px;color:#7f8c8d;margin-bottom:24px}.breadcrumb a{color:#ff6000;font-weight:500}.breadcrumb span{margin:0 6px}.form-row{gap:16px}.input-group{margin-bottom:20px}.input-group label{font-size:13px;color:#34495e;margin-bottom:8px;display:block;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.input-group input{width:100%;padding:14px 16px;border:1.5px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;background-color:#fafafa;box-sizing:border-box}.field-help{margin-bottom:4px}.input-group input:focus{border-color:#ff6000;outline:none;background-color:#fff;box-shadow:0 0 0 3px rgba(255,96,0,.1)}.password-container{position:relative}.toggle-password{position:absolute;top:50%;right:12px;transform:translateY(-50%);background:none;border:none;padding:4px;cursor:pointer;color:#9ca3af;display:flex;align-items:center;justify-content:center;transition:color .2s ease}.toggle-password:hover{color:#ff6000}.toggle-password:focus{outline:none;color:#ff6000}.toggle-password svg{display:block}.register-button{width:100%;padding:16px;background:linear-gradient(135deg,#ff6000,#ff8000);color:#fff;border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;margin-top:24px;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 4px 12px rgba(255,96,0,.3)}.register-button:hover{background:linear-gradient(135deg,#e55500,#ff6000);box-shadow:0 6px 16px rgba(255,96,0,.4);transform:translateY(-2px)}.register-button:active{transform:translateY(0)}.account-info{margin-top:24px;text-align:center;font-size:14px;color:#7f8c8d}.login-link{color:#ff6000;text-decoration:none;font-weight:600;transition:all .3s ease}.login-link:hover{color:#e55500;text-decoration:underline}.error{color:#e74c3c;font-size:13px;text-align:left;margin-top:6px;font-weight:500;background-color:#fadbd8;padding:8px 12px;border-left:3px solid #e74c3c}.error,.success{border-radius:4px}.success{color:#27ae60;text-align:center;font-weight:600;font-size:15px;margin-top:16px;background-color:#d5f4e6;padding:12px;border-left:3px solid #27ae60}@media (max-width:768px){.hero-title{font-size:2rem}.hero-section{padding:40px 20px}.auth-card{padding:30px 25px}.content-container.narrow{padding:30px 15px 50px}.form-row{grid-template-columns:1fr;gap:0}}.footer-container{background:#fff;color:#333;padding:32px 48px 18px 48px;border-top:1px solid rgba(0,0,0,.04)}.footer-main{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:32px;max-width:1100px;margin:0 auto 24px auto}.footer-brand{flex:1.2;min-width:220px}.footer-logo{font-size:1.4rem;font-weight:800;color:#ff7a1a;margin-bottom:8px}.footer-logo span{color:#000}.footer-tagline{font-size:.85rem;color:#555;max-width:260px;margin:0 0 12px 0}.footer-social-row{display:flex;gap:10px;align-items:center}.social-icon{width:18px;height:18px;filter:grayscale(20%);opacity:.9;transition:transform .2s ease,opacity .2s ease}.footer-social-row a:hover .social-icon{transform:scale(1.05);opacity:1}.footer-columns{flex:2;display:flex;flex-wrap:wrap;gap:32px;min-width:260px}.footer-column{flex:1;min-width:140px}.footer-column h4{font-size:.9rem;font-weight:600;margin-bottom:8px;color:#222}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column li{margin-bottom:4px}.footer-column a{font-size:.82rem;color:#555;text-decoration:none;transition:color .2s ease}.footer-column a:hover{color:#ff7a1a}.footer-bottom{border-top:1px solid rgba(0,0,0,.04);padding-top:10px;font-size:.78rem;color:#777;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;max-width:1100px;margin:0 auto}.footer-bottom-right{display:flex;gap:16px}.footer-bottom-right a{color:#777;text-decoration:none;font-size:.78rem}.footer-bottom-right a:hover{color:#ff7a1a}@media (max-width:768px){.footer-container{padding:24px 18px 14px 18px}.footer-bottom,.footer-main{flex-direction:column}.footer-bottom{gap:8px;align-items:flex-start}}.carousel{position:relative;width:100%;height:auto;aspect-ratio:16/6;margin:0;overflow:hidden;background:#f0f0f0}.carousel:hover{box-shadow:none}.carousel-item{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;transform:scale(.95);transition:transform .6s ease-in-out,opacity .6s ease-in-out}.carousel-item.active{opacity:1;z-index:2;transform:scale(1)}.banner-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;-o-object-position:center;object-position:center;background-color:#f0f0f0;opacity:0;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.banner-image.loaded{opacity:1}.carousel-arrow{position:absolute;top:50%;transform:translateY(-50%);background-color:rgba(0,0,0,.5);color:#fff;border:none;border-radius:50%;font-size:24px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.carousel-arrow.left{left:10px}.carousel-arrow.right{right:10px}.carousel-arrow:hover{background-color:rgba(0,0,0,.7)}.carousel-indicators{bottom:10px}.carousel-indicators span{width:12px;height:12px;background-color:hsla(0,0%,100%,.5);border-radius:50%;cursor:pointer}.carousel-indicators .active{background-color:#fff}.carousel-banner{width:100%;height:100%;background:transparent;margin:0;padding:0}.carousel-item.clickable{cursor:pointer}.carousel-item.clickable:hover .banner-image{transform:scale(1.05);filter:brightness(.9)}.click-indicator{position:absolute;bottom:50px;right:20px;background:rgba(0,0,0,.7);color:#fff;padding:12px 20px;border-radius:25px;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;z-index:3;opacity:0;transform:translateY(10px);transition:opacity .3s ease,transform .3s ease}.carousel-item.clickable:hover .click-indicator{opacity:1;transform:translateY(0)}.click-icon{font-size:20px}.click-text{white-space:nowrap}.no-banners{text-align:center;color:#888;font-size:1.2rem}.historial-container,.no-banners{margin-top:2rem}.historial-titulo{font-size:1.4rem;margin-bottom:1rem}.historial-grid{display:flex;flex-wrap:wrap;gap:1rem}.historial-card{display:flex;flex-direction:column;width:150px;cursor:pointer;border:1px solid #e0e0e0;border-radius:4px;overflow:hidden;background-color:#fff;transition:box-shadow .2s ease}.historial-card:hover{box-shadow:0 2px 8px rgba(0,0,0,.15)}.historial-imagen{width:100%;height:120px;-o-object-fit:cover;object-fit:cover}.historial-info{padding:.5rem}.historial-nombre{font-size:.9rem;margin:0 0 .25rem 0}.historial-precio{font-size:.85rem;font-weight:700;margin:0 0 .25rem 0}.historial-fecha{font-size:.75rem;color:#666;margin:0}.historial-vacio{display:none}.product-image-carousel{position:relative;width:100%;height:100%;overflow:hidden;border-radius:8px 8px 0 0;background:#f5f5f5}.carousel-image-wrapper{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center}.carousel-image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.fade-enter-active,.fade-leave-active{transition:opacity .3s ease}.carousel-nav{position:absolute;top:50%;transform:translateY(-50%);background:rgba(0,0,0,.5);color:#fff;border:none;width:36px;height:36px;border-radius:50%;font-size:24px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:all .3s ease;z-index:2}.product-image-carousel:hover .carousel-nav{opacity:1}.carousel-nav:hover{background:rgba(0,0,0,.7);transform:translateY(-50%) scale(1.1)}.carousel-nav:active{transform:translateY(-50%) scale(.95)}.carousel-nav-prev{left:10px}.carousel-nav-next{right:10px}.carousel-indicators{bottom:12px;gap:6px;z-index:2;padding:4px 8px;background:rgba(0,0,0,.3);border-radius:12px;backdrop-filter:blur(4px)}.indicator-dot{width:8px;height:8px;border-radius:50%;background:hsla(0,0%,100%,.5);border:none;padding:0;cursor:pointer;transition:all .3s ease}.indicator-dot:hover{background:hsla(0,0%,100%,.8);transform:scale(1.2)}.indicator-dot.active{background:#fff;width:24px;border-radius:4px}.image-counter{position:absolute;top:10px;right:10px;background:rgba(0,0,0,.6);color:#fff;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600;z-index:2;backdrop-filter:blur(4px)}@media (max-width:768px){.carousel-nav{width:32px;height:32px;font-size:20px}.carousel-nav-prev{left:6px}.carousel-nav-next{right:6px}.indicator-dot{width:6px;height:6px}.indicator-dot.active{width:18px}.image-counter{font-size:11px;padding:3px 8px}}@keyframes shimmer{0%{background-position:-468px 0}to{background-position:468px 0}}.carousel-image-wrapper:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,#f0f0f0 0,#f8f8f8 20%,#f0f0f0 40%,#f0f0f0);background-size:800px 100%;animation:shimmer 2s infinite;z-index:0;opacity:0;transition:opacity .3s}.carousel-image-wrapper.loading:before{opacity:1}.categorias-section{margin:12px 0;padding:12px 14px;background:hsla(0,0%,100%,.9);border-radius:10px;box-shadow:0 1px 6px rgba(0,0,0,.06)}.productos-vendidos-section{margin:16px 0;padding:12px;background:hsla(0,0%,100%,.95);border-radius:8px;box-shadow:0 4px 14px rgba(0,0,0,.1)}.section-title{font-size:28px;font-weight:400;color:#162c42;margin-bottom:6px}.categorias-grid{grid-template-columns:repeat(3,1fr);gap:6px;max-width:100%}.categoria-card{background:#fff;border-radius:7px;padding:8px 4px;transition:all .2s ease-out;position:relative;overflow:hidden;text-align:center;flex-direction:column;justify-content:center;min-height:68px}.categoria-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,#667eea,#764ba2);transform:scaleX(0);transition:transform .2s ease}.categoria-card:hover:before{transform:scaleX(1.5)}.categoria-card:hover{transform:translateY(-2px);box-shadow:0 4px 10px rgba(102,126,234,.18);border-color:#667eea}.categoria-icon{display:flex;align-items:center;justify-content:center;margin-bottom:4px}.categoria-icon svg{width:3.2rem;height:3.2rem;stroke:#e67e22;transition:stroke .3s ease,transform .3s ease}.categoria-card:hover .categoria-icon svg{stroke:#d35400;transform:scale(1.1)}.categoria-card h3{font-size:.85rem;font-weight:600;color:#2c3e50;margin:2px 0 1px 0;line-height:1.2}.categoria-productos,.categoria-stats{font-size:.72rem;color:#6c757d;margin:1px 0 0 0}.categoria-vendidos{margin:18px 0;padding:12px;background:linear-gradient(135deg,#f8f9fa,#fff);border-radius:6px;border-left:2px solid #667eea}.categoria-vendidos-title{font-size:.88rem;font-weight:600;color:#2c3e50;margin-bottom:9px;text-align:left}.productos-vendidos-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:9px}.producto-vendido-card{background:#fff;border-radius:6px;padding:9px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 1px 7px rgba(0,0,0,.08);position:relative;display:flex;flex-direction:column}.producto-vendido-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.2)}.vendido-badge{position:absolute;top:7px;right:7px;background:linear-gradient(135deg,gold,#ffed4e);padding:3px 6px;border-radius:10px;font-size:.52rem;font-weight:600;color:#333;box-shadow:0 2px 5px rgba(255,215,0,.3);z-index:1}.producto-vendido-imagen{width:100%;height:95px;border-radius:4px;overflow:hidden;margin-bottom:7px}.producto-vendido-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.producto-vendido-card:hover .producto-vendido-imagen img{transform:scale(1.12)}.producto-vendido-info{display:flex;flex-direction:column;flex:1}.producto-vendido-info h4{font-size:.68rem;font-weight:600;color:#2c3e50;margin:5px 0;min-height:24px;line-height:1.2}.producto-marca{font-size:.56rem;color:#667eea;font-weight:500;margin:2px 0}.producto-precio{margin:5px 0}.precio-actual{font-size:.78rem;font-weight:700;color:#28a745}.producto-ventas{font-size:.52rem;color:#6c757d;margin-top:5px;font-style:italic}.btn-agregar-carrito-vendidos{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:6px 10px;border-radius:5px;font-size:.62rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:4px;margin-top:8px;width:100%;text-transform:uppercase;letter-spacing:.3px}.btn-agregar-carrito-vendidos:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(39,174,96,.4);background:linear-gradient(135deg,#229954,#1e8449)}.btn-agregar-carrito-vendidos:active:not(:disabled){transform:translateY(0)}.btn-agregar-carrito-vendidos:disabled{background:#95a5a6;cursor:not-allowed;opacity:.6}.btn-agregar-carrito-vendidos i{font-size:.68rem}@media (max-width:768px){.categorias-grid{grid-template-columns:repeat(3,1fr);gap:6px}.categoria-card{padding:6px 2px;min-height:60px}.categoria-icon{font-size:1.2rem}.categoria-card h3{font-size:.65rem}.categoria-productos{font-size:.55rem}.productos-vendidos-grid{grid-template-columns:1fr}.section-title{font-size:.66rem}.categoria-vendidos-title{font-size:.62rem}.categorias-section{padding:10px 8px}}@media (min-width:769px) and (max-width:1024px){.categorias-grid{grid-template-columns:repeat(3,1fr)}}@media (min-width:1025px){.categorias-grid{grid-template-columns:repeat(3,1fr);max-width:900px;margin:0 auto}.categorias-section{max-width:1000px;margin:20px auto}}body{background:linear-gradient(135deg,#f5f7fa,#e9ecef);font-family:Roboto,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#333;min-height:100vh}.home-container{text-align:center;margin:24px auto 32px auto;max-width:1100px;padding:0 18px;animation:fadeInUp .8s cubic-bezier(.4,0,.2,1)}.hero-section{margin-bottom:32px}.hero-inner{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:32px;align-items:center;padding:32px 32px 36px 32px;background:linear-gradient(120deg,#fff,#fff7f0 45%,#ffe9d3);border-radius:18px;box-shadow:0 12px 35px rgba(0,0,0,.06)}.hero-left{text-align:left}.hero-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;background:#ffe4cc;border-radius:999px;color:#e67e22;font-size:.78rem;font-weight:600;margin-bottom:14px}.hero-badge-icon{font-size:.9rem}.hero-title{font-size:2.6rem;line-height:1.02;letter-spacing:.02em;color:#222}.hero-subtitle{font-size:.98rem;color:#555;max-width:420px;margin:0 0 20px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:10px}.btn-hero-primary,.btn-hero-secondary{border-radius:999px;padding:9px 20px;font-size:.9rem;font-weight:600;border:none;cursor:pointer;transition:all .2s ease}.btn-hero-primary{background:linear-gradient(135deg,#ff7a1a,#ff9b3f);color:#fff;box-shadow:0 8px 18px rgba(255,140,0,.35)}.btn-hero-primary:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(255,140,0,.45)}.btn-hero-secondary{background:#fff;color:#ff7a1a;border:1px solid rgba(0,0,0,.08)}.btn-hero-secondary:hover{background:#fff3e6}.hero-right{display:flex;justify-content:center}.hero-image-wrapper{position:relative;padding:18px;border-radius:24px;background:radial-gradient(circle at 20% 0,hsla(0,0%,100%,.8) 0,transparent 40%),radial-gradient(circle at 80% 120%,#ffb27a 0,transparent 60%)}.hero-image{display:block;max-width:100%;border-radius:18px;box-shadow:0 18px 40px rgba(0,0,0,.35)}.banners-section,.hero-banner-section{margin-bottom:32px}.banner-video-wrapper{display:grid;grid-template-columns:1.725fr 1fr;gap:24px;align-items:stretch}.banner-container{overflow:hidden}.banner-container,.video-featured-container{border-radius:0;box-shadow:none;background:transparent;height:100%}.video-featured-container{padding:0;display:flex;flex-direction:column}.video-title{font-size:20px;font-weight:700;color:#2c3e50;margin:0 0 16px 0;display:flex;align-items:center;gap:8px}.video-wrapper{position:relative;width:100%;padding-bottom:56.25%;border-radius:12px;overflow:hidden;background:#000;margin-bottom:16px}.video-wrapper iframe{position:absolute;top:0;left:0;width:100%;height:100%}.video-info{flex:1}.video-info h4{font-size:16px;font-weight:600;color:#2c3e50;margin:0 0 8px 0;line-height:1.4}.video-info p{font-size:14px;color:#7f8c8d;line-height:1.6;margin:0}@media (max-width:1024px){.banner-video-wrapper{grid-template-columns:1fr}.video-featured-container{height:auto}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}.price-filters{display:flex;align-items:center;justify-content:center;gap:11px;margin:21px 0;padding:14px;background:hsla(0,0%,100%,.9);backdrop-filter:blur(10px);border-radius:8px;box-shadow:0 3px 11px rgba(0,0,0,.08);flex-wrap:wrap;animation:fadeInUp .6s cubic-bezier(.4,0,.2,1) .3s backwards}.price-filters span{font-weight:600;color:#495057;font-size:.85rem}.price-filters button{padding:7px 14px;background-color:#fff;color:#495057;border:2px solid #dee2e6;border-radius:6px;cursor:pointer;font-weight:500;font-size:.82rem;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.price-filters button:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(255,167,38,.2);transform:translate(-50%,-50%);transition:width .4s,height .4s}.price-filters button:hover{border-color:#ffa726;color:#ffa726;transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,167,38,.2)}.price-filters button:hover:before{width:300px;height:300px}.price-filters button.active{background:linear-gradient(135deg,#ffa726,#fb8c00);color:#fff;border-color:#ffa726;box-shadow:0 4px 12px rgba(255,167,38,.4)}.price-filters button:active{transform:translateY(0)}.featured-section{margin-bottom:26px}.featured-title{font-size:2.1rem;font-weight:800;color:#222;margin:0 0 6px 0}.featured-subtitle{font-size:.95rem;color:#6c757d;margin:0 0 20px 0}.featured-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.featured-card{background:#fff;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.06);overflow:hidden;display:flex;flex-direction:column;text-align:left;border:1px solid rgba(0,0,0,.04)}.featured-badge{position:absolute;margin:10px 0 0 10px;padding:4px 10px;background:#ff6b3d;color:#fff;font-size:.7rem;font-weight:700;border-radius:999px;z-index:2}.featured-image-wrapper{position:relative;height:170px;overflow:hidden}.featured-image-wrapper img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.featured-name{font-size:.98rem;font-weight:600;color:#2c3e50;margin:10px 14px 4px 14px}.featured-description{font-size:.82rem;color:#6c757d;margin:0 14px 10px 14px;min-height:32px}.featured-price{margin:0 14px 6px 14px;display:flex;align-items:baseline;gap:6px}.featured-old-price{font-size:.8rem;color:#a0a0a0;text-decoration:line-through}.featured-current-price{font-size:1.1rem;font-weight:700;color:#222}.featured-price-oculto{font-size:.8rem;color:#999}.featured-footer{margin:8px 14px 14px 14px}.btn-featured-add{width:100%;padding:8px 0;border-radius:8px;border:none;background:linear-gradient(135deg,#ff7a1a,#ff9b3f);color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-featured-add:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 18px rgba(255,140,0,.35)}.btn-featured-add:disabled{background:#ddd;color:#888;cursor:not-allowed;box-shadow:none}@media (max-width:768px){.price-filters{flex-direction:column;gap:10px}.price-filters button{width:100%;max-width:300px}}.product-grid{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:24px;padding:20px 0;animation:slideIn 1s cubic-bezier(.4,0,.2,1)}@media (max-width:1200px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}}@media (max-width:768px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:16px}}@media (max-width:480px){.product-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}}.product-card{cursor:pointer;animation:fadeIn .6s ease-in-out backwards}.promo-badge{background:#ff6b6b;font-size:13px;z-index:10;box-shadow:0 2px 8px hsla(0,100%,71%,.3)}.product-image-wrapper{width:100%;height:240px;display:flex;align-items:center;justify-content:center;background:#f8f8f8;padding:20px;overflow:hidden}.product-image-wrapper img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.product-card:hover .product-image-wrapper img{transform:scale(1.05)}.product-info{padding:16px;display:flex;flex-direction:column;flex:1}.product-title{font-size:15px;font-weight:600;color:#2c3e50;margin:0 0 12px 0;line-height:1.4;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{margin-bottom:12px;min-height:32px;display:flex;flex-direction:column;gap:4px}.price-original{color:#999;text-decoration:line-through;font-size:14px;display:block}.price-current{color:#2c3e50;font-size:22px;font-weight:700;display:block}.price-login{color:#7f8c8d;font-size:13px;font-style:italic}.product-card:first-child{animation-delay:.05s}.product-card:nth-child(2){animation-delay:.1s}.product-card:nth-child(3){animation-delay:.15s}.product-card:nth-child(4){animation-delay:.2s}.product-card:nth-child(5){animation-delay:.25s}.product-card:nth-child(6){animation-delay:.3s}.product-card:nth-child(7){animation-delay:.35s}.product-card:nth-child(8){animation-delay:.4s}.btn-add-cart{width:100%;padding:12px 20px;background:#06f;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px;margin-top:auto}.btn-add-cart:hover:not(:disabled){background:#0052cc;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,102,255,.3)}.btn-add-cart:active:not(:disabled){transform:translateY(0)}.btn-add-cart:disabled{background:#ccc;cursor:not-allowed;opacity:.6}.cargar-mas{display:block;margin:28px auto;padding:10px 22px;font-size:.85rem;font-weight:600;color:#fff;background:linear-gradient(135deg,#ffa726,#fb8c00);border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px rgba(255,167,38,.3);position:relative;overflow:hidden}.cargar-mas:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:hsla(0,0%,100%,.2);transform:translate(-50%,-50%);transition:width .6s,height .6s}.cargar-mas:hover:before{width:400px;height:400px}.cargar-mas:hover{background:linear-gradient(135deg,#ff9f00,#f70);transform:translateY(-3px);box-shadow:0 8px 25px rgba(255,167,38,.4)}.cargar-mas:active{transform:translateY(-1px)}.home-container>div>p{font-size:1.1rem;color:#6c757d;padding:60px 20px;background:hsla(0,0%,100%,.9);border-radius:12px;margin:30px 0;box-shadow:0 4px 15px rgba(0,0,0,.08)}.product-card .product-image-carousel{border-radius:12px 12px 0 0}@media (max-width:768px){.product-card .product-image-carousel{height:200px}}@media (max-width:480px){.product-card .product-image-carousel{height:180px}}.contacto-asesor[data-v-43a1453c]{background:linear-gradient(135deg,#f5f7fa,#c3cfe2);padding:40px 20px;margin:40px 0 0 0;border-radius:12px;text-align:center;box-shadow:0 4px 15px rgba(0,0,0,.1)}.contacto-asesor-content[data-v-43a1453c]{max-width:600px;margin:0 auto}.icon[data-v-43a1453c]{font-size:48px;margin-bottom:15px;animation:bounce-43a1453c 2s infinite}@keyframes bounce-43a1453c{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.contacto-asesor h3[data-v-43a1453c]{color:#2c3e50;font-size:24px;margin:0 0 15px 0;font-weight:600}.contacto-asesor p[data-v-43a1453c]{color:#5a6c7d;font-size:16px;line-height:1.6;margin:0 0 25px 0}.link-asesor[data-v-43a1453c]{color:#25d366;font-weight:600;text-decoration:none;border-bottom:2px solid #25d366;transition:all .3s ease}.link-asesor[data-v-43a1453c]:hover{color:#128c7e;border-bottom-color:#128c7e}.btn-whatsapp[data-v-43a1453c]{display:inline-flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;text-decoration:none;border-radius:50px;font-size:16px;font-weight:600;transition:all .3s ease;box-shadow:0 4px 15px rgba(37,211,102,.3)}.btn-whatsapp[data-v-43a1453c]:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(37,211,102,.4);background:linear-gradient(135deg,#128c7e,#075e54)}.btn-whatsapp[data-v-43a1453c]:active{transform:translateY(0)}.whatsapp-icon[data-v-43a1453c]{font-size:20px;animation:pulse-43a1453c 2s infinite}@keyframes pulse-43a1453c{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width:768px){.contacto-asesor[data-v-43a1453c]{padding:30px 15px;margin:30px 0 0 0}.icon[data-v-43a1453c]{font-size:36px}.contacto-asesor h3[data-v-43a1453c]{font-size:20px}.contacto-asesor p[data-v-43a1453c]{font-size:14px}.btn-whatsapp[data-v-43a1453c]{font-size:14px;padding:12px 24px}}@keyframes scaleUp{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes imageTransition{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.producto-contenedor,.producto-detalles{animation:fadeIn 1s ease;display:flex;flex-direction:column;gap:30px;max-width:1200px;margin:auto;padding:20px;background-color:transparent;border-radius:0;box-shadow:none}.seccion-titulo{font-size:28px;font-weight:700;color:#2c3e50;text-align:center;margin-bottom:20px}.mensaje-carga,.mensaje-error{text-align:center;padding:40px;background-color:transparent;border-radius:0;box-shadow:none}.mensaje-carga p{font-size:18px;color:#495057}.mensaje-error p{font-size:18px;color:#dc3545;margin-bottom:15px}.boton-recargar{padding:10px 25px;font-size:16px;font-weight:600;color:#fff;background-color:#007bff;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease}.boton-recargar:hover{background-color:#0056b3;transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,123,255,.4)}.detalle-contenedor{display:grid;grid-template-columns:1fr 1.5fr;gap:40px;background-color:transparent;border-radius:0;padding:0;box-shadow:none;transition:transform .3s ease;max-width:1200px;margin:0 auto}.detalle-contenedor:hover{transform:none;box-shadow:none}.imagen-producto-wrapper{display:flex;flex-direction:column;align-items:center;justify-content:center;background-color:transparent;border-radius:0;padding:20px;gap:15px}.carousel-container{position:relative;width:100%;height:500px;overflow:hidden;border-radius:12px;background-color:#f8f9fa}.imagen-producto-principal{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;border-radius:0;transition:transform .3s ease;animation:imageTransition .5s ease}.imagen-producto-principal:hover{transform:scale(1.05)}.carousel-controls{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);display:flex;justify-content:space-between;padding:0 10px;pointer-events:none}.carousel-btn{pointer-events:all;background-color:rgba(0,0,0,.5);color:#fff;border:none;width:45px;height:45px;border-radius:50%;font-size:28px;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;backdrop-filter:blur(5px)}.carousel-btn:hover{background-color:rgba(255,128,0,.9);transform:scale(1.1)}.carousel-btn:active{transform:scale(.95)}.carousel-indicators{position:absolute;bottom:15px;left:50%;transform:translateX(-50%);display:flex;gap:8px;z-index:10}.indicator{width:12px;height:12px;border-radius:50%;background-color:hsla(0,0%,100%,.5);cursor:pointer;transition:all .3s ease;border:2px solid rgba(0,0,0,.3)}.indicator:hover{background-color:hsla(0,0%,100%,.8);transform:scale(1.2)}.indicator.active{background-color:#ff8000;width:30px;border-radius:6px;border-color:#ff8000}.imagenes-thumbnails{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;width:100%;padding:10px 0}.thumbnail{width:80px;height:80px;border:2px solid #dee2e6;border-radius:8px;overflow:hidden;cursor:pointer;transition:all .3s ease;background-color:#fff}.thumbnail:hover{border-color:#ff8000;transform:scale(1.05);box-shadow:0 4px 8px rgba(0,0,0,.15)}.thumbnail.active{border-color:#ff8000;border-width:3px;box-shadow:0 4px 12px rgba(255,128,0,.3)}.thumbnail img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.zoom-hint{font-size:14px;margin:5px 0 0 0}.informacion-producto{display:flex;flex-direction:column;gap:20px}.nombre-producto{font-size:32px;font-weight:700;color:#2c3e50;margin:0;line-height:1.3;animation:slideDown .6s ease}.detalles-compactos{background-color:transparent;border-radius:0;padding:20px 0;border:none;box-shadow:none}.detalle-item-compacto{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:10px 0;border-bottom:1px solid #e9ecef;align-items:start}.detalle-item-compacto:last-child{border-bottom:none}.detalle-item-compacto strong{font-size:14px;color:#495057;font-weight:600}.detalle-item-compacto span{font-size:14px;color:#6c757d}.detalle-item-garantia{display:grid;grid-template-columns:120px 1fr;gap:10px;padding:12px 0;border-bottom:1px solid #e9ecef;align-items:start}.detalle-item-garantia strong{font-size:14px;color:#495057;font-weight:600}.garantia-detalle{display:flex;flex-direction:column;gap:4px}.garantia-tiempo{font-size:16px;font-weight:600;color:#28a745}.garantia-mensaje{font-size:12px;color:#6c757d;margin:0;font-style:italic;line-height:1.4}.descripcion-texto,.especificaciones-texto{font-size:14px;line-height:1.5;color:#495057;margin:0}.detalle-item{display:flex;flex-direction:column;gap:8px;padding:15px;background-color:transparent;border-radius:0;border-left:none;animation:fadeIn .8s ease}.detalle-item strong{font-size:16px;color:#495057;font-weight:600}.detalle-item span{font-size:15px;color:#6c757d}.stock-info{border-left-color:transparent}.stock-disponible{color:#28a745;font-weight:600}.stock-agotado{color:#dc3545;font-weight:600}.pocas-unidades{color:#ff9800;font-weight:600}.precio-y-acciones{display:flex;gap:15px;align-items:stretch;margin-top:20px}.precio-contenedor{padding:12px 16px;background:linear-gradient(135deg,#ffa726,#fb8c00);border-radius:8px;animation:scaleUp .6s ease;box-shadow:0 3px 10px rgba(255,167,38,.3);min-width:200px;display:flex;flex-direction:column;justify-content:center}.precio-wrapper{display:flex;align-items:center;justify-content:space-between}.precio-label{font-size:12px;color:#fff;font-weight:600}.precio-valor{font-size:22px;font-weight:800;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.2)}.productos-relacionados-container{width:100%;max-width:1400px;margin:0 auto;padding:0 20px}.productos-relacionados-section{margin:30px 0;padding:25px;background:linear-gradient(135deg,#f8f9fa,#e9ecef);border-radius:15px;box-shadow:0 4px 15px rgba(0,0,0,.1);animation:slideDown .6s ease}.titulo-relacionados{font-size:22px;font-weight:700;color:#2c3e50;margin-bottom:20px;text-align:center;position:relative;padding-bottom:10px}.titulo-relacionados:after{content:"";position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:80px;height:3px;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:2px}.productos-relacionados-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.producto-relacionado-card{background:#fff;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px rgba(0,0,0,.1);display:flex;flex-direction:column}.producto-relacionado-card:hover{transform:translateY(-8px);box-shadow:0 8px 25px rgba(0,0,0,.15)}.producto-relacionado-img{width:100%;height:180px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}.producto-relacionado-card:hover .producto-relacionado-img{transform:scale(1.1)}.producto-relacionado-info{padding:15px;flex:1;display:flex;flex-direction:column;justify-content:space-between}.producto-relacionado-nombre{font-size:15px;font-weight:600;color:#2c3e50;margin:0 0 10px 0;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;min-height:42px}.producto-relacionado-precio{font-size:18px;font-weight:700;color:#27ae60;margin:0}.botones-accion{display:flex;flex-direction:column;gap:10px;flex:1;animation:slideInRight .8s ease}.boton-whatsapp{flex:1;padding:15px 30px;font-size:18px;font-weight:600;color:#fff;background-color:#25d366;border:none;border-radius:10px;cursor:pointer;text-decoration:none;text-align:center;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:10px}.boton-whatsapp:hover{background-color:#20ba5a;transform:translateY(-2px);box-shadow:0 8px 20px rgba(37,211,102,.4)}.boton-whatsapp i{font-size:24px}@media (max-width:968px){.detalle-contenedor{grid-template-columns:1fr;gap:30px;padding:0}.carousel-container{height:400px}.imagen-producto-wrapper{padding:15px}.thumbnail{width:60px;height:60px}.carousel-btn{width:40px;height:40px;font-size:24px}.nombre-producto{font-size:26px}.precio-valor{font-size:28px}.productos-relacionados-grid{grid-template-columns:repeat(2,1fr);gap:15px}.producto-relacionado-card:last-child{grid-column:span 2}.productos-relacionados-container{padding:0 15px}}@media (max-width:576px){.detalle-contenedor{padding:0}.carousel-container{height:280px}.imagen-producto-wrapper{padding:10px}.thumbnail{width:50px;height:50px}.imagenes-thumbnails{gap:6px}.carousel-btn{width:35px;height:35px;font-size:20px}.carousel-controls{padding:0 5px}.indicator{width:8px;height:8px}.indicator.active{width:20px}.nombre-producto{font-size:22px}.precio-valor{font-size:24px}.botones-accion{flex-direction:column}.boton-whatsapp{font-size:16px;padding:12px 20px}.productos-relacionados-grid{grid-template-columns:1fr;gap:12px}.producto-relacionado-card:last-child{grid-column:span 1}.producto-relacionado-img{height:150px}.productos-relacionados-section{padding:15px;margin:20px 0}.titulo-relacionados{font-size:18px}.productos-relacionados-container{padding:0 10px}}.boton-agregar-carrito{background:linear-gradient(135deg,#27ae60,#229954);color:#fff;border:none;padding:14px 28px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px;box-shadow:0 4px 12px rgba(39,174,96,.3)}.boton-agregar-carrito:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px rgba(39,174,96,.4)}.boton-agregar-carrito:disabled{background:#95a5a6;cursor:not-allowed;box-shadow:none}.boton-agregar-carrito i{font-size:18px}.zoom-hint{text-align:center;font-size:12px;color:#6c757d;margin-top:8px;font-style:italic}.modal-zoom{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:10000;display:flex;justify-content:center;align-items:center;animation:fadeIn .3s ease;cursor:zoom-out}.modal-zoom-contenido{position:relative;max-width:90%;max-height:90%;animation:scaleUp .3s ease}.imagen-zoom{max-width:100%;max-height:90vh;-o-object-fit:contain;object-fit:contain;border-radius:0;box-shadow:0 8px 32px rgba(0,0,0,.5)}.btn-cerrar-zoom{position:absolute;top:-40px;right:0;background:transparent;border:none;color:#fff;font-size:40px;cursor:pointer;padding:0;width:40px;height:40px;line-height:40px;text-align:center;transition:transform .2s ease}.btn-cerrar-zoom:hover{transform:scale(1.2);color:#f44}body{padding:0}.marcas-container{text-align:center;margin:40px auto;max-width:1200px;opacity:0;transform:translateY(20px);animation:fadeIn 1s ease-out forwards}.main-title{font-size:32px;color:#333;margin-bottom:10px}.description{font-size:18px;color:#555;margin-bottom:30px}.marca-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding:0 20px}@media (max-width:768px){.marca-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.marca-grid{grid-template-columns:1fr}}.marca-card{background-color:#fff;border:1px solid #ddd;border-radius:10px;padding:20px;box-shadow:0 6px 10px rgba(0,0,0,.1);text-align:center;transition:transform .3s,box-shadow .3s;cursor:pointer}.marca-card:hover{transform:translateY(-5px);box-shadow:0 8px 16px rgba(0,0,0,.2)}.marca-logo{width:150px;height:150px;-o-object-fit:contain;object-fit:contain;border-radius:10px;margin:10px auto 15px}.marca-card h3{font-size:18px;color:#333;margin:10px 0;text-transform:capitalize}.productos-count{font-size:14px;color:#888;margin-top:8px;font-weight:500}.loading-marcas{padding:40px;text-align:center}.loading-marcas p{font-size:18px;color:#666;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.6}50%{opacity:1}}.no-marcas{padding:60px 20px;text-align:center}.no-marcas p{font-size:18px;color:#888}.fade-enter-active,.fade-leave-active{transition:opacity .5s ease,transform .5s ease}.fade-enter-from,.fade-leave-to{transform:translateY(20px)}.social-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:24px}.social-card{background:#fff;border-radius:12px;padding:30px 20px;box-shadow:0 4px 16px rgba(0,0,0,.08);text-align:center;transition:transform .2s ease,box-shadow .2s ease}.social-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.social-icon{width:80px;height:80px;-o-object-fit:contain;object-fit:contain;margin:0 auto 16px;display:block}.social-link{text-decoration:none;color:inherit;display:block}.social-link h3{color:#2c3e50;font-size:1rem;font-weight:600;margin:0}.social-card:hover .social-link h3{color:#ff6000}@media (max-width:768px){.social-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.social-grid{grid-template-columns:1fr}}a:hover{color:#3498db}.fade-in{animation:fadeIn 1s ease-in-out}.fade-enter-active,.fade-leave-active{transition:opacity .5s,transform .5s}.fade-enter-from,.fade-leave-to{opacity:0;transform:translateY(20%)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-bottom:40px}.service-card{background:#fff;border-radius:12px;padding:20px;box-shadow:0 4px 16px rgba(0,0,0,.08);text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease;cursor:pointer}.service-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.service-card h3{color:#2c3e50;font-size:1.1rem;margin:12px 0 8px;font-weight:600}.service-card p{color:#666;font-size:.9rem;line-height:1.5;margin:0}.service-image{width:100%;height:180px;border-radius:8px;-o-object-fit:cover;object-fit:cover;transition:transform .3s ease}video.service-image{display:block;background:#000}.service-card:hover .service-image{transform:scale(1.03)}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.7);display:flex;justify-content:center;align-items:center;z-index:1000}.modal-content{position:relative;background:#fff;padding:40px;border-radius:10px;max-width:90%;max-height:90%;overflow:hidden;box-shadow:0 5px 15px rgba(0,0,0,.3)}.modal-image{width:100%;height:auto;border-radius:10px;max-height:80vh;-o-object-fit:contain;object-fit:contain}video.modal-image{background:#000}.close-button{position:absolute;top:10px;right:10px;background:none;border:none;font-size:24px;cursor:pointer;color:#333}.contact-section{margin-top:40px;text-align:center}.whatsapp-link{display:inline-flex;align-items:center;text-decoration:none;background-color:#25d366;color:#fff;padding:10px 20px;border-radius:30px;font-size:16px;font-weight:700;transition:background-color .3s}.whatsapp-link:hover{background-color:#1da851}.whatsapp-icon{width:25px;height:25px;margin-right:10px}.survey-button-container{margin-top:50px;padding-top:30px;border-top:2px solid #ecf0f1}.survey-button{background-color:#3498db;color:#fff;border:none;padding:12px 30px;font-size:16px;border-radius:25px;cursor:pointer;transition:background-color .3s,transform .2s;font-weight:700}.survey-button:hover{background-color:#2980b9;transform:translateY(-2px)}.survey-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,.6);display:flex;justify-content:center;align-items:center;z-index:2000;overflow-y:auto;padding:20px 0}.survey-modal{position:relative;background:#fff;border-radius:15px;padding:30px;max-width:500px;width:90%;max-height:85vh;overflow-y:auto;box-shadow:0 15px 50px rgba(0,0,0,.3);animation:slideIn .3s ease}@keyframes slideIn{0%{opacity:0;transform:translateY(-50px)}to{opacity:1;transform:translateY(0)}}.survey-close-btn{position:absolute;top:15px;right:15px;background:none;border:none;font-size:28px;cursor:pointer;color:#7f8c8d;transition:color .3s}.survey-close-btn:hover{color:#e74c3c}.survey-title{font-size:24px;color:#2c3e50;margin:0 0 8px 0;text-align:center}.survey-subtitle{font-size:14px;color:#95a5a6;text-align:center;margin-bottom:30px}.survey-progress-bar{width:100%;height:5px;background-color:#ecf0f1;border-radius:10px;margin-bottom:20px;overflow:hidden}.survey-progress-fill{height:100%;background:linear-gradient(90deg,#3498db,#2980b9);border-radius:10px;transition:width .3s ease}.survey-progress-text{text-align:center;font-size:12px;color:#7f8c8d;margin-bottom:15px}.survey-questions-container{min-height:200px;position:relative}.survey-form{gap:25px;animation:fadeIn .3s ease}.survey-form,.survey-question{display:flex;flex-direction:column}.survey-question{gap:12px}.survey-question.hidden{display:none}.question-label{font-size:15px;font-weight:600;color:#2c3e50}.rating-container{display:flex;gap:10px;justify-content:center}.star{background:none;border:none;font-size:40px;cursor:pointer;color:#bdc3c7;transition:color .2s,transform .2s;padding:0}.star.active,.star:hover{color:#f39c12;transform:scale(1.2)}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-option{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:14px;color:#34495e;transition:color .3s}.radio-option input[type=radio]{cursor:pointer;width:18px;height:18px;accent-color:#3498db}.radio-option:hover{color:#3498db}.survey-input,.survey-textarea{padding:10px 15px;border:2px solid #ecf0f1;border-radius:8px;font-family:Roboto,Arial,sans-serif;font-size:14px;transition:border-color .3s;resize:vertical}.survey-input:focus,.survey-textarea:focus{outline:none;border-color:#3498db;box-shadow:0 0 5px rgba(52,152,219,.3)}.survey-navigation{display:flex;gap:15px;justify-content:space-between;margin-top:40px;padding-top:25px;border-top:2px solid #ecf0f1}.btn-nav-next,.btn-nav-prev{padding:12px 25px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;flex:1}.btn-nav-prev{background-color:#ecf0f1;color:#7f8c8d}.btn-nav-prev:hover:not(:disabled){background-color:#bdc3c7;transform:translateX(-2px)}.btn-nav-prev:disabled{opacity:.5;cursor:not-allowed}.btn-nav-next{background-color:#3498db;color:#fff}.btn-nav-next:hover:not(:disabled){background-color:#2980b9;transform:translateX(2px)}.btn-nav-next:disabled{opacity:.5;cursor:not-allowed}.survey-buttons{display:flex;gap:15px;justify-content:center;margin-top:0;flex:1}.btn-cancel,.btn-submit{padding:12px 25px;border:none;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s;flex:1}.btn-cancel{background-color:#ecf0f1;color:#7f8c8d}.btn-cancel:hover{background-color:#bdc3c7}.btn-submit{background-color:#27ae60;color:#fff}.btn-submit:hover{background-color:#229954;transform:translateY(-2px)}.success-message{margin-top:20px;padding:15px;background-color:#d4edda;color:#155724;border-radius:8px;text-align:center;font-weight:600;animation:fadeIn .3s ease}@media (max-width:992px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.services-grid{grid-template-columns:1fr}}body{background-color:#f5f5f5;font-family:Roboto,sans-serif;margin:0}.productos-container{text-align:center;margin:30px auto}.home-container h1{color:#333;margin-bottom:20px}.animated-title{font-size:2rem;animation:slideInLeft 1s ease}.animated-subtitle{animation:slideInRight 1.2s ease}.product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;animation:fadeIn 1.5s ease}@media (max-width:768px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.product-grid{grid-template-columns:1fr}}.product-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;box-shadow:0 4px 8px rgba(0,0,0,.1);text-align:center;position:relative;display:flex;flex-direction:column;animation:zoomIn .8s ease-in-out;transition:all .3s ease}.product-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12);border-color:#d0d0d0}.product-image img{width:100%;height:150px;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:transform .3s ease}.product-image img:hover{transform:scale(1.1)}.product-card h3{font-size:15px;color:#2c3e50;font-weight:600;margin:0 0 8px 0;line-height:1.4;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;padding:0 16px}.product-card p{font-size:14px;color:#666;padding:0 16px;margin:4px 0}.product-card .precio{font-weight:700;color:#edbd82}.product-card button{padding:10px 15px;background-color:#ffa726;color:#fff;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease,transform .2s ease}.product-card button:hover{background-color:#fb8c00;transform:scale(1.05)}@keyframes zoomIn{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}.product-card .product-image-carousel{width:100%;height:240px;margin-bottom:15px}.product-card .carousel-image-wrapper{padding:20px;background:#f8f8f8;height:100%;display:flex;align-items:center;justify-content:center}.product-card .carousel-image{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.product-card:hover .carousel-image{transform:scale(1.05)}@media (max-width:768px){.product-card .product-image-carousel{height:180px}}@media (max-width:480px){.product-card .product-image-carousel{height:160px}}.page-layout{background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.hero-title{font-size:2.5rem;font-weight:700;margin:0 0 10px 0;text-shadow:0 2px 4px rgba(0,0,0,.1)}.hero-subtitle{font-size:1.1rem;opacity:.95;margin:0}.categorias-container{max-width:1400px;margin:0 auto;padding:40px 20px 60px}.section-header{text-align:center;margin-bottom:35px}.section-badge{display:inline-block;background:linear-gradient(135deg,#ff6000,#ff8000);color:#fff;padding:6px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-bottom:12px;letter-spacing:.5px}.section-header h2{color:#1a1a2e;font-size:2rem;margin:0 0 8px 0;font-weight:700}.section-header p{color:#6c757d;font-size:1rem;margin:0}.categorias-section{background:#fff;padding:40px;border-radius:20px;box-shadow:0 4px 20px rgba(0,0,0,.06)}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.categoria-card{background:#fafbfc;border-radius:14px;padding:20px 24px;cursor:pointer;transition:all .3s ease;border:1px solid #eef0f2;display:flex;align-items:center;gap:16px}.categoria-card:hover{transform:translateX(8px);box-shadow:0 8px 24px rgba(0,0,0,.08);border-color:#ff6000;background:#fff}.categoria-icon-wrapper{width:56px;height:56px;background:linear-gradient(135deg,#fff5f0,#ffe8db);border-radius:12px;display:flex;transition:all .3s ease}.categoria-card:hover .categoria-icon-wrapper{background:linear-gradient(135deg,#ff6000,#ff8000)}.categoria-icon{width:28px;height:28px;stroke:#ff6000;fill:none;transition:all .3s ease}.categoria-card:hover .categoria-icon{stroke:#fff;transform:scale(1.1)}.categoria-info{flex:1}.categoria-info h3{color:#1a1a2e;font-size:16px;margin:0 0 4px 0;font-weight:600}.producto-count{color:#9ca3af;font-size:13px;font-weight:500}.categoria-arrow{color:#d1d5db;transition:all .3s ease}.categoria-card:hover .categoria-arrow{color:#ff6000;transform:translateX(4px)}@media (max-width:768px){.hero-title{font-size:1.8rem}.hero-section{padding:40px 20px}.categorias-container{padding:25px 15px 50px}.categorias-section{padding:25px 20px;border-radius:16px}.section-header h2{font-size:1.5rem}.categorias-grid{grid-template-columns:1fr}.categoria-card{padding:16px 20px}}@media (max-width:480px){.hero-title{font-size:1.6rem}}.productos-por-categoria-container{flex:1;max-width:1400px;margin:0 auto;padding:40px 20px}.categoria-header{text-align:center;margin-bottom:40px;background:linear-gradient(135deg,#f60,#f60 50%,#ff8000);padding:60px 20px;border-radius:16px;box-shadow:0 8px 24px rgba(255,106,61,.25);position:relative;overflow:hidden}.categoria-header:before{content:"";position:absolute;top:-50%;right:-20%;width:300px;height:300px;background:radial-gradient(circle,hsla(0,0%,100%,.15) 0,transparent 70%);border-radius:50%}.categoria-header h1{font-size:42px;font-weight:700;margin-bottom:15px;text-shadow:0 2px 8px rgba(0,0,0,.2)}.breadcrumb,.categoria-header h1{color:#fff;position:relative;z-index:1}.breadcrumb{font-size:15px;font-weight:500;text-shadow:0 1px 4px rgba(0,0,0,.2)}.breadcrumb a{color:#fff9f5;transition:all .3s;font-weight:600;text-shadow:0 1px 3px rgba(0,0,0,.3);border-bottom:2px solid hsla(0,0%,100%,.4);padding-bottom:2px}.breadcrumb a:hover{color:#fff;border-bottom-color:#fff;transform:translateY(-1px)}.content-layout{display:flex;gap:30px;align-items:flex-start}.filtros-sidebar{width:290px;flex-shrink:0;max-height:calc(100vh - 100px);overflow-y:auto}.productos-section{flex:1;min-width:0}.filtros-container{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.1);padding:0;overflow:hidden}.filtros-title{font-size:20px;font-weight:700;color:#2c3e50;padding:20px;margin:0}.filtro-group,.filtros-title{border-bottom:1px solid #ecf0f1}.filtro-group:last-child{border-bottom:none}.filtro-header{width:100%;display:flex;justify-content:space-between;align-items:center;padding:16px 20px;background:#fff;border:none;cursor:pointer;font-size:15px;font-weight:600;color:#2c3e50;text-align:left;transition:background-color .2s}.filtro-header:hover{background-color:#f8f9fa}.arrow{font-size:12px;color:#7f8c8d;transition:transform .3s}.arrow-up{transform:rotate(180deg)}.filtro-content{padding:8px 20px 16px;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.checkbox-label{padding:8px 0;font-size:14px;color:#34495e;transition:color .2s}.checkbox-label:hover{color:#2c3e50}.checkbox-label input[type=checkbox]{width:18px;height:18px;margin-right:10px;accent-color:#3498db}.checkbox-label span{flex:1}.productos-grid{gap:30px;margin-top:30px}.producto-card{box-shadow:0 4px 12px rgba(0,0,0,.08);transition:all .3s ease;display:flex;flex-direction:column}.producto-card:hover{transform:translateY(-8px);box-shadow:0 12px 24px rgba(0,0,0,.15)}.producto-card img{width:100%;height:240px;-o-object-fit:contain;object-fit:contain;padding:20px;background:#f8f8f8;transition:transform .3s ease}.producto-card:hover img{transform:scale(1.05)}.marca-tag{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:5px 12px;border-radius:15px;font-size:12px;margin-bottom:10px;width:-moz-fit-content;width:fit-content}.producto-card h3{color:#2c3e50;font-size:15px;margin:0 0 12px 0;font-weight:600;line-height:1.4;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.producto-card .descripcion{color:#7f8c8d;font-size:14px;line-height:1.6;margin:10px 0;flex:1}.producto-footer{margin:15px 0;padding-top:15px;border-top:1px solid #ecf0f1}.producto-card .precio{color:#27ae60;font-size:24px;font-weight:700;margin:0}.producto-card .stock{color:#7f8c8d;font-size:13px;margin:0;font-weight:500}.producto-card .stock.sin-stock{color:#e74c3c}.producto-card .stock.pocas-unidades{color:#ff9800;font-weight:600}.ver-btn{width:100%;background:linear-gradient(135deg,#3498db,#2980b9);border:none;padding:12px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.ver-btn:hover{background:linear-gradient(135deg,#2980b9,#21618c);transform:translateY(-2px);box-shadow:0 6px 16px rgba(52,152,219,.4)}.no-productos{text-align:center;padding:60px 20px;color:#7f8c8d;font-size:18px}@media (max-width:1024px){.content-layout{flex-direction:column}.filtros-sidebar{width:100%;position:static;max-height:none}.productos-section{width:100%}}@media (max-width:768px){.productos-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px}.categoria-header h1{font-size:28px}}.producto-card .product-image-carousel{width:100%;height:220px}.producto-card .carousel-image-wrapper{padding:10px;background:#f8f8f8}.producto-card .carousel-image{-o-object-fit:cover;object-fit:cover;transition:transform .4s cubic-bezier(.4,0,.2,1)}.producto-card:hover .carousel-image{transform:scale(1.1)}@media (max-width:768px){.producto-card .product-image-carousel{height:200px}}@media (max-width:480px){.producto-card .product-image-carousel{height:180px}}:root{--amazon-dark:#232f3e;--amazon-light:#f5f5f5;--amazon-orange:#ffa724;--amazon-orange-hover:#ff9500;--amazon-blue:#0066c0;--amazon-blue-hover:#c45911;--text-primary:#111;--text-secondary:#555;--border-color:#ddd;--shadow-light:0 1px 4px rgba(0,0,0,.15);--shadow-medium:0 2px 8px rgba(0,0,0,.1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,sans-serif;background-color:var(--amazon-light);color:var(--text-primary)}.carrito-header{background-color:var(--amazon-dark);color:#fff;padding:20px 0;border-bottom:1px solid #ddd;margin-bottom:20px}.carrito-header-content{max-width:1500px;margin:0 auto;padding:0 20px}.carrito-header h1{font-size:28px;font-weight:400;margin:0}.carrito-wrapper{min-height:60vh}.carrito-container{max-width:1500px;margin:0 auto;padding:0 20px 40px}.carrito-vacio{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:80px 20px;text-align:center;box-shadow:var(--shadow-light)}.vacio-icon{font-size:80px;margin-bottom:20px;opacity:.7}.carrito-vacio h2{font-size:24px;color:var(--text-primary);margin-bottom:10px;font-weight:700}.carrito-vacio p{color:var(--text-secondary);font-size:16px;margin-bottom:30px}.btn-explorar{background-color:var(--amazon-orange);color:var(--text-primary);border:none;padding:10px 30px;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:background-color .2s}.btn-explorar:hover{background-color:var(--amazon-orange-hover)}.carrito-content{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}@media (max-width:1024px){.carrito-content{grid-template-columns:1fr}}.productos-section{background:#fff;border:1px solid var(--border-color);border-radius:8px;overflow:hidden;box-shadow:var(--shadow-light)}.productos-header{background-color:#f9f9f9;padding:16px 20px;border-bottom:1px solid var(--border-color);font-weight:500;color:var(--text-primary);font-size:14px}.productos-list{display:flex;flex-direction:column;divide-y:1px solid var(--border-color)}.producto-item{display:grid;grid-template-columns:120px 1fr auto auto;gap:20px;padding:20px;align-items:start;transition:background-color .2s;border-bottom:1px solid var(--border-color)}.producto-item:last-child{border-bottom:none}.producto-item:hover{background-color:#fafafa}.item-image-wrapper{width:120px;height:120px;background-color:#f5f5f5;border-radius:4px;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:8px}.item-image{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.item-details{display:flex;flex-direction:column;gap:8px}.item-name{font-size:15px;color:var(--amazon-blue);text-decoration:none;cursor:pointer;font-weight:500;line-height:1.4;margin:0}.item-name:hover{text-decoration:underline;color:var(--amazon-blue-hover)}.item-brand{color:var(--text-secondary)}.item-brand,.item-meta{font-size:13px;margin:0}.item-meta{color:#27ae60;font-weight:500}.item-price{font-size:18px;font-weight:700;color:var(--text-primary);margin:5px 0 0 0}.item-actions{display:flex;flex-direction:column;gap:15px}.quantity-control{display:flex;align-items:center;border:1px solid var(--border-color);border-radius:4px;width:-moz-fit-content;width:fit-content;background-color:#fff}.qty-btn{width:32px;height:32px;border:none;background:#fff;color:var(--text-primary);font-size:18px;cursor:pointer;transition:background-color .2s}.qty-btn:hover{background-color:var(--amazon-light)}.qty-display{min-width:40px;text-align:center;font-weight:500;font-size:14px}.action-buttons{display:flex;gap:10px;flex-wrap:wrap}.btn-action{background:none;border:none;color:var(--amazon-blue);font-size:13px;cursor:pointer;text-decoration:underline;padding:0;transition:color .2s}.btn-action:hover{color:var(--amazon-blue-hover)}.delete-btn,.save-btn{color:var(--amazon-blue)}.item-subtotal{display:flex;justify-content:flex-end;align-items:flex-start}.subtotal-value{font-size:18px;font-weight:700;color:var(--text-primary);margin:0}.info-boxes{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:20px;border-top:1px solid var(--border-color)}.info-card{background-color:#f9f9f9;padding:16px;border-radius:4px;border:1px solid var(--border-color)}.info-card h3{font-size:14px;font-weight:700;margin:0 0 10px 0;color:var(--text-primary)}.info-card p{font-size:13px;color:var(--text-secondary);margin:5px 0;line-height:1.5}.resumen-section{display:flex;flex-direction:column;gap:16px}.resumen-card{background:#fff;border:1px solid var(--border-color);border-radius:8px;padding:16px;box-shadow:var(--shadow-light);position:sticky;top:20px}.resumen-card h2{font-size:18px;font-weight:700;margin:0 0 16px 0;color:var(--text-primary);border-bottom:1px solid var(--border-color);padding-bottom:12px}.resumen-rows{display:flex;flex-direction:column;gap:12px;margin-bottom:16px}.resumen-linea{display:flex;justify-content:space-between;font-size:14px;color:var(--text-primary)}.resumen-linea.total{border-top:1px solid var(--border-color);padding-top:12px;font-size:18px}.btn-checkout,.resumen-linea.total{font-weight:700;color:var(--text-primary)}.btn-checkout{width:100%;background-color:#f66f30;border:none;border-radius:4px;padding:12px;font-size:14px;cursor:pointer;transition:background-color .2s;margin-bottom:8px}.btn-checkout:hover{background-color:#f2761d}.btn-vaciar{width:100%;background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;padding:12px;font-weight:600;font-size:14px;cursor:pointer;transition:background-color .2s;margin-bottom:12px}.btn-vaciar:hover{background-color:#f0f0f0}.disclaimer{font-size:12px;color:var(--text-secondary);margin:0;text-align:center}.checkout-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;overflow-y:auto}.checkout-content{background:#fff;border-radius:8px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 10px 40px rgba(0,0,0,.2)}.checkout-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid var(--border-color);position:sticky;top:0;background:#fff}.checkout-header h2{margin:0;font-size:24px;color:var(--text-primary)}.btn-cerrar{background:none;border:none;font-size:24px;color:var(--text-secondary);cursor:pointer;padding:0;width:32px;height:32px;display:flex;align-items:center;justify-content:center;transition:color .2s}.btn-cerrar:hover{color:var(--text-primary)}.checkout-form{padding:24px}.form-section{margin-bottom:24px}.form-section h3{font-size:16px;font-weight:700;margin:0 0 16px 0;color:var(--text-primary)}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-size:13px;color:var(--text-primary)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:10px 12px;border:1px solid var(--border-color);border-radius:4px;font-size:14px;font-family:inherit;transition:border-color .2s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--amazon-blue);box-shadow:0 0 0 3px rgba(0,102,192,.1)}.info-box{display:flex;gap:12px;padding:16px;background-color:#e8f4f8;border:1px solid #b3d9e8;border-radius:4px;margin-bottom:24px}.info-icon{font-size:24px;flex-shrink:0}.info-content h4{font-size:14px;font-weight:700;margin:0 0 6px 0;color:var(--text-primary)}.info-content p{font-size:13px;color:var(--text-secondary);margin:0;line-height:1.5}.checkout-resumen{background-color:#f9f9f9;border:1px solid var(--border-color);border-radius:4px;padding:16px;margin:24px 0}.checkout-resumen h3{font-size:14px;font-weight:700;margin:0 0 12px 0;color:var(--text-primary)}.checkout-resumen .resumen-linea{padding:6px 0}.checkout-resumen .resumen-linea.total{border-top:1px solid var(--border-color);padding-top:10px;margin-top:10px}.checkout-actions{display:flex;gap:12px;margin-top:24px}.checkout-actions button{flex:1;padding:12px;border:none;border-radius:4px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s}.btn-confirmar{background-color:#e74c3c;color:var(--text-primary)}.btn-confirmar:hover:not(:disabled){background-color:#c0392b}.btn-confirmar:disabled{opacity:.6;cursor:not-allowed}.btn-cancelar{background-color:#fff;color:var(--text-primary);border:1px solid var(--border-color)}.btn-cancelar:hover{background-color:var(--amazon-light)}@media (max-width:768px){.carrito-header h1{font-size:20px}.producto-item{grid-template-columns:80px 1fr;gap:12px;padding:12px}.item-image-wrapper{width:80px;height:80px}.item-actions,.item-subtotal{grid-column:1/-1}.item-subtotal{margin-top:12px}.info-boxes{grid-template-columns:1fr}.resumen-card{position:static}.checkout-actions{flex-direction:column}.checkout-actions button{width:100%}}.promociones-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.promo-card{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 4px 16px rgba(0,0,0,.08);position:relative;transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column}.promo-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.12)}.promo-badge{position:absolute;top:12px;right:12px;background:linear-gradient(135deg,#ff6000,#ff8000);color:#fff;padding:6px 12px;border-radius:6px;font-weight:700;font-size:.85rem;z-index:2;box-shadow:0 2px 8px rgba(255,96,0,.3)}.promo-img{width:100%;height:200px;-o-object-fit:contain;object-fit:contain;background-color:#fafafa;padding:16px;transition:transform .3s ease}.promo-card:hover .promo-img{transform:scale(1.03)}.promo-info{padding:20px;flex-grow:1;display:flex;flex-direction:column}.promo-info h3{margin:0 0 8px 0;font-size:1.1rem;color:#2c3e50;font-weight:700}.promo-descripcion{color:#777;font-size:.9rem;margin-bottom:15px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:3.8em}.precios-container{background-color:#fff9f2;border:1px dashed #ff8000;border-radius:10px;padding:12px;margin:10px 0}.precio-original{display:flex;justify-content:space-between;margin-bottom:4px}.valor-tachado{text-decoration:line-through;color:#b0bec5;font-weight:500}.precio-promo{display:flex;justify-content:space-between;align-items:center}.valor-descuento{color:#ff8000;font-size:1.6rem;font-weight:800}.ahorro{text-align:center;margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,128,0,.1)}.label-ahorro{color:#2e7d32;font-size:.85rem;font-weight:700;background:#e8f5e9;padding:4px 8px;border-radius:4px}.login-mensaje{background-color:#f0f4f8;border-radius:10px;padding:15px;margin:15px 0;text-align:center}.login-mensaje p{color:#546e7a;font-size:.9rem;font-weight:600}.validez-promo{margin-top:auto;padding-top:15px;border-top:1px solid #eee;text-align:center}.validez-promo small{color:#999;font-size:.8rem}.mensaje-carga,.mensaje-error,.sin-promociones{text-align:center;padding:80px 20px;background:#fff;border-radius:20px;max-width:500px;margin:40px auto;box-shadow:0 10px 30px rgba(0,0,0,.05)}.btn-promo,.btn-reintentar{background-color:#ff8000;color:#fff;border:none;padding:12px 30px;border-radius:8px;font-weight:700;cursor:pointer;margin-top:20px;transition:all .3s}.btn-promo:hover,.btn-reintentar:hover{background-color:#e67300;box-shadow:0 4px 12px rgba(255,128,0,.3)}@media (max-width:768px){.promo-hero h1{font-size:2.2rem}.promociones-grid-container{grid-template-columns:1fr;padding:0 30px}}.create-product-container[data-v-b2fa3590]{max-width:600px;margin:2rem auto;padding:2rem;background-color:#fff;border-radius:8px;box-shadow:0 2px 10px rgba(0,0,0,.1)}h2[data-v-b2fa3590]{text-align:center;margin-bottom:1.5rem;color:#333}.product-form[data-v-b2fa3590]{gap:1rem}.form-group[data-v-b2fa3590],.product-form[data-v-b2fa3590]{display:flex;flex-direction:column}.form-row[data-v-b2fa3590]{display:flex;gap:1rem}.form-row .form-group[data-v-b2fa3590]{flex:1}label[data-v-b2fa3590]{margin-bottom:.5rem;font-weight:700;color:#555}input[data-v-b2fa3590],textarea[data-v-b2fa3590]{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}textarea[data-v-b2fa3590]{resize:vertical;min-height:100px}.submit-button[data-v-b2fa3590]{padding:1rem;background-color:#007bff;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.submit-button[data-v-b2fa3590]:hover{background-color:#0056b3}.submit-button[data-v-b2fa3590]:disabled{background-color:#ccc;cursor:not-allowed}.error-message[data-v-b2fa3590]{color:#dc3545;text-align:center}.success-message[data-v-b2fa3590]{color:#28a745;text-align:center}.todos-productos-container{flex:1;background-color:#f5f5f5;padding-bottom:40px}.page-header{background:linear-gradient(135deg,#ff8000,#ff6000);color:#fff;padding:40px 20px;text-align:center}.page-header h1{font-size:2.5rem;margin:0 0 10px 0;font-weight:700}.search-indicator{margin-top:15px}.search-tag{display:inline-flex;align-items:center;gap:8px;background:hsla(0,0%,100%,.2);padding:8px 16px;border-radius:20px;font-size:.95rem;backdrop-filter:blur(5px)}.search-tag strong{color:#fff}.clear-search-btn{background:hsla(0,0%,100%,.3);border:none;color:#fff;width:22px;height:22px;border-radius:50%;cursor:pointer;font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .2s}.clear-search-btn:hover{background:hsla(0,0%,100%,.5)}.productos-layout{max-width:1400px;margin:30px auto;padding:0 20px;display:grid;grid-template-columns:280px 1fr;gap:30px}.filtros-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.filtros-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.filtros-header h2{font-size:1.4rem;margin:0;color:#333}.limpiar-btn{background:none;border:none;color:#ff8000;font-size:.85rem;cursor:pointer;text-decoration:underline}.limpiar-btn:hover{color:#ff6000}.filtro-seccion{margin-bottom:25px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.filtro-seccion:last-child{border-bottom:none}.filtro-seccion h3{font-size:1rem;margin:0 0 12px 0;color:#555;font-weight:600}.filtro-opciones{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;font-size:.9rem;color:#666}.checkbox-label input[type=checkbox]{cursor:pointer;width:16px;height:16px}.checkbox-label:hover{color:#333}.categoria-checkbox{padding:6px 8px;border-radius:6px;transition:all .2s ease}.categoria-checkbox:hover{background-color:#f5f5f5}.categoria-label-content{display:flex;align-items:center;gap:10px;width:100%}.categoria-icon-wrapper{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0}.categoria-icon{width:32px;height:32px;stroke:#667eea;stroke-width:2}.categoria-nombre{flex:1;font-size:.9rem}.categoria-checkbox input[type=checkbox]:checked~.categoria-label-content .categoria-icon{stroke:#5568d3}.precio-inputs{display:flex;align-items:center;gap:8px;margin-bottom:8px}.precio-input{flex:1;padding:6px 8px;border:1px solid #ddd;border-radius:6px;font-size:.85rem;width:80px;max-width:90px}.precio-input:focus{outline:none;border-color:#ff8000}.precio-separador{color:#999;font-weight:500}.precio-info{font-size:.85rem;color:#888}.productos-main{background:#fff;border-radius:12px;padding:25px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.productos-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.resultados-info span{font-size:.95rem;color:#666;font-weight:500}.vista-opciones{gap:8px}.vista-btn,.vista-opciones{display:flex;align-items:center}.vista-btn{padding:8px 12px;border:1px solid #ddd;background:#fff;color:#666;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .3s ease;justify-content:center}.vista-btn:hover{border-color:#ff8000;color:#ff8000}.vista-btn.active{background-color:#ff8000;color:#fff;border-color:#ff8000}.ordenar-section{display:flex;align-items:center;gap:10px}.ordenar-section label{font-size:.9rem;color:#666}.ordenar-select{padding:8px 12px;border:1px solid #ddd;border-radius:6px;font-size:.9rem;cursor:pointer;background:#fff}.ordenar-select:focus{outline:none;border-color:#ff8000}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:25px}.productos-grid.vista-lista{display:flex;flex-direction:column;gap:20px}.productos-grid.vista-lista .producto-card{display:flex;flex-direction:row;max-width:100%;height:auto}.productos-grid.vista-lista .producto-imagen{width:220px;min-width:220px;height:200px;flex-shrink:0}.productos-grid.vista-lista .producto-info{flex:1;display:flex;flex-direction:column;justify-content:space-between;padding:20px}.productos-grid.vista-lista .producto-info h3{font-size:1.3rem;min-height:auto;margin-bottom:10px}.productos-grid.vista-lista .descripcion{font-size:.95rem;min-height:auto;flex:1;margin-bottom:15px}.productos-grid.vista-lista .producto-footer{margin-bottom:15px}.productos-grid.vista-lista .precio{font-size:1.6rem}.productos-grid.vista-lista .producto-acciones{max-width:400px}.producto-card{background:#fff;border:1px solid #e0e0e0;border-radius:12px;overflow:hidden;transition:transform .3s ease,box-shadow .3s ease;cursor:pointer}.producto-card:hover{transform:translateY(-5px);box-shadow:0 8px 20px rgba(0,0,0,.12)}.producto-imagen{position:relative;width:100%;height:240px;overflow:hidden;background:#f8f8f8;display:flex;align-items:center;justify-content:center;padding:20px}.producto-imagen img{max-width:100%;max-height:100%;-o-object-fit:contain;object-fit:contain;transition:transform .3s ease}.producto-card:hover .producto-imagen img{transform:scale(1.05)}.badge{position:absolute;top:10px;right:10px;padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff}.badge.sin-stock{background-color:#e74c3c}.badge.poco-stock{background-color:#f39c12}.producto-info{padding:16px;display:flex;flex-direction:column;flex:1}.marca-tag{display:inline-block;background-color:#f0f0f0;color:#555;padding:4px 10px;border-radius:4px;font-size:.75rem;font-weight:600;margin-bottom:8px}.producto-info h3{font-size:15px;margin:0 0 12px 0;color:#2c3e50;font-weight:600;line-height:1.4;min-height:42px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.descripcion{font-size:.85rem;color:#777;margin:8px 0;line-height:1.4;min-height:40px}.producto-footer{display:flex;justify-content:space-between;align-items:center;margin:12px 0}.precio{font-size:1.4rem;font-weight:700;color:#ff8000;margin:0}.stock{font-size:.85rem;color:#27ae60;font-weight:500;margin:0}.stock.sin-stock{color:#e74c3c}.stock.pocas-unidades{color:#ff9800;font-weight:600}.producto-acciones{display:flex;gap:10px}.agregar-btn,.ver-btn{flex:1;padding:10px;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.ver-btn{background-color:#ff8000;color:#fff}.ver-btn:hover{background-color:#ff6000}.agregar-btn{background-color:#27ae60;color:#fff}.agregar-btn:hover{background-color:#229954}.loading,.no-productos{text-align:center;padding:60px 20px;color:#999;font-size:1.1rem}.paginacion{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:40px;padding-top:30px;border-top:2px solid #f0f0f0}.pagina-btn{padding:10px 20px;border:1px solid #ff8000;background:#fff;color:#ff8000;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.pagina-btn:hover:not(:disabled){background-color:#ff8000;color:#fff}.pagina-btn:disabled{opacity:.5;cursor:not-allowed}.pagina-info{font-size:.95rem;color:#666;font-weight:500}@media (max-width:1024px){.productos-layout{grid-template-columns:1fr}.filtros-sidebar{position:static}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}}@media (max-width:768px){.page-header h1{font-size:2rem}.productos-toolbar{flex-direction:column;align-items:flex-start;gap:15px}.vista-opciones{order:-1;width:100%;justify-content:center}.productos-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:15px}.productos-grid.vista-lista .producto-card{flex-direction:column}.productos-grid.vista-lista .producto-imagen{width:100%;height:180px}.producto-imagen{height:180px}}@media (max-width:480px){.productos-grid{grid-template-columns:1fr}.paginacion{flex-direction:column;gap:10px}}.perfil-usuario-container{min-height:100vh;background-color:#f5f5f5;padding-bottom:40px}.perfil-header{background:linear-gradient(135deg,#ff8000,#ff6000);color:#fff;padding:40px 20px;text-align:center}.perfil-header h1{font-size:2.5rem;margin:0 0 10px 0;font-weight:700}.breadcrumb{font-size:.95rem;opacity:.9}.breadcrumb a{color:#fff;text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.perfil-content{max-width:1200px;margin:30px auto;padding:0 20px;display:grid;grid-template-columns:250px 1fr;gap:30px}.perfil-sidebar{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px rgba(0,0,0,.1);height:-moz-fit-content;height:fit-content;position:sticky;top:20px}.perfil-nav{display:flex;flex-direction:column;gap:10px}.nav-item{width:100%;padding:12px 16px;border:none;background:#fff;color:#555;text-align:left;border-radius:8px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:8px}.nav-item:hover{background-color:#f0f0f0;color:#ff8000}.nav-item.active{background:linear-gradient(135deg,#ff8000,#ff6000);color:#fff}.perfil-main{background:#fff;border-radius:12px;padding:30px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.seccion-contenido h2{font-size:1.8rem;color:#333;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f0f0f0}.perfil-form{max-width:800px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{font-weight:600;color:#555;margin-bottom:8px;font-size:.95rem}.form-group input,.form-group textarea{padding:12px 15px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;transition:all .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#ff8000;box-shadow:0 0 0 3px rgba(255,128,0,.1)}.form-group input:disabled,.form-group textarea:disabled{background-color:#f5f5f5;cursor:not-allowed}.field-help{display:block;margin-top:4px;font-size:12px;color:#666;font-style:italic}.form-group small{color:#888;font-size:.85rem;margin-top:5px}.form-group textarea{resize:vertical;min-height:80px}.form-actions{display:flex;gap:15px;margin-top:30px}.btn-cancelar,.btn-comprar,.btn-editar,.btn-guardar{padding:12px 24px;border:none;border-radius:8px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:inline-flex;align-items:center;gap:8px}.btn-editar{background:linear-gradient(135deg,#ff8000,#ff6000);color:#fff}.btn-editar:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,128,0,.4)}.btn-guardar{background:linear-gradient(135deg,#27ae60,#229954);color:#fff}.btn-guardar:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 12px rgba(247,118,25,.887)}.btn-guardar:disabled{opacity:.6;cursor:not-allowed}.btn-cancelar{background:#e0e0e0;color:#555}.btn-cancelar:hover{background:#d0d0d0}.btn-comprar{background:linear-gradient(135deg,#ff8000,#ff6000);color:#fff;text-decoration:none;margin-top:20px}.btn-comprar:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,128,0,.4)}.mensaje{padding:12px 16px;border-radius:8px;margin-top:20px;font-weight:500}.mensaje.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.mensaje.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}.loading,.no-pedidos{text-align:center;padding:60px 20px;color:#999}.no-pedidos p{font-size:1.1rem;margin-bottom:20px}.pedidos-lista{display:grid;gap:20px}.pedido-card{background:#f9f9f9;border:1px solid #e0e0e0;border-radius:12px;padding:20px;transition:all .3s ease}.pedido-card:hover{box-shadow:0 4px 12px rgba(0,0,0,.1)}.pedido-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px;padding-bottom:15px;border-bottom:1px solid #e0e0e0}.pedido-header h3{font-size:1.2rem;color:#333;margin:0}.estado-badge{padding:6px 12px;border-radius:20px;font-size:.85rem;font-weight:600;text-transform:uppercase}.estado-badge.pending{background-color:#fff3cd;color:#856404}.estado-badge.paid{background-color:#d1ecf1;color:#d88d1b}.estado-badge.shipped{background-color:#cce5ff;color:#ffa726}.estado-badge.completed{background-color:#d4edda;color:#ffa726}.estado-badge.cancelled{background-color:#f8d7da;color:#721c24}.pedido-info{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:15px}.pedido-info p{margin:0;font-size:.95rem;color:#555}.btn-ver-detalle{padding:10px 20px;background:#ff8000;color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-ver-detalle:hover{background:#ff6000;transform:translateX(5px)}@media (max-width:1024px){.perfil-content{grid-template-columns:1fr}.perfil-sidebar{position:static}.perfil-nav{flex-direction:row;overflow-x:auto}.nav-item{white-space:nowrap}}@media (max-width:768px){.perfil-header h1{font-size:2rem}.perfil-main{padding:20px}.form-row{grid-template-columns:1fr}.form-actions{flex-direction:column}.form-actions button{width:100%}.pedido-info{grid-template-columns:1fr}}@media (max-width:480px){.perfil-content{padding:0 10px}.perfil-main{padding:15px}.seccion-contenido h2{font-size:1.5rem}}.olvide-password-container[data-v-54e8ae88]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.olvide-password-card[data-v-54e8ae88]{background:#fff;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:500px;width:100%;padding:40px;animation:slideIn-54e8ae88 .4s ease-out}@keyframes slideIn-54e8ae88{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.header[data-v-54e8ae88]{text-align:center;margin-bottom:30px}.icon[data-v-54e8ae88]{font-size:60px;margin-bottom:15px}.header h1[data-v-54e8ae88]{font-size:28px;color:#333;margin:0 0 10px 0;font-weight:600}.subtitle[data-v-54e8ae88]{color:#666;font-size:16px;margin:0}.instructions[data-v-54e8ae88]{text-align:center;color:#555;font-size:15px;line-height:1.6;margin-bottom:25px}.form-group[data-v-54e8ae88]{margin-bottom:20px}.form-group label[data-v-54e8ae88]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.form-group input[data-v-54e8ae88]{width:100%;padding:12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease;box-sizing:border-box}.form-group input[data-v-54e8ae88]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.form-group input[data-v-54e8ae88]:disabled{background-color:#f5f5f5;cursor:not-allowed}.error-message[data-v-54e8ae88]{display:block;color:#dc3545;font-size:13px;margin-top:5px}.btn-submit[data-v-54e8ae88]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:10px}.btn-submit[data-v-54e8ae88]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-submit[data-v-54e8ae88]:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-box[data-v-54e8ae88]{background-color:#fff3cd;border-left:4px solid #ffc107;padding:12px 15px;border-radius:5px;margin-top:20px;color:#856404;font-size:14px}.success-message[data-v-54e8ae88]{text-align:center;animation:fadeIn-54e8ae88 .5s ease-out}@keyframes fadeIn-54e8ae88{0%{opacity:0}to{opacity:1}}.success-icon[data-v-54e8ae88]{font-size:80px;margin-bottom:20px}.success-message h2[data-v-54e8ae88]{color:#28a745;font-size:24px;margin:0 0 15px 0}.success-message p[data-v-54e8ae88]{color:#555;font-size:15px;line-height:1.6;margin:10px 0}.info[data-v-54e8ae88]{background-color:#e8f5e9;padding:12px;border-radius:8px;margin:15px 0}.info-secondary[data-v-54e8ae88]{color:#777;font-size:13px;font-style:italic}.footer-links[data-v-54e8ae88]{text-align:center;margin-top:30px;padding-top:20px;border-top:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;gap:10px}.link[data-v-54e8ae88]{color:#667eea;text-decoration:none;font-size:14px;transition:color .3s ease}.link[data-v-54e8ae88]:hover{color:#764ba2;text-decoration:underline}.link-button[data-v-54e8ae88]{background:none;border:none;color:#667eea;text-decoration:none;font-size:14px;cursor:pointer;transition:color .3s ease;padding:0}.link-button[data-v-54e8ae88]:hover{color:#764ba2;text-decoration:underline}.separator[data-v-54e8ae88]{color:#ccc}@media (max-width:600px){.olvide-password-card[data-v-54e8ae88]{padding:30px 20px}.header h1[data-v-54e8ae88]{font-size:24px}.icon[data-v-54e8ae88]{font-size:50px}}.restablecer-password-container[data-v-5cf526d7]{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.restablecer-password-card[data-v-5cf526d7]{background:#fff;border-radius:15px;box-shadow:0 10px 40px rgba(0,0,0,.2);max-width:550px;width:100%;padding:40px;animation:slideIn-5cf526d7 .4s ease-out}@keyframes slideIn-5cf526d7{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.error-state[data-v-5cf526d7],.loading-state[data-v-5cf526d7],.success-state[data-v-5cf526d7]{text-align:center}.spinner[data-v-5cf526d7]{border:4px solid #f3f3f3;border-top:4px solid #667eea;border-radius:50%;width:50px;height:50px;animation:spin-5cf526d7 1s linear infinite;margin:0 auto 20px}@keyframes spin-5cf526d7{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.error-icon[data-v-5cf526d7],.success-icon[data-v-5cf526d7]{font-size:80px;margin-bottom:20px}.error-state h2[data-v-5cf526d7],.success-state h2[data-v-5cf526d7]{font-size:24px;margin:0 0 15px 0}.error-state h2[data-v-5cf526d7]{color:#dc3545}.success-state h2[data-v-5cf526d7]{color:#28a745}.error-state p[data-v-5cf526d7],.success-state p[data-v-5cf526d7]{color:#555;font-size:15px;line-height:1.6;margin:10px 0}.info[data-v-5cf526d7]{background-color:#e8f5e9;padding:12px;border-radius:8px;margin:15px 0 25px 0}.header[data-v-5cf526d7]{text-align:center;margin-bottom:30px}.icon[data-v-5cf526d7]{font-size:60px;margin-bottom:15px}.header h1[data-v-5cf526d7]{font-size:28px;color:#333;margin:0 0 10px 0;font-weight:600}.subtitle[data-v-5cf526d7]{color:#666;font-size:16px;margin:0}.form-group[data-v-5cf526d7]{margin-bottom:20px}.form-group label[data-v-5cf526d7]{display:block;margin-bottom:8px;color:#333;font-weight:500;font-size:14px}.password-input-wrapper[data-v-5cf526d7]{position:relative;display:flex;align-items:center}.password-input-wrapper input[data-v-5cf526d7]{flex:1;padding:12px 50px 12px 15px;border:2px solid #e0e0e0;border-radius:8px;font-size:15px;transition:all .3s ease}.password-input-wrapper input[data-v-5cf526d7]:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1)}.password-input-wrapper input[data-v-5cf526d7]:disabled{background-color:#f5f5f5;cursor:not-allowed}.toggle-password[data-v-5cf526d7]{position:absolute;right:10px;background:none;border:none;font-size:20px;cursor:pointer;padding:5px;opacity:.6;transition:opacity .3s ease}.toggle-password[data-v-5cf526d7]:hover:not(:disabled){opacity:1}.toggle-password[data-v-5cf526d7]:disabled{cursor:not-allowed}.error-message[data-v-5cf526d7]{display:block;color:#dc3545;font-size:13px;margin-top:5px}.password-requirements[data-v-5cf526d7]{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:20px}.requirements-title[data-v-5cf526d7]{font-size:14px;font-weight:600;color:#333;margin:0 0 10px 0}.password-requirements ul[data-v-5cf526d7]{list-style:none;padding:0;margin:0}.password-requirements li[data-v-5cf526d7]{font-size:13px;color:#666;padding:5px 0;transition:all .3s ease}.password-requirements li.valid[data-v-5cf526d7]{color:#28a745;font-weight:500}.btn-primary[data-v-5cf526d7],.btn-submit[data-v-5cf526d7]{width:100%;padding:14px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;text-decoration:none;display:inline-block;text-align:center;box-sizing:border-box}.btn-primary[data-v-5cf526d7]:hover,.btn-submit[data-v-5cf526d7]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 5px 15px rgba(102,126,234,.4)}.btn-submit[data-v-5cf526d7]:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-box[data-v-5cf526d7]{background-color:#fff3cd;border-left:4px solid #ffc107;padding:12px 15px;border-radius:5px;margin-top:20px;color:#856404;font-size:14px}.link[data-v-5cf526d7]{display:inline-block;margin-top:15px;color:#667eea;text-decoration:none;font-size:14px;transition:color .3s ease}.link[data-v-5cf526d7]:hover{color:#764ba2;text-decoration:underline}@media (max-width:600px){.restablecer-password-card[data-v-5cf526d7]{padding:30px 20px}.header h1[data-v-5cf526d7]{font-size:24px}.icon[data-v-5cf526d7]{font-size:50px}}.info-column{display:flex;flex-direction:column;gap:20px}.map-card{padding:30px}.map-frame{border-radius:12px;overflow:hidden;border:1px solid #eee;margin-bottom:20px}.btn-directions{display:block;text-align:center;width:100%}@media (max-width:992px){.info-column{width:100%}}.mision-vision-page{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#e9ecef)}.hero-section{padding:80px 20px;position:relative;overflow:hidden}.hero-section:before{display:none}.hero-content{position:relative;z-index:1}.hero-title{font-size:3rem;margin:0 0 20px 0;color:#fff;line-height:1.2}.hero-subtitle{font-size:1.35rem;color:#151414;opacity:.98;font-weight:400;line-height:1.6}.content-container{padding:60px 20px}.section-card{background:transparent;border-radius:0;padding:24px;margin-bottom:20px;box-shadow:none;transition:transform .3s ease,box-shadow .3s ease}.section-card:hover{transform:none;box-shadow:none}.section-card:focus-within{outline:3px solid #f60;outline-offset:4px}.icon-wrapper{text-align:center;margin-bottom:24px}.section-icon{font-size:4rem;display:inline-block;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.mision-section,.vision-section{border-top:none}.section-title{margin:0 0 32px 0}.section-title,.section-title-center{font-size:2.5rem;text-align:center;line-height:1.3}.section-title-center{font-weight:700;color:#2c3e50;margin:0 0 48px 0}.section-content{font-size:1.2rem;line-height:1.9;color:#1d1c1c;max-width:900px;margin:0 auto}.section-content p{margin:0 0 24px 0}.cta-section{background:#ff6000;border-radius:16px;padding:64px 32px;text-align:center;color:#fff;margin-bottom:40px;box-shadow:0 8px 30px rgba(255,102,0,.3)}.cta-content h2{font-size:2.5rem;font-weight:700;margin:0 0 20px 0;line-height:1.3}.cta-content p{font-size:1.35rem;opacity:.98;margin:0 0 36px 0;line-height:1.6}.cta-buttons{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.btn-primary,.btn-secondary{padding:16px 36px;font-size:1.1rem;font-weight:600;border:none;border-radius:8px;cursor:pointer;transition:all .3s ease;min-width:180px}.btn-primary{background:#fff;color:#ffa726;border:2px solid #fff}.btn-primary:hover{background:#f5f5f5;color:#ffa726;box-shadow:0 6px 20px hsla(0,0%,100%,.4)}.btn-primary:focus{outline:3px solid #333;outline-offset:4px}.btn-secondary{background:transparent;color:#fff;border:2px solid #fff}.btn-secondary:hover{background:hsla(0,0%,100%,.15);transform:translateY(-2px)}.btn-secondary:focus{outline:3px solid #333;outline-offset:4px}@media (max-width:768px){.hero-section{padding:60px 20px}.hero-title{font-size:2.2rem}.hero-subtitle{font-size:1.1rem}.section-card{padding:16px 12px}.section-title,.section-title-center{font-size:2.2rem}.section-content{font-size:1.5rem}.valores-grid{grid-template-columns:1fr}.objetivo-item{flex-direction:column;align-items:center;text-align:center;padding:28px}.objetivo-number{width:60px;height:60px;font-size:1.5rem}.cta-content h2{font-size:2rem}.cta-content p{font-size:1.1rem}.cta-buttons{flex-direction:column;align-items:center}.btn-primary,.btn-secondary{width:100%;max-width:300px}}@media (prefers-reduced-motion:reduce){.btn-primary,.btn-secondary,.objetivo-item,.section-card,.section-icon,.valor-card{animation:none;transition:none}}@media (prefers-contrast:high){.objetivo-item,.section-card,.valor-card{border:2px solid #000}.btn-primary{border:3px solid #000}.btn-secondary{border:3px solid #fff}}.section-card strong{color:#ff6000}:root{--background:#fcfcfc;--foreground:#1a1a1a;--card:#fff;--card-foreground:#1a1a1a;--primary:#ffa726;--primary-foreground:#fff;--secondary:#f5f5f5;--secondary-foreground:#1a1a1a;--muted:#f5f5f5;--muted-foreground:#666;--accent:#ff9800;--accent-foreground:#fff;--border:#e0e0e0;--input:#e0e0e0;--ring:#ffa726;--radius:0.5rem}.dark{--background:#1a1a1a;--foreground:#f5f5f5;--card:#2d2d2d;--card-foreground:#f5f5f5;--primary:#ffa726;--primary-foreground:#1a1a1a;--secondary:#333;--secondary-foreground:#f5f5f5;--muted:#404040;--muted-foreground:#a0a0a0;--accent:#ff9800;--accent-foreground:#f5f5f5;--border:#404040;--input:#404040;--ring:#ffa726}*{box-sizing:border-box}html{scroll-behavior:smooth}.glass{background:hsla(0,0%,100%,.8);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1)}.dark .glass{background:rgba(45,45,45,.8);border:1px solid hsla(0,0%,100%,.1)}.glass-card{background:hsla(0,0%,100%,.5);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.08)}.dark .glass-card{background:rgba(45,45,45,.5);border:1px solid hsla(0,0%,100%,.08)}.animate-fade-in{animation:fadeIn .6s ease-out forwards}.animate-slide-up{animation:slideUp .8s ease-out forwards}.animate-scale-in{animation:scaleIn .5s ease-out forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.page-layout{background:linear-gradient(135deg,#f5f7fa,#e9ecef)}.page-layout,.page-layout-white{min-height:100vh;display:flex;flex-direction:column}.page-layout-white{background-color:#fff}.hero-section{background:linear-gradient(135deg,#ff6000,#ff8000);color:#fff;padding:50px 20px;text-align:center}.hero-section.hero-compact{padding:40px 20px}.hero-section.hero-large{padding:70px 20px}.hero-content{max-width:800px;margin:0 auto}.hero-title{font-size:2.8rem;font-weight:800;margin-bottom:12px;color:#fff!important;letter-spacing:-.5px}.hero-subtitle{font-size:1.15rem;color:hsla(0,0%,100%,.9);line-height:1.5;max-width:600px;margin:0 auto}.content-container{max-width:1200px;margin:0 auto;padding:40px 20px 60px;flex:1}.content-container.narrow{max-width:850px}.content-container.wide{max-width:1400px}.section-card{background:#fff;padding:30px;border-radius:12px;box-shadow:0 4px 16px rgba(0,0,0,.06);margin-bottom:24px;transition:transform .2s ease,box-shadow .2s ease}.section-card:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(0,0,0,.1)}.section-card.card-accent{border-left:4px solid #ff6000}.section-card.card-flat{box-shadow:none;border:1px solid #eee}.section-card.card-flat:hover{transform:none;box-shadow:none}.section-title{font-size:1.5rem;color:#2c3e50;margin-bottom:16px;font-weight:700}.section-title.title-accent{color:#ff6000}.section-content{color:#444;font-size:1rem;line-height:1.7}.section-content p{margin-bottom:12px}.section-content p:last-child{margin-bottom:0}.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.cards-grid.grid-2{grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.cards-grid.grid-3{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,#ff6000,#ff8000);color:#fff;text-decoration:none;padding:14px 28px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease}.btn-primary:hover{background:linear-gradient(135deg,#e65500,#ff7000);transform:translateY(-2px);box-shadow:0 4px 12px rgba(255,96,0,.3)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#ff6000;text-decoration:none;padding:14px 28px;border-radius:8px;font-weight:600;font-size:.95rem;border:2px solid #ff6000;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:#ff6000;color:#fff}.btn-dark{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:#2c3e50;color:#fff;text-decoration:none;padding:14px 28px;border-radius:8px;font-weight:600;font-size:.95rem;border:none;cursor:pointer;transition:all .2s ease}.btn-dark:hover{background:#1a252f}.info-card{background:#fff;padding:24px;border-radius:12px;box-shadow:0 4px 12px rgba(0,0,0,.06);border-left:4px solid #ff6000}.info-card .card-title{color:#ff6000;font-size:1.1rem;font-weight:700;margin-bottom:10px}.info-card p{color:#555;line-height:1.6;margin:0}.flex-row{display:flex;gap:30px;align-items:flex-start}.flex-row.center{align-items:center}.flex-col{flex:1}.flex-col-2{flex:2}.divider{height:1px;background:linear-gradient(90deg,transparent,#e0e0e0,transparent);margin:30px 0}.divider-solid{height:1px;background:#eee;margin:24px 0}.message-box{padding:20px;border-radius:8px;text-align:center}.message-box.info{background:#e3f2fd;color:#1565c0}.message-box.success{background:#e8f5e9;color:#2e7d32}.message-box.warning{background:#fff3e0;color:#ef6c00}.message-box.error{background:#ffebee;color:#c62828}@media (max-width:992px){.hero-title{font-size:2.2rem}.flex-row{flex-direction:column}.content-container{padding:30px 16px 50px}}@media (max-width:768px){.hero-section{padding:40px 16px}.hero-title{font-size:1.8rem}.hero-subtitle{font-size:1rem}.section-card{padding:20px}.section-title{font-size:1.3rem}.cards-grid{grid-template-columns:1fr}}