.mt-logo-container{display:flex;align-items:center;transition:all .3s ease}.mt-logo{height:110px;width:auto;transition:transform .3s ease;object-fit:contain;border-radius:10%}.mt-logo:hover{transform:scale(1.05)}@media (max-width: 768px){.mt-logo{height:80px}}.buscador-productos{position:relative;width:100%;max-width:400px}.buscador-input{width:90%;padding:.8rem 1rem;border:1.5px solid #e6eaf0;border-radius:8px;font-size:.95rem;color:#0a174e;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0a174e12}.buscador-input:focus{outline:none;border-color:#0a174e;box-shadow:0 4px 12px #0a174e1a}.buscador-input::placeholder{color:#8a94a6}.resultados-busqueda{position:absolute;top:100%;left:0;right:0;background:#fff;border-radius:8px;box-shadow:0 4px 16px #0a174e1a;margin-top:.5rem;z-index:1000;max-height:400px;overflow-y:auto}.resultado-item{display:flex;align-items:center;padding:.8rem;cursor:pointer;transition:background-color .2s ease;border-bottom:1px solid #f0f0f0}.resultado-item:last-child{border-bottom:none}.resultado-item:hover{background-color:#f7faff}.resultado-item img{width:50px;height:50px;object-fit:cover;border-radius:4px;margin-right:1rem}.placeholder-imagen{width:50px;height:50px;background:#f0f0f0;border-radius:4px;display:flex;align-items:center;justify-content:center;margin-right:1rem;font-size:.8rem;color:#8a94a6}.resultado-info{flex:1}.resultado-info h4{margin:0;font-size:.95rem;color:#0a174e;font-weight:500}.resultado-info p{margin:.2rem 0 0;font-size:.9rem;color:#8a94a6}@media (max-width: 768px){.buscador-productos{max-width:100%}.buscador-input{padding:.6rem .8rem;font-size:.9rem}.resultado-item{padding:.6rem}.resultado-item img{width:40px;height:40px}.resultado-info h4{font-size:.9rem}.resultado-info p{font-size:.8rem}}.mt-navbar{background:#fff;padding:.5rem 2rem;box-shadow:0 2px 16px #0a174e0f;border:none;position:relative;z-index:1000;display:flex;justify-content:flex-start;align-items:center;gap:2.2rem;min-height:56px;font-family:Inter,Segoe UI,Arial,sans-serif}.mt-navbar-brand{display:flex;align-items:center}.mt-navbar-menu-bar{width:100%;display:flex;justify-content:flex-start;align-items:center;position:relative;gap:1.5rem}.mt-navbar-menu{display:flex;align-items:center;gap:1.5rem}.mt-navbar-search{flex:1;max-width:400px;margin:0 2rem}.mt-btn-login{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1.5px solid #e6eaf0;border-radius:50%;box-shadow:0 2px 8px #0a174e12;cursor:pointer;transition:box-shadow .18s,border .18s,background .18s;padding:0;outline:none;position:relative;z-index:1002;text-decoration:none}.mt-whatsapp-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1.5px solid #e6eaf0;border-radius:50%;box-shadow:0 2px 8px #0a174e12;cursor:pointer;transition:box-shadow .18s,border .18s,background .18s;padding:0;outline:none;position:relative;z-index:1002;text-decoration:none}.mt-whatsapp-button svg{color:#25d366;font-size:1.35rem;transition:color .18s;width:1.35rem;height:1.35rem}.mt-admin-menu-container{position:relative}.mt-admin-dropdown{position:absolute;top:100%;right:0;background:#fffffffa;border-radius:12px;box-shadow:0 4px 20px #0000001a;padding:.5rem;min-width:200px;max-width:250px;z-index:1000;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(0,0,0,.1);opacity:0;transform:translateY(-10px);pointer-events:none;transition:all .3s ease;margin-top:.5rem}.mt-admin-dropdown.active{opacity:1;transform:translateY(0);pointer-events:all}.mt-nav-link{color:#181818;text-decoration:none;font-weight:500;background:none;border:none;cursor:pointer;font-size:1rem;padding:.35rem 1.1rem;text-transform:uppercase;letter-spacing:1px;transition:all .2s ease;border-radius:6px;box-shadow:none;margin-right:.2rem}.mt-nav-link:hover{color:#181c3a;background:#f8f9fa}.mt-categorias-button{display:flex;align-items:center;gap:.5rem;color:#181818;background:#fff;border:1px solid #e6eaf0;font-weight:500;font-size:1rem;text-transform:uppercase;letter-spacing:1px;cursor:pointer;padding:.35rem 1.1rem;border-radius:6px;box-shadow:0 2px 8px #0a174e0a;transition:all .2s ease;outline:none;position:relative}.mt-categorias-button:hover,.mt-categorias-button:focus{background:#f8f9fa;color:#181c3a;box-shadow:0 4px 12px #0a174e14;border-color:#d1d5db}.mt-categorias-dropdown{position:absolute;top:110%;left:0;background:#fff;border-radius:8px;box-shadow:0 4px 20px #0a174e14;padding:.5rem;min-width:220px;display:none;z-index:1000;border:1px solid #e6eaf0;animation:fadeInDown .2s ease}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.mt-categorias-dropdown.active{display:block}.mt-categoria-link{display:block;color:#181818;text-decoration:none;padding:.6rem 1rem;font-size:.95rem;text-transform:uppercase;letter-spacing:.8px;border:none;background:none;transition:all .2s ease;border-radius:6px;font-weight:500;margin-bottom:2px}.mt-categoria-link:first-child{background:#f8f9fa;color:#181c3a;font-weight:600;border-radius:6px;margin-bottom:4px;box-shadow:0 2px 4px #0a174e0a}.mt-categoria-link:hover{color:#181c3a;background:#f8f9fa}@media (max-width: 900px){.mt-navbar{padding:.5rem 1rem;gap:1.5rem}.mt-navbar-menu{gap:1.2rem}.mt-navbar-search{margin:0 1rem}.mt-navbar-login{margin-left:1rem;min-width:40px}.mt-nav-link,.mt-categorias-button{font-size:.9rem;padding:.2rem .4rem}.mt-categorias-dropdown{min-width:140px}}@media (max-width: 768px){.mt-navbar{padding:0}.mt-navbar-menu{position:fixed;top:0;left:0;right:0;bottom:0;height:100vh;min-height:100vh;background:#fff;padding:5rem 1.5rem 1.5rem;transform:translate(-100%);transition:transform .3s ease;z-index:9999;overflow-y:auto;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:1.2rem;box-shadow:0 0 20px #0000001a}.mt-navbar-menu.active{transform:translate(0)}.mt-nav-link{width:90vw;max-width:350px;text-align:center;padding:1.2rem 0;border-radius:12px;background:#f8f9fa;margin:.2rem 0;display:flex;align-items:center;justify-content:center;font-size:1.2rem}.mt-categorias-button{width:90vw;max-width:350px;justify-content:center;padding:1.2rem 0;background:#f8f9fa;border-radius:12px;margin:.2rem 0;font-size:1.2rem}.mt-categorias-dropdown{position:static;width:90vw;max-width:350px;box-shadow:none;border:none;padding:.5rem 0;margin-top:.5rem;display:none;background:#f0f2f5;border-radius:12px}.mt-categorias-dropdown.active{display:block}.mt-categoria-link{padding:1rem 0;background:#fff;margin:.3rem 0;border-radius:8px;display:block;font-size:1.1rem}.mt-btn-login,.mt-whatsapp-button{width:44px;height:44px}.mt-btn-login svg,.mt-whatsapp-button svg{width:1.5rem;height:1.5rem}.mt-admin-dropdown{position:fixed;top:50px;right:1rem;left:1rem;max-width:none;margin-top:.5rem}}@media (max-width: 480px){.mt-nav-link,.mt-categorias-button{font-size:.95rem;padding:.7rem .9rem}.mt-categoria-link{font-size:.9rem;padding:.7rem 1.2rem}.mt-btn-login,.mt-whatsapp-button{width:40px;height:40px}.mt-btn-login svg,.mt-whatsapp-button svg{width:1.35rem;height:1.35rem}}.mt-header{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fff;border-bottom:1.5px solid #e6eaf0;box-shadow:0 2px 12px #0a174e0a;height:90px}.mt-header-top{padding:.5rem 2.5rem;height:90px;background:#fff;position:relative;z-index:1001}.mt-header-content{display:flex;align-items:center;justify-content:space-between;gap:2.2rem;max-width:1600px;margin:0 auto;width:100%;height:80px}.mt-header-logo{flex:0 0 auto;display:flex;align-items:center;justify-content:flex-start;min-width:180px;margin-right:2.2rem}.mt-header-logo img,.mt-logo{max-height:68px;max-width:180px;width:auto;height:auto;object-fit:contain;box-shadow:none;background:none}.mt-header-buscador{flex:1 1 0;display:flex;align-items:center;justify-content:center;min-width:220px;max-width:700px;margin:0 2.5rem}.mt-buscador{width:100%;max-width:600px;min-width:180px;border-radius:12px;border:1.5px solid #e6eaf0;background:#fff;padding:.9rem 1.2rem;font-size:1.08rem;color:#222;box-shadow:0 2px 8px #0a174e12;transition:border .18s,box-shadow .18s;outline:none}.mt-buscador::placeholder{color:#b0b8c1;font-size:1.05rem;letter-spacing:.01em}.mt-buscador:focus{border:1.5px solid #007bff;box-shadow:0 4px 16px #007bff1a}.mt-header-icons{display:flex;align-items:center;gap:1.5rem;min-width:120px;justify-content:flex-end;position:relative;z-index:1002;margin-left:auto}.mt-header-nav{width:100%;background:transparent;border-top:1.5px solid #e6eaf0;box-shadow:none;display:flex;justify-content:flex-start;align-items:center;padding:.2rem 0;position:relative;z-index:1000}.mt-mobile-menu-button{display:none;background:#fff;border:1.5px solid #e6eaf0;border-radius:8px;color:#0a174e;font-size:1.5rem;cursor:pointer;padding:.8rem;z-index:1001;box-shadow:0 2px 8px #0a174e12;transition:all .2s ease}.mt-mobile-menu-button:hover{background:#f7faff;box-shadow:0 4px 16px #0a174e21}@media (max-width: 1200px){.mt-header-top{padding:.5rem 1.2rem}.mt-header-content{gap:1.2rem}.mt-header-buscador{margin:0 1rem}}@media (max-width: 900px){.mt-header-top{padding:.5rem 1rem}.mt-header-content{gap:.7rem}.mt-header-buscador{margin:0 .5rem}}@media (max-width: 768px){.mt-header{height:60px}.mt-header-top{padding:.5rem 1rem;height:60px}.mt-header-content{gap:.8rem;height:60px}.mt-header-buscador{display:none}.mt-header-logo{min-width:120px;margin-right:.5rem}.mt-header-logo img,.mt-logo{max-height:45px;max-width:160px}.mt-header-icons{gap:1.5rem}.mt-header-cart-link{font-size:1.4rem}.mt-whatsapp-button,.mt-btn-login{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}.mt-mobile-menu-button{width:32px!important;height:32px!important;min-width:32px!important;min-height:32px!important;max-width:32px!important;max-height:32px!important;padding:0!important;font-size:1.1rem!important;display:flex;align-items:center;justify-content:center}.mt-mobile-menu-button svg{width:20px!important;height:20px!important}.mt-header-nav{display:block;border-top:none}.mt-navbar-menu{position:fixed;top:0;left:0;right:0;bottom:0;background:#fff;padding:5rem 1.5rem 1.5rem;transform:translate(-100%);transition:transform .3s ease;z-index:1000;overflow-y:auto;display:flex;flex-direction:column;gap:1rem}.mt-navbar-menu.active{transform:translate(0)}.mt-header-cart-link{font-size:1.4rem;padding:.5rem;margin-right:1.2rem}.mt-whatsapp-button{padding:.5rem}.mt-btn-login{width:44px;height:44px}.mt-btn-login svg{width:1.5rem;height:1.5rem}.mt-admin-dropdown{position:fixed!important;top:60px!important;left:50%!important;right:auto!important;transform:translate(-50%)!important;width:98vw!important;max-width:98vw!important;min-width:0!important;margin:0 auto!important;background:#fff!important;border-radius:16px!important;box-shadow:0 4px 20px #0a174e26!important;padding:1rem .5rem!important;z-index:2000!important;overflow-x:hidden!important}.mt-admin-section{margin-bottom:1rem}.mt-admin-section h4{font-size:1.1rem;margin-bottom:.5rem;color:#0a174e}.mt-admin-link{padding:.8rem 1rem;font-size:1rem;background:#f7faff;margin:.3rem 0;border-radius:8px}.mt-btn-logout{margin-top:1rem;padding:.8rem;font-size:1rem}}@media (max-width: 480px){.mt-header{height:55px}.mt-header-top{padding:.4rem .8rem;height:55px}.mt-header-content{height:55px;gap:.6rem}.mt-header-logo{min-width:100px}.mt-header-logo img,.mt-logo{max-height:40px;max-width:140px}.mt-header-icons{gap:1.5rem}.mt-mobile-menu-button{padding:.6rem;font-size:1.3rem;min-width:40px;min-height:40px}.mt-header-cart-link{font-size:1.3rem}.mt-btn-login{width:40px;height:40px}.mt-btn-login svg{width:1.3rem;height:1.3rem}.mt-admin-dropdown{top:55px!important;width:99vw!important;max-width:99vw!important;padding:.5rem .2rem!important;border-radius:12px!important}.mt-admin-section h4{font-size:1rem}.mt-admin-link,.mt-btn-logout{padding:.7rem;font-size:.97rem}}@media (max-width: 400px){.mt-admin-dropdown{width:100vw!important;max-width:100vw!important;left:50%!important;transform:translate(-50%)!important;padding:.2rem .05rem!important;border-radius:9px!important}.mt-admin-link{padding:.6rem .4rem;font-size:.93rem}.mt-btn-logout{padding:.6rem;font-size:.93rem}}.mt-header-cart-link{position:relative;display:flex;align-items:center;color:#181818;text-decoration:none;font-size:1.2rem;transition:color .18s}.mt-header-cart-link:hover{color:#007bff}.mt-header-cart-badge{position:absolute;top:-7px;right:-10px;background:#dc3545;color:#fff;border-radius:50%;font-size:.75rem;padding:2px 6px;font-weight:700;box-shadow:0 2px 8px #dc354526;pointer-events:none}.mt-navbar-login{display:flex;align-items:center;gap:1.2rem;position:relative;z-index:1002}.mt-btn-login{display:flex!important;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;background:#fff;border:1.5px solid #e6eaf0;border-radius:50%!important;box-shadow:0 2px 8px #0a174e12;cursor:pointer;transition:box-shadow .18s,border .18s,background .18s;padding:0!important;outline:none;position:relative;z-index:1002;text-decoration:none}.mt-btn-login:hover{box-shadow:0 4px 16px #0a174e21;border:1.5px solid #b3c0d1;background:#f7faff}.mt-btn-login svg{color:#0a174e;font-size:1.35rem;transition:color .18s;width:1.35rem;height:1.35rem}@media (max-width: 768px){.mt-btn-login{width:44px;height:44px}.mt-btn-login svg{width:1.5rem;height:1.5rem}}@media (max-width: 480px){.mt-btn-login{width:40px;height:40px}.mt-btn-login svg{width:1.35rem;height:1.35rem}}.mt-admin-dropdown{position:absolute;top:100%;right:0;background:#fff;border-radius:14px;box-shadow:0 4px 20px #0a174e21;padding:1rem .7rem .7rem;min-width:220px;max-width:260px;z-index:1000;border:1.5px solid #e6eaf0;opacity:1;transform:translateY(0);pointer-events:all;margin-top:.5rem;display:flex;flex-direction:column;gap:.7rem}.mt-admin-section{margin-bottom:.5rem}.mt-admin-section h4{font-size:1rem;font-weight:600;color:#0a174e;margin:0 0 .3rem .3rem;letter-spacing:.5px}.mt-admin-link{display:block;width:100%;padding:.7rem 1rem;margin:.2rem 0;background:#f7faff;color:#0a174e;border:none;border-radius:8px;font-size:1rem;font-weight:500;text-align:left;text-decoration:none;transition:background .18s,color .18s;box-shadow:0 1px 4px #0a174e0a;cursor:pointer}.mt-admin-link:hover{background:#e6eaf0;color:#007bff}.mt-btn-logout{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff;border:none;padding:.8rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;text-align:center;width:100%;margin-top:.5rem;font-weight:500;box-shadow:0 2px 8px #dc354533}.mt-mobile-search-button{display:none;background:none;border:none;color:#0a174e;font-size:1.4rem;cursor:pointer;padding:.5rem;transition:color .2s}.mt-mobile-search-button:hover{color:#007bff}.mt-mobile-search{display:none;position:fixed;top:0;left:0;right:0;background:#fff;padding:1rem;z-index:1003;box-shadow:0 2px 12px #0a174e1a;animation:slideDown .3s ease}.mt-mobile-search .mt-buscador{width:100%;margin-right:2.5rem}.mt-mobile-search-close{position:absolute;right:1rem;top:50%;transform:translateY(-50%);background:none;border:none;color:#0a174e;font-size:1.2rem;cursor:pointer;padding:.5rem;transition:color .2s}.mt-mobile-search-close:hover{color:#007bff}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@media (max-width: 768px){.mt-mobile-search-button,.mt-mobile-search{display:block}.mt-header{height:auto}.mt-header-top{position:relative}}.mt-whatsapp-button{display:flex;align-items:center;justify-content:center;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important;background:#fff;border:1.5px solid #e6eaf0;border-radius:50%!important;box-shadow:0 2px 8px #0a174e12;cursor:pointer;transition:box-shadow .18s,border .18s,background .18s;padding:0!important;margin:0!important;outline:none;text-decoration:none;flex-shrink:0;overflow:hidden}.mt-whatsapp-button:hover{box-shadow:0 4px 16px #0a174e21;border:1.5px solid #b3c0d1;background:#f7faff}.mt-whatsapp-button svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important;transition:transform .2s;flex-shrink:0}.mt-whatsapp-button:hover svg{transform:scale(1.1)}@media (max-width: 768px){.mt-whatsapp-button{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;max-width:44px!important;max-height:44px!important}.mt-whatsapp-button svg{width:24px!important;height:24px!important;min-width:24px!important;min-height:24px!important;max-width:24px!important;max-height:24px!important}}@media (max-width: 480px){.mt-whatsapp-button{width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;max-width:40px!important;max-height:40px!important}.mt-whatsapp-button svg{width:22px!important;height:22px!important;min-width:22px!important;min-height:22px!important;max-width:22px!important;max-height:22px!important}}.login-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;background:linear-gradient(135deg,#f8f9fa,#e9ecef);padding:1rem;padding-top:10vh}.login-box{background:#fffffffa;padding:2.5rem;border-radius:20px;box-shadow:0 4px 20px #0000000f;width:100%;max-width:400px;border:1px solid rgba(0,0,0,.03);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.login-box:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,123,255,.1),rgba(0,188,212,.1),transparent)}.login-box:after{content:"";position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,123,255,.1),rgba(0,188,212,.1),transparent)}.login-box h2{text-align:center;color:#2c3e50;margin-bottom:2rem;font-size:1.8rem;font-weight:600;letter-spacing:.5px}.form-group{margin-bottom:1.5rem;width:100%}.form-group label{display:block;margin-bottom:.5rem;color:#2c3e50;font-weight:500;font-size:.95rem}.form-group input{width:100%;padding:.9rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:12px;font-size:1rem;background:#ffffffe6;transition:all .3s ease;box-sizing:border-box}.form-group input:focus{outline:none;border-color:#007bff4d;box-shadow:0 0 0 4px #007bff1a;background:#fff}button{width:100%;padding:1rem;background:linear-gradient(45deg,#1a1a1a,#2d2d2d);color:#fff;border:2px solid rgba(255,255,255,.1);border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:1px;box-shadow:0 4px 15px #0000004d,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden;z-index:1}button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#fff3,#ffffff1a,#fff3);z-index:-1;transition:.5s;transform:scaleX(0);transform-origin:right}button:hover{background:linear-gradient(45deg,#2d2d2d,#1a1a1a);transform:translateY(-3px);box-shadow:0 8px 25px #0006,inset 0 1px 1px #fff3;border-color:#fff3;text-shadow:0 0 10px rgba(255,255,255,.3)}button:hover:before{transform:scaleX(1);transform-origin:left}button:disabled{background:#ccc;cursor:not-allowed;transform:none;box-shadow:none;border-color:transparent}.error-message{background:#dc35451a;color:#dc3545;padding:1rem;border-radius:12px;margin-bottom:1.5rem;border:1px solid rgba(220,53,69,.2);font-size:.95rem;text-align:center}@media (max-width: 768px){.login-container{padding:1rem;padding-top:8vh;align-items:center}.login-box{padding:1.5rem;margin:0;max-width:100%;border-radius:16px;box-sizing:border-box}.login-box h2{font-size:1.4rem;margin-bottom:1.5rem}.form-group{margin-bottom:1.2rem;width:100%}.form-group label{font-size:.9rem;margin-bottom:.4rem}.form-group input{padding:.8rem;font-size:.95rem;border-radius:10px;width:100%;box-sizing:border-box}button{padding:.9rem;font-size:.95rem;border-radius:10px}.error-message{padding:.8rem;font-size:.9rem;margin-bottom:1.2rem;border-radius:10px}}@media (max-width: 480px){.login-container{padding:.8rem}.login-box{padding:1.2rem;border-radius:14px;box-sizing:border-box}.login-box h2{font-size:1.3rem;margin-bottom:1.2rem}.form-group{margin-bottom:1rem;width:100%}.form-group label{font-size:.85rem}.form-group input{padding:.7rem;font-size:.9rem;border-radius:8px;width:100%;box-sizing:border-box}button{padding:.8rem;font-size:.9rem;border-radius:8px}.error-message{padding:.7rem;font-size:.85rem;margin-bottom:1rem;border-radius:8px}}.mt-btn-login,.mt-admin-button,.mt-whatsapp-button{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#fff;border:1.5px solid #e6eaf0;border-radius:50%;box-shadow:0 2px 8px #0a174e12;cursor:pointer;transition:box-shadow .18s,border .18s,background .18s;padding:0;outline:none}.mt-btn-login:hover,.mt-admin-button:hover,.mt-whatsapp-button:hover{box-shadow:0 4px 16px #0a174e21;border:1.5px solid #b3c0d1;background:#f7faff}.mt-btn-login svg,.mt-admin-button svg,.mt-whatsapp-button svg{color:#0a174e;font-size:1.35rem;transition:color .18s}.mt-whatsapp-button svg{color:#25d366}.mt-whatsapp-button:hover svg{color:#128c7e}@media (max-width: 768px){.mt-btn-login,.mt-admin-button,.mt-whatsapp-button{width:44px;height:44px}}@media (max-width: 480px){.mt-btn-login,.mt-admin-button,.mt-whatsapp-button{width:40px;height:40px}}.mt-btn-logout{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff;border:none;padding:.8rem 1rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:.95rem;text-align:center;width:100%;margin-top:1rem;font-weight:500;box-shadow:0 2px 8px #dc354533}.mt-btn-logout:hover{background:linear-gradient(45deg,#c82333,#dc3545);transform:translateY(-2px);box-shadow:0 4px 12px #dc35454d}@media (max-width: 768px){.mt-btn-logout{margin-top:1.5rem;padding:1rem;border-radius:12px}}.productos-lista{max-width:1200px;margin:8rem auto;padding:2rem;background:#fffffffa;border-radius:20px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.productos-lista:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,123,255,.1),rgba(0,188,212,.1),transparent)}.productos-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.productos-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.productos-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.producto-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column}.producto-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#00000026}.producto-imagen{width:100%;height:200px;object-fit:cover;border-bottom:1px solid rgba(0,0,0,.1)}.producto-info{padding:1.5rem;flex:1;display:flex;flex-direction:column;gap:.8rem}.producto-info h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0}.producto-info .categoria{color:#666;font-size:.9rem;background:#0000000d;padding:.3rem .8rem;border-radius:4px;display:inline-block;margin:0}.producto-info .precio{color:#2c3e50;font-size:1.3rem;font-weight:600;margin:0}.producto-info .descripcion{color:#666;font-size:.95rem;line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.producto-actions{padding:1.5rem;display:flex;gap:.8rem;border-top:1px solid rgba(0,0,0,.1)}@media (max-width: 768px){.productos-lista{margin:1rem;padding:1.5rem}.productos-grid{grid-template-columns:1fr}.producto-card{max-width:400px;margin:0 auto}.producto-imagen{height:180px}.producto-info{padding:1.2rem}.producto-actions{padding:1.2rem;flex-direction:column}.btn-secondary,.btn-danger{width:100%}}.form-container{max-width:800px;margin:0 auto;padding:20px}.producto-form{background:#fff;padding:20px;border-radius:8px;box-shadow:0 2px 4px #0000001a}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:5px;font-weight:500}.form-group input,.form-group select,.form-group textarea{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px;color:#222;background:#fff}.form-group textarea{min-height:100px;resize:vertical}.image-drop-zone{border:2px dashed #ddd;border-radius:4px;padding:20px;text-align:center;cursor:pointer;transition:all .3s ease}.image-drop-zone.dragging{border-color:#007bff;background-color:#007bff1a}.image-drop-zone.has-image{border-style:solid;border-color:#28a745}.upload-label{display:block;cursor:pointer;color:#666}.upload-button{display:inline-block;margin-top:10px;padding:8px 16px;background-color:#007bff;color:#fff;border-radius:4px;transition:background-color .3s ease}.upload-button:hover{background-color:#0056b3}.image-preview{position:relative;display:inline-block}.image-preview img{max-width:200px;max-height:200px;border-radius:4px}.form-group input[type=text]#talles{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;font-size:14px}.form-group input[type=text]#talles:focus{border-color:#007bff;outline:none;box-shadow:0 0 0 2px #007bff40}.form-group input[type=text]#talles::placeholder{color:#999;font-style:italic}.btn-primary{display:block;width:100%;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:4px;cursor:pointer;font-size:16px;margin-top:20px}.btn-primary:hover{background-color:#0056b3}.error-message{color:#dc3545;margin-bottom:15px;padding:10px;background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:4px}.multiple-images-container{margin-top:10px}.additional-images-preview{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;margin-bottom:15px}.additional-image-item{position:relative;border:1px solid #ddd;border-radius:4px;padding:5px}.additional-image-item img{width:100%;height:150px;object-fit:cover;border-radius:4px}.multiple-images-upload{border:2px dashed #ddd;border-radius:4px;padding:15px;text-align:center;cursor:pointer;transition:all .3s ease}.multiple-images-upload:hover{border-color:#007bff;background-color:#007bff1a}.multiple-images-upload .upload-label{color:#666}.multiple-images-upload .upload-button{margin-top:5px}@media (max-width: 768px){.form-container{margin:1rem;padding:1.5rem}.image-drop-zone{padding:1.5rem}.image-preview img{max-height:200px}}.categorias-lista{max-width:1200px;margin:8rem auto;padding:2rem;background:#fffffffa;border-radius:20px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.categorias-lista:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,123,255,.1),rgba(0,188,212,.1),transparent)}.categorias-header{margin-bottom:2rem;display:flex;justify-content:space-between;align-items:center}.categorias-header h2{color:#2c3e50;font-size:1.8rem;font-weight:600;margin:0}.categorias-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.categoria-card{background:#ffffffe6;border:1px solid rgba(0,0,0,.1);border-radius:12px;padding:1.5rem;transition:all .3s ease;display:flex;flex-direction:column;gap:1rem}.categoria-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a;border-color:#00000026}.categoria-info{flex:1}.categoria-info h3{color:#2c3e50;font-size:1.2rem;font-weight:600;margin:0 0 .5rem}.categoria-info .descripcion{color:#666;font-size:.95rem;line-height:1.5;margin:0}.categoria-actions{display:flex;gap:.8rem}.btn-secondary{background:#0000000d;color:#2c3e50;border:1px solid rgba(0,0,0,.1);padding:.7rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;flex:1}.btn-danger{background:linear-gradient(45deg,#dc3545,#c82333);color:#fff;border:none;padding:.7rem 1.2rem;border-radius:6px;cursor:pointer;transition:all .3s ease;font-size:.95rem;font-weight:500;flex:1}.btn-danger:hover{background:linear-gradient(45deg,#c82333,#dc3545);transform:translateY(-2px);box-shadow:0 4px 12px #dc354533}.error{background:#dc35451a;color:#dc3545;padding:1rem;border-radius:8px;border:1px solid rgba(220,53,69,.2);font-size:.95rem;margin:1rem 0}@media (max-width: 768px){.categorias-lista{margin:1rem;padding:1.5rem}.categorias-grid{grid-template-columns:1fr}.categoria-card{padding:1.2rem}.categoria-actions{flex-direction:column}.btn-secondary,.btn-danger{width:100%}}.form-container{max-width:800px;margin:8rem auto;padding:2rem;background:#fffffffa;border-radius:20px;box-shadow:0 4px 20px #0000000f;position:relative;overflow:hidden}.form-container:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,123,255,.1),rgba(0,188,212,.1),transparent)}.categoria-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{color:#2c3e50;font-weight:500;font-size:.95rem}.form-group input,.form-group select,.form-group textarea{padding:.8rem 1rem;border:1px solid rgba(0,0,0,.1);border-radius:8px;font-size:1rem;transition:all .3s ease;background:#ffffffe6}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#007bff4d;box-shadow:0 0 0 3px #007bff1a}.form-group textarea{min-height:120px;resize:vertical}.error{background:#dc35451a;color:#dc3545;padding:1rem;border-radius:8px;border:1px solid rgba(220,53,69,.2);font-size:.95rem}.form-actions{display:flex;gap:1rem;margin-top:1rem}.btn-primary{background:linear-gradient(45deg,#1a1a1a,#2d2d2d);color:#fff;border:none;padding:1rem 2rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;flex:1}.btn-primary:hover{background:linear-gradient(45deg,#2d2d2d,#1a1a1a);transform:translateY(-2px);box-shadow:0 4px 12px #0003}.btn-secondary{background:#0000000d;color:#2c3e50;border:1px solid rgba(0,0,0,.1);padding:1rem 2rem;border-radius:8px;cursor:pointer;transition:all .3s ease;font-size:1rem;font-weight:500;flex:1}.btn-secondary:hover{background:#0000001a;transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}@media (max-width: 768px){.form-container{margin:1rem;padding:1.5rem}.form-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.catalogo-mtiguazu-root{width:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;margin-top:160px;padding:0;box-sizing:border-box;background:linear-gradient(to bottom,#f8f9fa,#fff);min-height:calc(100vh - 160px)}.catalogo-mtiguazu-layout{display:flex;flex-direction:row;align-items:flex-start;gap:2rem;width:100%;max-width:1800px;padding:2rem 8rem;box-sizing:border-box;position:relative}.catalogo-mtiguazu-productos{flex:1 1 0;min-width:0;width:100%;animation:fadeIn .5s ease-in-out}.catalogo-mtiguazu-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;align-items:stretch;width:100%}@media (max-width: 1600px){.catalogo-mtiguazu-layout{padding:2rem 4rem}.catalogo-mtiguazu-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1200px){.catalogo-mtiguazu-layout{padding:2rem}.catalogo-mtiguazu-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem}}@media (max-width: 900px){.catalogo-mtiguazu-root{margin-top:120px}.catalogo-mtiguazu-layout{padding:1.5rem;gap:1.5rem}.catalogo-mtiguazu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}}@media (max-width: 700px){.catalogo-mtiguazu-root{margin-top:80px}.catalogo-mtiguazu-layout{flex-direction:column;padding:1rem;gap:1rem}.catalogo-mtiguazu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}}@media (max-width: 480px){.catalogo-mtiguazu-root{margin-top:60px}.catalogo-mtiguazu-layout{padding:.8rem}.catalogo-mtiguazu-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem}}@media (max-width: 370px){.catalogo-mtiguazu-grid{grid-template-columns:1fr;gap:.5rem}}.catalogo-mtiguazu-wrapper{width:100%;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:flex-start}.catalogo-mtiguazu-error{color:#dc3545;font-weight:600;margin:1rem;padding:1rem;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000001a;text-align:center}.tarjeta-mtiguazu-card-link{text-decoration:none!important;color:inherit;display:block;width:100%;height:100%;max-width:100vw}.tarjeta-mtiguazu-card{background:#fff;overflow:hidden;box-shadow:0 4px 20px #0a174e14;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;width:100%;height:100%;border:1px solid #e6eaf0;font-family:Inter,Segoe UI,Arial,sans-serif;position:relative;border-radius:16px;max-width:100vw}.tarjeta-mtiguazu-card:hover{transform:translateY(-8px);box-shadow:0 12px 28px #0a174e26;border-color:#c5d1e0}.tarjeta-mtiguazu-imagen{width:100%;aspect-ratio:1/1;overflow:hidden;background:linear-gradient(135deg,#f8f9fa 60%,#e9ecef);display:flex;align-items:center;justify-content:center;position:relative;max-width:100vw}.tarjeta-mtiguazu-imagen img{width:100%;height:100%;object-fit:cover;padding:.3rem;max-width:100vw;transition:transform .3s ease}.tarjeta-mtiguazu-card:hover .tarjeta-mtiguazu-imagen img{transform:scale(1.05)}.tarjeta-mtiguazu-placeholder-imagen{width:100%;height:100%;display:flex;align-items:center;justify-content:center;color:#888;font-size:.9rem}.tarjeta-mtiguazu-info{padding:1rem;display:flex;flex-direction:column;gap:.5rem;flex:1;background:#fff}.tarjeta-mtiguazu-info h3{margin:0;font-size:1.1rem;color:#181818;font-weight:700;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;letter-spacing:-.01em}.tarjeta-mtiguazu-categoria{color:#007bff;font-size:.8rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tarjeta-mtiguazu-precios{display:flex;flex-direction:column;gap:.3rem;margin:.2rem 0}.tarjeta-mtiguazu-precio-ref{font-size:1.1rem;font-weight:800;color:#181c3a;background:#f8f9fa;padding:.3rem .6rem;border-radius:8px;display:inline-block;align-self:flex-start}.tarjeta-mtiguazu-precio-x5,.tarjeta-mtiguazu-precio-x10{font-size:.85rem;padding:.2rem .4rem;border-radius:6px;border:1px solid #e6eaf0;font-weight:500}.tarjeta-mtiguazu-precio-x5{color:#0056b3;background:#f0f7ff}.tarjeta-mtiguazu-precio-x10{color:#8a1a1a;background:#fff0f0}.tarjeta-mtiguazu-talles{font-size:.9rem;color:#666;background:#0000000d;padding:.3rem .8rem;border-radius:4px;display:inline-block}.tarjeta-mtiguazu-descripcion{color:#4a4a4a;font-size:.85rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin:0;line-height:1.4}.tarjeta-mtiguazu-btn-comprar{width:100%;padding:.7rem;background:linear-gradient(90deg,#007bff 60%,#0056b3);color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s ease;margin-top:auto;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.tarjeta-mtiguazu-btn-comprar:hover:not(:disabled){background:linear-gradient(90deg,#0056b3 60%,#007bff);transform:translateY(-2px);box-shadow:0 4px 12px #007bff33}.tarjeta-mtiguazu-btn-comprar:disabled{background:#e9ecef;color:#6c757d;cursor:not-allowed;opacity:.8}.tarjeta-mtiguazu-badge-agotado{position:absolute;top:10px;left:-15px;background:#dc3545;color:#fff;font-size:.75rem;font-weight:600;padding:3px 16px;border-radius:12px;transform:rotate(-18deg);z-index:3;box-shadow:0 2px 8px #dc354533}.tarjeta-mtiguazu-card.tarjeta-mtiguazu-agotado{opacity:.85;filter:grayscale(.2)}@media (max-width: 700px){.tarjeta-mtiguazu-card{border-radius:12px}.tarjeta-mtiguazu-imagen{aspect-ratio:1/1}.tarjeta-mtiguazu-info{padding:.7rem;gap:.3rem}.tarjeta-mtiguazu-info h3{font-size:.9rem;line-height:1.2}.tarjeta-mtiguazu-precio-ref{font-size:.95rem;padding:.2rem .4rem}.tarjeta-mtiguazu-precio-x5,.tarjeta-mtiguazu-precio-x10{font-size:.75rem;padding:.12rem .3rem}.tarjeta-mtiguazu-descripcion{font-size:.75rem;-webkit-line-clamp:2}.tarjeta-mtiguazu-btn-comprar{padding:.5rem;font-size:.8rem}}@media (max-width: 480px){.tarjeta-mtiguazu-card{border-radius:10px}.tarjeta-mtiguazu-imagen{aspect-ratio:1/1}.tarjeta-mtiguazu-info{padding:.6rem;gap:.25rem}.tarjeta-mtiguazu-info h3{font-size:.85rem;line-height:1.2}.tarjeta-mtiguazu-precio-ref{font-size:.9rem;padding:.15rem .35rem}.tarjeta-mtiguazu-precio-x5,.tarjeta-mtiguazu-precio-x10{font-size:.7rem;padding:.1rem .25rem}.tarjeta-mtiguazu-descripcion{font-size:.7rem;-webkit-line-clamp:2}.tarjeta-mtiguazu-btn-comprar{padding:.45rem;font-size:.75rem}.tarjeta-mtiguazu-badge-agotado{font-size:.65rem;padding:2px 12px}}.tarjeta-mtiguazu-info.rediseño{padding:1rem;display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;flex:1}.tarjeta-mtiguazu-nombre-ref{font-size:.95rem;color:#6c6c6c;font-weight:600;text-transform:uppercase;margin:0;letter-spacing:.01em;line-height:1.2;min-height:2.4em;max-height:2.4em;overflow:hidden;text-overflow:ellipsis;white-space:normal;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;width:100%}.tarjeta-mtiguazu-transfer{font-size:1.08rem;color:#0a1a4e;font-weight:700;margin-bottom:.1rem}.tarjeta-mtiguazu-cuotas{font-size:.98rem;color:#e60073;font-weight:500;margin-bottom:.2rem}.tarjeta-mtiguazu-btn-comprar-ref{width:100%;padding:.7rem 0;background:#181c3a;color:#fff;border:none;border-radius:8px;cursor:pointer;font-weight:800;font-size:.9rem;letter-spacing:.04em;margin-top:auto;display:flex;align-items:center;justify-content:center;transition:background .18s,box-shadow .18s,transform .18s;box-shadow:0 2px 8px #0a174e12;outline:none;gap:.5rem}.tarjeta-mtiguazu-btn-comprar-ref:hover:not(:disabled){background:#0a1a4e;box-shadow:0 4px 16px #0a174e21;transform:translateY(-2px) scale(1.03)}.tarjeta-mtiguazu-btn-comprar-ref:disabled{background:#ccc;color:#888;cursor:not-allowed;opacity:.7}.tarjeta-mtiguazu-descripcion-ref{color:#222;font-size:.85rem;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.2em;max-height:2.2em;white-space:normal;word-break:break-word;font-weight:400;letter-spacing:.01em;width:100%}.catalogo-filtros{min-width:240px;max-width:300px;background:#fff;border-radius:16px;box-shadow:0 2px 12px #0a174e0f;padding:2rem 1.2rem;display:flex;flex-direction:column;gap:1.5rem;position:sticky;top:120px;height:fit-content}.filtro-busqueda input{width:100%;padding:.8rem 1rem;border:1.5px solid #e6eaf0;border-radius:8px;font-size:.95rem;color:#0a174e;background:#fff;transition:all .3s ease;box-shadow:0 2px 8px #0a174e12}.filtro-busqueda input:focus{outline:none;border-color:#0a174e;box-shadow:0 4px 12px #0a174e1a}.filtro-categorias select,.filtro-orden select{width:100%;padding:.7rem 2.5rem .7rem 1rem;border:1.5px solid #e6eaf0;border-radius:8px;font-size:.95rem;color:#0a174e;background:#fff;transition:all .3s ease;margin-bottom:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6 9 12 15 18 9'%3e%3c/polyline%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right .7rem center;background-size:1em}.filtro-categorias select:focus,.filtro-orden select:focus{outline:none;border-color:#0a174e;box-shadow:0 4px 12px #0a174e1a}@media (max-width: 900px){.catalogo-filtros{min-width:200px;padding:1.5rem 1rem;gap:1.2rem}}@media (max-width: 700px){.catalogo-filtros{position:relative;top:0;width:100%;max-width:100%;min-width:100%;padding:1rem;margin-bottom:0;border-radius:12px;display:flex;flex-direction:row;flex-wrap:wrap;gap:.8rem}.filtro-busqueda{flex:1 1 100%}.filtro-categorias,.filtro-orden{flex:1 1 calc(50% - .4rem);min-width:140px}.filtro-busqueda input,.filtro-categorias select,.filtro-orden select{width:100%;padding:.7rem;font-size:.9rem;margin:0}}@media (max-width: 480px){.catalogo-filtros{padding:.8rem;gap:.6rem}.filtro-categorias,.filtro-orden{flex:1 1 100%}.filtro-busqueda input,.filtro-categorias select,.filtro-orden select{padding:.6rem;font-size:.85rem}}.detalle-wrapper{max-width:1200px;margin:120px auto 0;padding:2.5rem 2rem;background:#fff;border-radius:28px;box-shadow:0 8px 32px #0a174e21;min-height:65vh;animation:fadeInDetalle .7s cubic-bezier(.4,0,.2,1)}@keyframes fadeInDetalle{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.btn-back{background:none;color:#007bff;border:none;font-size:1.15rem;margin-bottom:2rem;display:flex;align-items:center;gap:.5rem;cursor:pointer;width:fit-content;font-weight:700;transition:color .2s;letter-spacing:.01em}.btn-back:hover{color:#0056b3!important;background:none!important;text-decoration:none!important}.detalle-grid{display:flex;flex-direction:row;gap:3.5rem;align-items:flex-start;justify-content:center}@media (max-width: 900px){.detalle-grid{flex-direction:column;gap:2.2rem;align-items:center}.detalle-wrapper{padding:1.2rem .2rem 2rem;margin-top:80px;border-radius:14px}}.galeria{flex:1.1;display:flex;flex-direction:column;gap:1.5rem;align-items:center;min-width:0;background:#f8f9fa;border-radius:18px;box-shadow:0 2px 12px #0a174e12;padding:1.2rem 1rem 1.5rem;position:relative;transition:box-shadow .2s}.imagen-principal{width:100%;max-width:420px;aspect-ratio:1/1;background:linear-gradient(135deg,#f8f9fa 60%,#e9ecef);display:flex;justify-content:center;align-items:center;border-radius:16px;overflow:hidden;box-shadow:0 2px 12px #0a174e1a;margin:0 auto .7rem;border:1.5px solid #e6eaf0;transition:box-shadow .2s}.imagen-principal img{max-width:100%;max-height:100%;object-fit:contain;border-radius:16px;transition:transform .25s}.imagen-principal img:hover{transform:scale(1.06)}.imagen-placeholder{color:#888;font-size:1.2rem;text-align:center}.miniaturas{display:grid;grid-template-columns:repeat(auto-fit,minmax(38px,1fr));gap:.7rem;max-width:420px;padding:.2rem .1rem;margin:0 auto;background:none;scrollbar-width:none;overflow:visible}.miniaturas::-webkit-scrollbar{display:none}.miniatura{width:54px;height:54px;object-fit:cover;border:2.5px solid transparent;border-radius:10px;cursor:pointer;transition:border-color .2s,transform .2s,box-shadow .2s;background:#f5f5f5;box-shadow:0 1px 4px #0a174e12}.miniatura:hover,.miniatura.activa{border-color:#007bff;transform:scale(1.11);box-shadow:0 2px 8px #007bff21;z-index:2}.info{flex:1.2;display:flex;flex-direction:column;gap:2.2rem;min-width:0;position:relative}.info-header{display:flex;align-items:flex-start;gap:1.2rem;flex-wrap:wrap;border-bottom:1.5px solid #e6eaf0;padding-bottom:1.2rem;margin-bottom:1.2rem}.info-titulo{flex:1;display:flex;flex-direction:column;gap:.3rem}.info h1{font-size:2.3rem;margin:0 0 .2rem;font-weight:900;color:#181c3a;line-height:1.12;letter-spacing:-.01em;word-break:break-word}.info-sub{font-size:1.1rem;color:#007bff;font-weight:600;letter-spacing:.01em;margin-bottom:.1rem}.estado{display:inline-flex;align-items:center;gap:.5rem;font-weight:800;font-size:1.08rem;padding:.45rem 1.1rem;border-radius:12px;width:fit-content;margin-bottom:.2rem;box-shadow:0 1px 4px #0a174e12;border:1.2px solid #e6eaf0}.estado svg{font-size:1.1em}.estado.activo{color:#1a8a34;background:#eafbe7}.estado.inactivo{color:#dc3545;background:#ffeaea}.producto-precios{display:flex;flex-direction:column;gap:.7rem;margin:.5rem 0 1.2rem}.producto-precio-ref{font-size:2.2rem;font-weight:900;color:#181c3a;background:#f8f9fa;padding:.6rem 1.4rem;border-radius:12px;display:inline-block;letter-spacing:.01em;box-shadow:0 1px 4px #0a174e12;border:1.2px solid #e6eaf0}.producto-precio-x5{background-color:#e3f2fd;color:#1976d2;padding:.35rem .9rem;border-radius:8px;font-weight:700;font-size:1.08rem;display:inline-block;border:1.2px solid #b3c0d1}.producto-precio-x10{background-color:#fce4ec;color:#c2185b;padding:.35rem .9rem;border-radius:8px;font-weight:700;font-size:1.08rem;display:inline-block;border:1.2px solid #b3c0d1}.descripcion{margin-top:.5rem}.descripcion h3{font-size:1.18rem;margin-bottom:.3rem;color:#181c3a;font-weight:700;display:flex;align-items:center;gap:.5rem}.descripcion h3:before{content:"📝";font-size:1.1em;color:#007bff;margin-right:.2em}.descripcion p{line-height:1.7;color:#444;font-size:1.07rem;margin:0;background:#f8f9fa;padding:.9rem 1.2rem;border-radius:10px;box-shadow:0 1px 4px #0a174e12;border:1.2px solid #e6eaf0}.btn-agregar{background:linear-gradient(90deg,#007bff 60%,#0056b3);color:#fff;border:none;padding:1rem 2.2rem;font-size:1.13rem;border-radius:12px;cursor:pointer;display:inline-flex;align-items:center;gap:.8rem;transition:all .22s;width:fit-content;font-weight:800;box-shadow:0 2px 12px #007bff21;margin-top:.7rem;letter-spacing:.01em;border:1.2px solid #e6eaf0;position:relative;overflow:hidden}.btn-agregar:after{content:"";position:absolute;left:0;top:0;right:0;bottom:0;background:#ffffff14;opacity:0;transition:opacity .2s;pointer-events:none}.btn-agregar:hover:after{opacity:1}.btn-agregar:disabled{background:#ccc;cursor:not-allowed;box-shadow:none;color:#888;border:1.2px solid #e6eaf0}.btn-agregar:hover:not(:disabled){background:linear-gradient(90deg,#0056b3 60%,#007bff);transform:translateY(-2px) scale(1.04);box-shadow:0 6px 20px #007bff29}.detalle-loading,.detalle-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:50vh;color:#181c3a;gap:1.2rem}.spinner{border:4px solid #f3f3f3;border-top:4px solid #007bff;border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 600px){.detalle-wrapper{padding:.5rem .1rem 1.2rem;margin-top:40px;border-radius:7px}.detalle-grid{flex-direction:column;gap:1.2rem;align-items:center}.galeria{max-width:100vw;gap:.7rem;padding:.7rem .2rem 1rem;border-radius:8px}.imagen-principal{max-width:98vw;aspect-ratio:1/1;border-radius:8px}.miniaturas{max-width:98vw;gap:.3rem;grid-template-columns:repeat(auto-fit,minmax(28px,1fr))}.miniatura{width:38px;height:38px;border-radius:5px}.info-header{padding-bottom:.7rem;margin-bottom:.7rem}.info h1{font-size:1.1rem}.producto-precio-ref{font-size:1.1rem;padding:.25rem .5rem;border-radius:6px}.producto-precio-x5,.producto-precio-x10{font-size:.9rem;padding:.18rem .5rem;border-radius:6px}.btn-agregar{font-size:.9rem;padding:.5rem 1rem;border-radius:6px}.descripcion p{font-size:.93rem;padding:.4rem;border-radius:6px}}.producto-talles{margin:1.5rem 0;padding:1rem;background:#00000005;border-radius:8px}.producto-talles h3{color:#2c3e50;font-size:1.1rem;margin:0 0 .5rem}.producto-talles p{color:#666;font-size:1rem;margin:0;line-height:1.5}.hero{position:relative;width:100vw;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;height:85vh;overflow:hidden;margin-bottom:3rem}.hero-slider{width:100%;height:100%;position:relative}.hero-slide{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:center;transition:transform .5s ease-in-out;display:flex;align-items:center;justify-content:center}.hero-slide:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,#0009,#0006)}.hero-content{position:relative;z-index:1;text-align:center;color:#fff;padding:3rem;max-width:900px;animation:fadeIn 1s ease-in-out;background:#0006;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:20px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006}.hero-content h1{font-size:4rem;margin-bottom:1.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.4),0 0 20px rgba(0,0,0,.1);font-weight:800;letter-spacing:1px;background:linear-gradient(45deg,#fff,#f0f0f0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 4px rgba(0,0,0,.3))}.hero-content p{font-size:1.6rem;margin-bottom:2.5rem;text-shadow:2px 2px 4px rgba(0,0,0,.5),0 0 15px rgba(0,0,0,.3);line-height:1.6;color:#fffffff2;font-weight:500;letter-spacing:.5px}.hero-cta{padding:1.2rem 2.5rem;font-size:1.3rem;background:linear-gradient(45deg,#1a1a1a,#2d2d2d);color:#fff;border:2px solid rgba(255,255,255,.1);border-radius:50px;cursor:pointer;transition:all .4s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase;letter-spacing:1px;font-weight:600;box-shadow:0 4px 15px #0000004d,inset 0 1px 1px #ffffff1a;position:relative;overflow:hidden;z-index:1;text-decoration:none;display:inline-block}.hero-cta:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffffff1a,#ffffff0d,#ffffff1a);z-index:-1;transition:.5s;transform:scaleX(0);transform-origin:right}.hero-cta:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at center,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:.5s;z-index:-1}.hero-cta:hover{background:linear-gradient(45deg,#2d2d2d,#1a1a1a);transform:translateY(-2px);box-shadow:0 6px 20px #0006,inset 0 1px 1px #fff3;border-color:#fff3}.hero-cta:hover:before{transform:scaleX(1);transform-origin:left}.hero-cta:hover:after{opacity:1}.hero-nav{position:absolute;top:50%;transform:translateY(-50%);background:#ffffff1a;color:#fff;border:none;width:60px;height:60px;border-radius:50%;cursor:pointer;z-index:2;transition:all .3s ease;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2)}.hero-nav:hover{background:#fff3;transform:translateY(-50%) scale(1.1)}.hero-nav.prev{left:20px}.hero-nav.next{right:20px}.hero-dots{position:absolute;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:2}.hero-dot{width:14px;height:14px;border-radius:50%;background:#ffffff4d;border:2px solid rgba(255,255,255,.5);cursor:pointer;transition:all .3s ease}.hero-dot.active{background:#fff;transform:scale(1.2);box-shadow:0 0 10px #ffffff80}@keyframes fadeIn{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.hero{height:70vh}.hero-content{padding:2rem;margin:0 1rem}.hero-content h1{font-size:2.8rem}.hero-content p{font-size:1.3rem}.hero-cta{padding:1rem 2rem;font-size:1.1rem}.hero-nav{width:45px;height:45px}}.categorias-carousel-container{display:flex;align-items:center;justify-content:center;width:100%;margin:2rem 0;position:relative}.categorias-carousel{display:flex;align-items:center;gap:2.2rem;overflow-x:auto;scroll-behavior:smooth;padding:1rem .5rem;background:transparent;border-radius:16px;min-width:0;max-width:90vw}.categoria-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;transition:transform .18s,box-shadow .18s,background .18s;border-radius:50%;padding:1.1rem;background:#fff;box-shadow:0 2px 8px #0a174e12;min-width:64px;min-height:64px}.categoria-icon:hover{transform:scale(1.13);box-shadow:0 4px 16px #0000001a;background:#f5f7fa}.categoria-icon svg{display:block;margin-bottom:.3rem;color:#000}.categoria-icon[title]:after{content:none;display:none}.carousel-arrow{background:#fff;border:1.5px solid #e6eaf0;border-radius:50%;width:38px;height:38px;font-size:1.3rem;color:#0a174e;cursor:pointer;margin:0 .5rem;transition:background .2s,box-shadow .2s;box-shadow:0 2px 8px #0a174e12;display:flex;align-items:center;justify-content:center}.carousel-arrow:hover{background:#f5f7fa;box-shadow:0 4px 16px #0a174e21}@media (max-width: 600px){.categorias-carousel-container{margin:1rem 0}.categorias-carousel{gap:1.1rem;padding:.5rem .2rem;max-width:98vw}.categoria-icon{padding:.6rem;min-width:40px;min-height:40px}.categoria-icon svg{width:24px;height:24px}.carousel-arrow{width:28px;height:28px;font-size:1rem}}@media (max-width: 400px){.categorias-carousel{gap:.7rem}.categoria-icon{padding:.3rem;min-width:32px;min-height:32px}.categoria-icon svg{width:20px;height:20px}}.destacados-marcas{display:flex;gap:3.5rem;justify-content:center}.marca-card{position:relative;width:600px;height:350px;border-radius:12px;overflow:hidden;cursor:pointer;box-shadow:0 4px 12px #0000001a;transition:transform .3s ease,box-shadow .3s ease}.marca-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #00000026}.marca-img{width:100%;height:100%;object-fit:cover;object-position:center}.marca-nombre{position:absolute;bottom:0;left:0;right:0;padding:1rem;background:linear-gradient(to top,rgba(0,0,0,.8),transparent);color:#fff;font-size:1.5rem;font-weight:700;text-align:center}@media (max-width: 768px){.destacados-marcas{flex-direction:column;align-items:center;gap:2rem}.marca-card{width:95%;height:240px}}.pcat-section{width:100%;max-width:1400px;margin:2rem auto;padding:0 1rem}.pcat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pcat-titulo{font-size:1.5rem;font-weight:700;color:#0a1440;letter-spacing:1px;margin:0}.pcat-controls{display:flex;gap:.5rem;position:relative;z-index:2}.pcat-arrow{background:#f8f9fa;border:1px solid #e0e0e0;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem;color:#0a1440;position:relative;z-index:2}.pcat-arrow:hover{background:#0a1440;color:#fff;border-color:#0a1440;transform:scale(1.05)}.pcat-arrow:active{transform:scale(.95)}.pcat-carousel-container{position:relative;width:100%;overflow:hidden}.pcat-carousel{display:grid;grid-auto-flow:column;grid-auto-columns:calc(25% - 1rem);gap:1.5rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:1rem 0;margin:0 -1rem;padding:1rem}.pcat-carousel::-webkit-scrollbar{display:none}.pcat-card{scroll-snap-align:start;background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:1rem;display:flex;flex-direction:column;align-items:center;transition:transform .2s ease,box-shadow .2s ease;border:1px solid #f0f0f0}.pcat-card:hover{transform:translateY(-5px);box-shadow:0 8px 24px #0000001f}.pcat-img{width:280px;height:280px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:8px;padding:.5rem}.pcat-img img{max-width:100%;max-height:100%;object-fit:contain}.pcat-info{width:100%;text-align:center}.pcat-nombre{font-size:1.5rem;font-weight:600;color:#333;margin-bottom:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pcat-precio{font-size:1.35rem;font-weight:700;color:#0a1440;margin-bottom:.85rem}.pcat-precio-banco{font-size:.9rem;color:#666;margin-bottom:.25rem}.pcat-cuotas{font-size:.9rem;color:#e60073;margin-bottom:1rem}.pcat-comprar{width:100%;background:#0a1440;color:#fff;border:none;border-radius:6px;padding:.75rem;font-weight:600;cursor:pointer;transition:background-color .2s ease}.pcat-comprar:hover{background:#1a237e}@media (max-width: 1200px){.pcat-carousel{grid-auto-columns:calc(33.333% - 1rem)}}@media (max-width: 900px){.pcat-carousel{grid-auto-columns:calc(50% - 1rem)}.pcat-header{flex-direction:column;gap:1rem;text-align:center}}@media (max-width: 600px){.pcat-carousel{grid-auto-columns:calc(100% - 1rem)}.pcat-section{padding:0 .5rem}}.contacto-section{padding:6rem 2rem;background:linear-gradient(135deg,#f8f9fa,#e9ecef)}.contacto-titulo{text-align:center;color:#0a1440;font-size:2.5rem;font-weight:800;margin-bottom:4rem;letter-spacing:1.5px;position:relative}.contacto-titulo:after{content:"";position:absolute;bottom:-15px;left:50%;transform:translate(-50%);width:80px;height:4px;background:#0a1440;border-radius:2px}.contacto-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:2rem}.contacto-info{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1000px;margin:0 auto}.contacto-card{background:#fff;border-radius:16px;padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;gap:1rem;box-shadow:0 4px 20px #0000000f;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(0,0,0,.05);position:relative;overflow:hidden}.contacto-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:4px;background:linear-gradient(90deg,#0a1440,#1a237e);opacity:0;transition:opacity .3s ease}.contacto-card:hover:before{opacity:1}.contacto-card:hover{transform:translateY(-8px);box-shadow:0 12px 30px #0000001f;border-color:#0a14401a}.contacto-icon{background:linear-gradient(135deg,#0a1440,#1a237e);color:#fff;width:60px;height:60px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;transition:all .3s ease;margin-bottom:.25rem}.contacto-card:hover .contacto-icon{transform:scale(1.1) rotate(5deg)}.contacto-details{flex:1;display:flex;flex-direction:column;align-items:center;gap:.75rem}.contacto-details h3{color:#0a1440;font-size:1.1rem;font-weight:700;margin-bottom:.5rem;position:relative;padding-bottom:.5rem}.contacto-details h3:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:40px;height:2px;background:#0a1440;opacity:.3}.contacto-details p{color:#555;font-size:.95rem;line-height:1.5;margin:0}.contacto-link{display:inline-flex;align-items:center;gap:.5rem;color:#0a1440;text-decoration:none;font-weight:600;font-size:1rem;margin-top:.5rem;padding:.5rem 1rem;border-radius:8px;background:#0a14400d;transition:all .3s ease}.contacto-link:hover{background:#0a14401a;color:#1a237e;transform:translateY(-2px)}.contacto-social{background:#fff;border-radius:16px;padding:3rem 2rem;text-align:center;box-shadow:0 4px 20px #0000000f;border:1px solid rgba(0,0,0,.05)}.contacto-social h3{color:#0a1440;font-size:1.3rem;margin-bottom:1.5rem}.social-links{display:flex;justify-content:center;gap:1.5rem}.social-link{display:flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:12px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #0000001a}.social-link:hover{transform:translateY(-4px);box-shadow:0 8px 25px #00000026}.social-link.facebook{background:#1877f2}.social-link.instagram{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888)}.social-link svg{font-size:1.2rem}@media (max-width: 1200px){.contacto-info{grid-template-columns:repeat(3,1fr);max-width:900px}}@media (max-width: 768px){.contacto-section{padding:4rem 1.5rem}.contacto-titulo{font-size:2rem;margin-bottom:3rem}.contacto-info{grid-template-columns:repeat(2,1fr);gap:1rem}.social-links{flex-direction:column;align-items:center}.social-link{width:100%;justify-content:center}.contacto-card{padding:1.25rem}.contacto-icon{width:50px;height:50px;font-size:1.3rem}.contacto-details h3{font-size:1rem}.contacto-details p{font-size:.9rem}}@media (max-width: 480px){.contacto-section{padding:3rem 1rem}.contacto-titulo{font-size:1.75rem}.contacto-info{grid-template-columns:1fr;max-width:320px}.contacto-card{padding:1.25rem}.contacto-icon{width:45px;height:45px;font-size:1.2rem}}.venta-notificacion{position:fixed;left:24px;bottom:24px;z-index:999;background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;transition:all .3s ease}.notificacion-contenido{display:flex;align-items:center;min-width:320px;max-width:400px;padding:.8rem 1.2rem .8rem .8rem;animation:venta-fadein .7s;font-family:inherit}.notificacion-icono{width:50px;height:50px;object-fit:contain;border-radius:8px;background:#f8f8f8;margin-right:1rem;border:1px solid #eee;display:flex;align-items:center;justify-content:center;font-size:24px;transition:transform .2s ease}.notificacion-contenido:hover .notificacion-icono{transform:scale(1.05)}.notificacion-texto{display:flex;flex-direction:column;gap:4px}.notificacion-texto strong:first-child{color:#2046a5;font-weight:600;font-size:1.1rem;margin-bottom:2px}.notificacion-texto strong:last-child{color:#333;font-size:1rem;white-space:nowrap;font-weight:500}@keyframes venta-fadein{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 600px){.venta-notificacion{left:12px;bottom:12px;min-width:280px;max-width:90vw}.notificacion-contenido{padding:.6rem 1rem .6rem .6rem}.notificacion-icono{width:40px;height:40px;font-size:20px}.notificacion-texto strong:first-child{font-size:1rem}.notificacion-texto strong:last-child{font-size:.9rem}}.features-section{padding:4rem 2rem;background:linear-gradient(to bottom,#fffffffa,#fffffff2);position:relative}.features-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(0,0,0,.1),transparent)}.features-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;padding:2rem}.feature-card{background:linear-gradient(45deg,#1a1a1a,#2d2d2d);padding:2.5rem;border-radius:20px;text-align:center;transition:all .4s cubic-bezier(.175,.885,.32,1.275);position:relative;overflow:hidden;border:2px solid rgba(255,255,255,.1);box-shadow:0 4px 15px #0000004d,inset 0 1px 1px #ffffff1a;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:350px}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(45deg,#ffffff1a,#ffffff0d,#ffffff1a);z-index:1;transition:.5s;transform:scaleX(0);transform-origin:right}.feature-card:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle,rgba(255,255,255,.1) 0%,transparent 70%);opacity:0;transition:.5s;z-index:1}.feature-card:hover{transform:translateY(-10px) scale(1.02);box-shadow:0 8px 25px #0006,inset 0 1px 1px #fff3;border-color:#fff3}.feature-card:hover:before{transform:scaleX(1);transform-origin:left}.feature-card:hover:after{opacity:1;animation:rotate 4s linear infinite}.feature-icon{width:80px;height:80px;margin-bottom:2rem;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#1a1a1a,#2d2d2d);border-radius:50%;box-shadow:0 4px 15px #0000004d,inset 0 1px 1px #ffffff1a;border:2px solid rgba(255,255,255,.1);position:relative;z-index:2;transition:all .4s cubic-bezier(.175,.885,.32,1.275)}.feature-card:hover .feature-icon{transform:scale(1.1);box-shadow:0 8px 25px #0006,inset 0 1px 1px #fff3;border-color:#fff3}.feature-icon svg{width:35px;height:35px;color:#fff;text-shadow:0 0 10px rgba(255,255,255,.3)}.feature-card h3{color:#fff;font-size:1.5rem;margin-bottom:1rem;position:relative;z-index:2;text-shadow:0 0 10px rgba(255,255,255,.3)}.feature-card p{color:#ffffffe6;line-height:1.6;position:relative;z-index:2}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.features-container{grid-template-columns:1fr;padding:1rem}.feature-card{padding:2rem;min-height:300px}.feature-icon{width:70px;height:70px;margin-bottom:1.5rem}.feature-icon svg{width:30px;height:30px}}.hero-section{text-align:center;padding:4rem 2rem;background-color:#f8f9fa;border-radius:8px;margin-bottom:3rem}.hero-section h1{font-size:2.5rem;color:#333;margin-bottom:1rem}.hero-section p{font-size:1.2rem;color:#666}.features-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;padding:0 1rem}.feature-card{background:#fff;padding:2rem;border-radius:8px;box-shadow:0 2px 4px #0000001a;transition:transform .3s ease}.feature-card:hover{transform:translateY(-5px)}.feature-card h3{color:#007bff;margin-bottom:1rem;font-size:1.5rem}.feature-card p{color:#666;line-height:1.6}@media (max-width: 768px){.hero-section{padding:2rem 1rem}.hero-section h1{font-size:2rem}.features-section{grid-template-columns:1fr}}.faq-section{max-width:900px;margin:4rem auto;padding:3rem 2rem;background:#fff;border-radius:16px;box-shadow:0 4px 24px #00000014}.faq-title{font-size:2.2rem;font-weight:700;color:#181c3a;margin-bottom:3rem;text-align:center;position:relative;padding-bottom:1rem}.faq-title:after{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%);width:80px;height:3px;background:linear-gradient(90deg,#181c3a,transparent);border-radius:2px}.faq-item{margin-bottom:2.5rem;background:#f8f9fa;border-radius:12px;padding:1.5rem;transition:all .3s ease;border:1px solid rgba(24,28,58,.08)}.faq-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000000f;border-color:#181c3a1f}.faq-question{font-weight:600;color:#181c3a;margin-bottom:1rem;font-size:1.1rem;display:flex;align-items:center;gap:.5rem}.faq-question:before{content:"•";color:#181c3a;font-size:1.5rem}.faq-answer{color:#4a4a4a;font-size:1rem;line-height:1.6;margin-bottom:.5rem}.faq-medios-pago{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1rem;align-items:center;justify-content:center}.faq-mp-img{height:40px;width:auto;background:#fff;border-radius:8px;box-shadow:0 2px 8px #0000000f;padding:4px 8px;object-fit:contain;transition:all .3s ease}.faq-mp-img:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.faq-envio-logos{display:flex;gap:2rem;margin:1.5rem 0;align-items:center;justify-content:center;flex-wrap:wrap}.faq-envio-logo{width:220px;height:110px;background:#fff;border-radius:12px;box-shadow:0 2px 12px #0000000f;padding:12px;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.faq-envio-logo:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000001a}.faq-envio-logo img{width:100%;height:100%;object-fit:contain;background:transparent}.faq-answer a{color:#181c3a;text-decoration:none;font-weight:500;transition:all .3s ease;border-bottom:1px solid transparent;padding-bottom:2px}.faq-answer a:hover{color:#181c3a;border-bottom-color:#181c3a}.faq-mp-img-todos{width:100%;max-width:700px;height:auto;display:block;margin:1rem auto;border-radius:12px;box-shadow:0 4px 16px #00000014;transition:all .3s ease}.faq-mp-img-todos:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f}@media (max-width: 768px){.faq-section{margin:2rem auto;padding:2rem 1rem}.faq-title{font-size:1.8rem;margin-bottom:2rem}.faq-item{padding:1.2rem;margin-bottom:1.5rem}.faq-question{font-size:1rem}.faq-envio-logo{width:180px;height:90px}}@media (max-width: 480px){.faq-section{padding:1.5rem 1rem}.faq-title{font-size:1.5rem}.faq-envio-logo{width:150px;height:75px}}.whatsapp-container{position:fixed;bottom:2rem;right:2rem;z-index:900}.whatsapp-button{width:250px;height:50px;border-radius:25px;background:#35bb66;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 15px #25d36633;transition:all .3s cubic-bezier(.25,.8,.25,1);padding:0 20px;overflow:hidden;position:relative;animation:buttonPulse 2s infinite}.whatsapp-button .icon{color:#fff;font-size:24px;margin-right:10px}.whatsapp-button .button-text{color:#fff;font-size:16px;font-weight:500;letter-spacing:.5px}@keyframes buttonPulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.whatsapp-button:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transform:translate(-100%);transition:transform .6s ease}.whatsapp-button:hover:before{transform:translate(100%)}.button-content{display:flex;align-items:center;gap:8px}.chat-bubble{position:absolute;bottom:60px;right:0;width:300px;background:#fdf6ecf2;border-radius:20px;box-shadow:0 8px 30px #5c4b3d26;overflow:hidden;animation:fadeIn .3s ease-out;border:1px solid rgba(92,75,61,.1);transition:all .3s ease;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.chat-bubble:hover{box-shadow:0 12px 35px #5c4b3d33;transform:translateY(-2px)}.chat-header{display:flex;align-items:center;padding:16px;background:#25d3661a;border-bottom:1px solid rgba(92,75,61,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-avatar{width:40px;height:40px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;margin-right:12px;color:#fff;box-shadow:0 2px 8px #25d36633}.chat-avatar .icon{font-size:20px}.chat-info{flex:1}.chat-info h4{margin:0;font-size:16px;font-weight:500;color:#5c4b3d}.chat-status{font-size:12px;color:#25d366;display:flex;align-items:center}.chat-status:before{content:"";display:inline-block;width:8px;height:8px;background:#25d366;border-radius:50%;margin-right:6px;animation:pulse 2s infinite}.chat-message{padding:20px;background:transparent}.chat-message p{margin:0;font-size:14px;line-height:1.5;color:#5c4b3d}.chat-action{padding:16px;background:#25d3661a;border-top:1px solid rgba(92,75,61,.1);-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.chat-action button{display:flex;align-items:center;justify-content:center;width:100%;padding:12px;background:#25d366;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease;gap:8px;box-shadow:0 2px 8px #25d36633}.chat-action button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #25d3664d;background:#128c7e}.chat-action button .icon{font-size:18px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%{box-shadow:0 0 #25d36666}70%{box-shadow:0 0 0 10px #25d36600}to{box-shadow:0 0 #25d36600}}@media (max-width: 768px){.whatsapp-container{bottom:1.5rem;right:1.5rem}.whatsapp-button{height:45px;padding:0 15px}.whatsapp-button .icon{font-size:20px;margin-right:8px}.whatsapp-button .button-text{font-size:14px}.chat-bubble{width:280px;right:-10px}}@media (max-width: 480px){.whatsapp-container{bottom:1rem;right:1rem}.whatsapp-button{height:40px;padding:0 12px}.whatsapp-button .icon{font-size:18px;margin-right:6px}.whatsapp-button .button-text{font-size:13px}.chat-bubble{width:260px;right:-20px}.chat-header{padding:12px}.chat-avatar{width:35px;height:35px}.chat-message{padding:16px}.chat-action{padding:12px}}.carrito-container{background:#fff;border-radius:16px;box-shadow:0 4px 20px #0000001a;padding:2rem;max-width:1200px;margin:9rem auto 2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.carrito-container h2{color:#2c3e50;font-size:1.8rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #f0f0f0;text-align:center;display:flex;align-items:center;justify-content:center}.carrito-content{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.carrito-items{display:flex;flex-direction:column;gap:1.5rem}.carrito-lista{list-style:none;padding:0;margin:0;max-height:500px;overflow-y:auto}.carrito-lista::-webkit-scrollbar{width:8px}.carrito-lista::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.carrito-lista::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.carrito-lista::-webkit-scrollbar-thumb:hover{background:#555}.carrito-item{display:grid;grid-template-columns:120px 1fr auto;gap:1.5rem;align-items:center;padding:1rem;border-bottom:1px solid #eee;transition:background-color .2s}.carrito-item:hover{background-color:#f8f9fa}.carrito-item:last-child{border-bottom:none}.carrito-item-imagen{width:120px;height:120px;border-radius:8px;overflow:hidden;background:#f8f9fa;display:flex;align-items:center;justify-content:center}.carrito-item-imagen img{width:100%;height:100%;object-fit:cover}.carrito-item-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:#f8f9fa;color:#7f8c8d;font-size:.9rem;text-align:center;padding:1rem}.carrito-item-info{display:flex;flex-direction:column;gap:.5rem}.carrito-item-nombre{font-weight:600;color:#2c3e50;font-size:1.1rem}.carrito-item-cantidad,.carrito-item-precio,.carrito-item-subtotal{color:#34495e;font-size:.95rem}.carrito-item button{background:#e74c3c;color:#fff;border:none;border-radius:6px;padding:.5rem 1rem;cursor:pointer;font-size:.9rem;transition:all .2s;display:flex;align-items:center;gap:.5rem;height:fit-content}.carrito-item button:hover{background:#c0392b;transform:translateY(-1px)}.carrito-item button:active{transform:translateY(0)}.carrito-total{background:#f8f9fa;padding:1.5rem;border-radius:12px;text-align:right;font-size:1.3rem;color:#2c3e50;border:1px solid #eee}.carrito-total strong{color:#2c3e50;font-weight:600}.carrito-vaciar{background:#34495e;color:#fff;border:none;border-radius:8px;padding:1rem 1.5rem;cursor:pointer;font-size:1rem;width:100%;transition:all .2s;font-weight:500;text-transform:uppercase;letter-spacing:.5px;display:flex;align-items:center;justify-content:center}.carrito-vaciar:hover{background:#2c3e50;transform:translateY(-1px)}.carrito-vaciar:active{transform:translateY(0)}.carrito-vacio{text-align:center;padding:2rem;color:#7f8c8d;font-size:1.1rem}.carrito-formulario{position:sticky;top:2rem}@media (max-width: 1024px){.carrito-content{grid-template-columns:1fr}.carrito-formulario{position:static}}@media (max-width: 768px){.carrito-item{grid-template-columns:100px 1fr;gap:1rem}.carrito-item button{grid-column:1 / -1;justify-content:center;margin-top:.5rem}.carrito-item-imagen{width:100px;height:100px}}@media (max-width: 480px){.carrito-container{padding:1rem}.carrito-item{grid-template-columns:1fr;text-align:center}.carrito-item-imagen{margin:0 auto}.carrito-item-info{align-items:center}}.checkout-form{background:#fff;padding:2.5rem;border-radius:16px;box-shadow:0 4px 20px #00000014;border:1px solid #eee}.checkout-form h3{color:#2c3e50;margin-bottom:2rem;font-size:1.4rem;border-bottom:2px solid #f0f0f0;padding-bottom:.8rem;font-weight:600;letter-spacing:.3px}.form-group{margin-bottom:1.8rem;position:relative}.form-group label{display:block;margin-bottom:.7rem;color:#2c3e50;font-weight:500;font-size:.95rem;letter-spacing:.2px}.form-group input[type=text],.form-group input[type=tel],.form-group textarea{width:100%;padding:1rem;border:2px solid #e0e0e0;border-radius:10px;font-size:1rem;transition:all .3s ease;background-color:#f8f9fa;color:#2c3e50}.form-group input[type=text]:hover,.form-group input[type=tel]:hover,.form-group textarea:hover{border-color:#bdc3c7;background-color:#fff}.form-group input[type=text]:focus,.form-group input[type=tel]:focus,.form-group textarea:focus{border-color:#3498db;outline:none;box-shadow:0 0 0 3px #3498db26;background-color:#fff}.form-row{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem}.shipping-methods,.payment-methods{display:flex;flex-direction:column;gap:1rem;background:#f8f9fa;padding:1.2rem;border-radius:10px;border:1px solid #eee}.shipping-method,.payment-method{display:flex;align-items:center;gap:.8rem;cursor:pointer;padding:.8rem 1rem;border-radius:8px;transition:all .2s ease;background:#fff;border:1px solid #eee}.shipping-method:hover,.payment-method:hover{background-color:#f0f7ff;border-color:#3498db;transform:translateY(-1px)}.shipping-method input,.payment-method input{margin:0;width:18px;height:18px;accent-color:#3498db}.button-group{display:flex;gap:1.2rem;margin-top:2.5rem}.whatsapp-button,.copy-button{flex:1;padding:1.2rem;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.8rem;transition:all .3s ease;text-transform:uppercase;letter-spacing:.5px}.whatsapp-button{background:#25d366;color:#fff;box-shadow:0 4px 15px #25d36633}.whatsapp-button:hover{background:#128c7e;transform:translateY(-2px);box-shadow:0 6px 20px #25d3664d}.copy-button{background:#34495e;color:#fff;box-shadow:0 4px 15px #34495e33}.copy-button:hover{background:#2c3e50;transform:translateY(-2px);box-shadow:0 6px 20px #34495e4d}.whatsapp-button:active,.copy-button:active{transform:translateY(0)}.whatsapp-button svg,.copy-button svg{font-size:1.3rem}.form-group label:after{content:" *";color:#e74c3c;font-weight:700}.form-group label[for=aclaraciones]:after{content:""}.form-group textarea{resize:vertical;min-height:100px;line-height:1.5}@keyframes focusAnimation{0%{transform:scale(1)}50%{transform:scale(1.02)}to{transform:scale(1)}}.form-group input[type=text]:focus,.form-group input[type=tel]:focus,.form-group textarea:focus{animation:focusAnimation .3s ease}@media (max-width: 768px){.checkout-form{padding:1.5rem}.form-row{grid-template-columns:1fr}.button-group{flex-direction:column}.whatsapp-button,.copy-button{padding:1rem;font-size:1rem}}:root{--primary-color: #1a1a1a;--secondary-color: #2d2d2d;--accent-color: #333333;--text-color: #ffffff;--text-secondary: rgba(255, 255, 255, .9);--background-color: #ffffff;--background-secondary: rgba(255, 255, 255, .95);--border-color: rgba(255, 255, 255, .1);--shadow-color: rgba(0, 0, 0, .3);--hover-color: #2d2d2d;--gradient-primary: linear-gradient(45deg, #1a1a1a, #2d2d2d);--gradient-hover: linear-gradient(45deg, #2d2d2d, #1a1a1a)}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding-top:90px}@media (max-width: 768px){.main-content{padding-top:50px}}@media (max-width: 480px){.main-content{padding-top:45px}}body,.app,.main-content{background:#fff!important}