@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&display=swap');:root{--color-principal:#164e63;--color-secundario:#0ea5e9;--color-acento:#0d9488;--color-acento-hover:#0f766e;--color-carrito:#f43f5e;--azul-footer:#0b1329;--color-fondo:#f8fafc;--color-busqueda:#f1f5f9;--color-card:#ffffff;--font-outfit:'Outfit','Inter',sans-serif;--sombra-card:0 4px 6px -1px rgba(15,23,42,0.04),0 2px 4px -2px rgba(15,23,42,0.04),0 12px 24px -4px rgba(15,23,42,0.03);--sombra-hover:0 20px 25px -5px rgba(15,23,42,0.08),0 8px 10px -6px rgba(15,23,42,0.08),0 25px 50px -12px rgba(15,23,42,0.04);}body{font-family:var(--font-outfit);background:radial-gradient(circle at 0% 0%,rgba(14,165,233,0.05) 0%,transparent 40%),radial-gradient(circle at 100% 100%,rgba(13,148,136,0.05) 0%,transparent 45%),var(--color-fondo) !important;color:#334155 !important;-webkit-font-smoothing:antialiased;}h1,h2,h3,h4,h5,h6{font-family:var(--font-outfit) !important;font-weight:700;letter-spacing:-0.02em;}header{background:rgba(255,255,255,0.75) !important;backdrop-filter:blur(18px) saturate(180%) !important;-webkit-backdrop-filter:blur(18px) saturate(180%) !important;border-bottom:1px solid rgba(226,232,240,0.7) !important;box-shadow:0 1px 3px 0 rgba(0,0,0,0.02),0 10px 15px -3px rgba(0,0,0,0.03) !important;padding:14px 0 !important;}header.header-scrolled{background:rgba(255,255,255,0.9) !important;box-shadow:0 4px 20px rgba(15,23,42,0.06) !important;}.logo-text h1 .logo-strong{color:var(--color-principal) !important;font-weight:800;letter-spacing:-0.03em;}.logo-text h1 .logo-soft{color:var(--color-secundario) !important;font-weight:600;}.header-categories-btn{background:rgba(14,165,233,0.08) !important;border:1px solid rgba(14,165,233,0.15) !important;color:#0369a1 !important;border-radius:12px !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;}.header-categories-btn:hover{background:rgba(14,165,233,0.14) !important;color:#0284c7 !important;transform:translateY(-1px);}.header-location-btn,.header-cart-btn{border:1px solid #e2e8f0 !important;border-radius:12px !important;background:#ffffff !important;box-shadow:0 1px 2px 0 rgba(0,0,0,0.03) !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;}.header-location-btn:hover{background:#f8fafc !important;border-color:#cbd5e1 !important;transform:translateY(-1px);}.header-cart-btn{background:#fff5f5 !important;border-color:#fee2e2 !important;color:#be123c !important;}.header-cart-btn:hover{background:#fef2f2 !important;border-color:#fca5a5 !important;color:#be123c !important;transform:translateY(-1px);}.header-cart-btn.has-items{background:#f0fdf4 !important;border-color:#bbf7d0 !important;color:#166534 !important;}.header-cart-btn.has-items:hover{background:#dcfce7 !important;border-color:#86efac !important;color:#14532d !important;}.header-login-btn{background:linear-gradient(135deg,var(--color-principal),#0891b2) !important;border:none !important;border-radius:12px !important;box-shadow:0 4px 12px rgba(22,78,99,0.15) !important;transition:all 0.2s cubic-bezier(0.4,0,0.2,1) !important;}.header-login-btn:hover{background:linear-gradient(135deg,#0e7490,#06b6d4) !important;box-shadow:0 6px 16px rgba(22,78,99,0.25) !important;transform:translateY(-1px);}.search-container input{background:var(--color-busqueda) !important;border:1px solid #e2e8f0 !important;border-radius:50px !important;color:#0f172a !important;font-weight:500;box-shadow:inset 0 2px 4px 0 rgba(15,23,42,0.02) !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.search-container input:focus{background:#ffffff !important;border-color:var(--color-secundario) !important;box-shadow:0 0 0 4px rgba(14,165,233,0.15) !important;}.search-btn{background:linear-gradient(135deg,var(--color-secundario),#0284c7) !important;border:none !important;box-shadow:0 4px 12px rgba(14,165,233,0.25) !important;border-radius:50px !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.search-btn:hover{background:linear-gradient(135deg,#0284c7,#0369a1) !important;box-shadow:0 6px 16px rgba(2,132,199,0.35) !important;}.banner-container{border-radius:0 0 24px 24px !important;box-shadow:0 10px 30px rgba(15,23,42,0.05) !important;overflow:hidden !important;}.banner-overlay{background:linear-gradient(180deg,rgba(15,23,42,0.35),rgba(15,23,42,0.75)) !important;}.banner-content h2{font-size:2.6rem !important;font-weight:800 !important;text-shadow:0 2px 8px rgba(0,0,0,0.25) !important;margin-bottom:12px !important;}.banner-content p{font-size:1.15rem !important;font-weight:400 !important;max-width:700px !important;margin:0 auto 24px auto !important;line-height:1.6 !important;color:rgba(255,255,255,0.9) !important;}.btn-banner-secondary{background:linear-gradient(135deg,#25d366,#128c7e) !important;border:none !important;box-shadow:0 4px 14px rgba(37,211,102,0.35) !important;border-radius:12px !important;font-weight:700 !important;padding:14px 28px !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.btn-banner-secondary:hover{box-shadow:0 6px 20px rgba(37,211,102,0.5) !important;transform:scale(1.03) !important;}.card{border:1px solid #f1f5f9 !important;border-radius:20px !important;background:var(--color-card) !important;box-shadow:var(--sombra-card) !important;padding:32px !important;margin-bottom:32px !important;transition:box-shadow 0.3s ease !important;}.card h2{font-size:1.6rem !important;font-weight:800 !important;color:var(--color-principal) !important;margin-top:0 !important;margin-bottom:24px !important;}.cats-section-new{border-radius:24px !important;}.cats-header h2{color:var(--color-principal) !important;font-size:1.8rem !important;}.cat-card-new{border-radius:18px !important;box-shadow:0 4px 10px rgba(15,23,42,0.03) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;}.cat-card-new:hover{transform:translateY(-6px) !important;box-shadow:var(--sombra-hover) !important;}.cat-card-new .cat-card-arrow{background:rgba(255,255,255,0.25) !important;backdrop-filter:blur(4px) !important;border-radius:50% !important;width:32px !important;height:32px !important;}.categorias-pagination{gap:8px !important;margin-top:24px !important;}.cat-page-btn{border-radius:10px !important;border:1px solid #e2e8f0 !important;color:#475569 !important;background:#ffffff !important;font-weight:600 !important;padding:8px 14px !important;transition:all 0.2s ease !important;}.cat-page-btn:hover{background:#f1f5f9 !important;color:#1e293b !important;}.cat-page-btn.is-active{background:var(--color-secundario) !important;border-color:var(--color-secundario) !important;color:#ffffff !important;box-shadow:0 4px 12px rgba(14,165,233,0.2) !important;}.producto{background:#ffffff !important;border:1px solid #f1f5f9 !important;border-radius:18px !important;padding:24px !important;box-shadow:0 4px 6px -1px rgba(15,23,42,0.01),0 2px 4px -2px rgba(15,23,42,0.01) !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;}.producto:hover{transform:translateY(-5px) !important;border-color:#e2e8f0 !important;box-shadow:var(--sombra-hover) !important;}.producto img{border-radius:12px !important;max-height:160px !important;margin-bottom:12px !important;transition:transform 0.3s cubic-bezier(0.4,0,0.2,1) !important;}.producto:hover img{transform:scale(1.05) !important;}.producto h3{font-size:0.95rem !important;font-weight:700 !important;color:#1e293b !important;margin:8px 0 !important;min-height:38px !important;display:-webkit-box !important;-webkit-line-clamp:2 !important;-webkit-box-orient:vertical !important;overflow:hidden !important;line-height:1.4 !important;}.producto p{font-size:1.15rem !important;font-weight:800 !important;color:var(--color-secundario) !important;margin:8px 0 !important;}.producto p em{font-size:0.8rem !important;color:#94a3b8 !important;font-weight:400 !important;}.cantidad-control{background:#f1f5f9 !important;border-radius:12px !important;padding:3px !important;margin-bottom:14px !important;display:inline-flex !important;align-items:center !important;}.cantidad-control button{background:#ffffff !important;border:1px solid #e2e8f0 !important;color:#334155 !important;border-radius:8px !important;width:28px !important;height:28px !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:1rem !important;box-shadow:0 1px 2px rgba(0,0,0,0.03) !important;transition:all 0.15s ease !important;}.cantidad-control button:hover{background:#f8fafc !important;color:#0f172a !important;}.cantidad-control .cantidad{font-weight:700 !important;color:#1e293b !important;min-width:32px !important;text-align:center !important;font-size:0.9rem !important;}.btn-agregar{background:linear-gradient(135deg,var(--color-secundario),#0284c7) !important;color:#ffffff !important;font-weight:700 !important;font-size:0.9rem !important;border-radius:12px !important;padding:11px !important;width:100% !important;box-shadow:0 4px 10px rgba(14,165,233,0.2) !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.btn-agregar:hover{background:linear-gradient(135deg,#0284c7,#0369a1) !important;box-shadow:0 6px 16px rgba(2,132,199,0.3) !important;transform:translateY(-1px) !important;}.carousel-btn{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#475569 !important;box-shadow:0 4px 10px rgba(0,0,0,0.05) !important;border-radius:50% !important;width:44px !important;height:44px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all 0.2s ease !important;}.carousel-btn:hover{background:#f8fafc !important;color:#0f172a !important;border-color:#94a3b8 !important;transform:scale(1.05) !important;}.cart-float{background:#ffffff !important;border:1px solid rgba(226,232,240,0.8) !important;box-shadow:0 15px 30px rgba(15,23,42,0.15) !important;border-radius:35px !important;height:60px !important;padding:0 20px 0 14px !important;display:flex !important;align-items:center !important;justify-content:flex-start !important;gap:12px !important;transition:all 0.3s cubic-bezier(0.4,0,0.2,1) !important;}.cart-float:hover{transform:translateY(-5px) scale(1.02) !important;box-shadow:0 20px 35px rgba(15,23,42,0.22) !important;}.cart-float .cart-float-icon{font-size:20px !important;color:var(--color-secundario) !important;}.cart-float .cart-label{display:flex !important;flex-direction:column !important;text-align:left !important;line-height:1.1 !important;}.cart-float .cart-label span{font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:0.05em !important;color:#64748b !important;}.cart-float .cart-label small{font-size:13px !important;font-weight:800 !important;color:#0f172a !important;}.cart-float .cart-count{background:var(--color-carrito) !important;font-size:11px !important;font-weight:700 !important;border-radius:99px !important;padding:3px 8px !important;width:auto !important;height:auto !important;position:static !important;margin-left:4px !important;}#carrito h2{border-bottom:1.5px solid #f1f5f9 !important;padding-bottom:16px !important;font-size:1.5rem !important;}#carrito h2 i{color:var(--color-secundario) !important;margin-right:8px !important;}.carrito-insights{background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:14px !important;padding:14px !important;}.carrito-metric strong{font-size:1.25rem !important;color:var(--color-principal) !important;}.carrito-note{background:rgba(13,148,136,0.07) !important;border:1px solid rgba(13,148,136,0.18) !important;color:#115e59 !important;border-radius:12px !important;font-weight:500 !important;}#listaCarrito li{padding:14px 0 !important;border-bottom:1px dashed #e2e8f0 !important;}#listaCarrito li span:first-child{font-weight:600 !important;color:#1e293b !important;}#listaCarrito li span:nth-child(2){font-weight:700 !important;color:var(--color-secundario) !important;}#listaCarrito li button{background:#fff1f2 !important;color:#be123c !important;border:1px solid #ffe4e6 !important;border-radius:8px !important;font-weight:700 !important;padding:6px 12px !important;transition:all 0.2s ease !important;}#listaCarrito li button:hover{background:#ffe4e6 !important;color:#9f1239 !important;}.carrito-total{background:#f8fafc !important;border:1px solid #e2e8f0 !important;border-radius:14px !important;padding:16px 20px !important;}.carrito-total span{font-weight:600 !important;color:#64748b !important;}.carrito-total strong{color:var(--color-secundario) !important;font-weight:800 !important;font-size:1.5rem !important;}.btn-vaciar{background:#ffffff !important;border:1px solid #cbd5e1 !important;color:#475569 !important;border-radius:12px !important;font-weight:600 !important;transition:all 0.2s ease !important;}.btn-vaciar:hover{background:#f8fafc !important;color:#0f172a !important;}.btn-whatsapp{background:linear-gradient(135deg,#25d366,#128c7e) !important;border-radius:12px !important;box-shadow:0 4px 14px rgba(37,211,102,0.25) !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.btn-whatsapp:hover{background:linear-gradient(135deg,#128c7e,#075e54) !important;box-shadow:0 6px 20px rgba(18,140,126,0.35) !important;transform:translateY(-1px) !important;}.btn-whatsapp.is-disabled{background:#cbd5e1 !important;box-shadow:none !important;opacity:0.65 !important;}.footer-container{background:var(--azul-footer) !important;color:#94a3b8 !important;border-radius:28px 28px 0 0 !important;padding:60px 40px 24px 40px !important;margin-top:60px !important;border-top:1px solid rgba(255,255,255,0.05) !important;}.footer-col h4{color:#ffffff !important;font-size:1.2rem !important;font-weight:700 !important;position:relative !important;}.footer-col h4::after{content:'' !important;position:absolute !important;left:0 !important;bottom:-6px !important;width:32px !important;height:3px !important;background:var(--color-secundario) !important;border-radius:2px !important;}.footer-col p{font-size:0.9rem !important;line-height:1.6 !important;}.footer-col ul li{font-size:0.9rem !important;margin-bottom:11px !important;transition:all 0.2s ease !important;}.footer-col ul li:hover{color:#ffffff !important;transform:translateX(3px);}.footer-payments{border-top:1px solid rgba(255,255,255,0.06) !important;border-bottom:1px solid rgba(255,255,255,0.06) !important;padding:24px 0 !important;}.payment-item{font-size:0.9rem !important;color:#cbd5e1 !important;}.payment-item i{color:var(--color-secundario) !important;font-size:1.3rem !important;}.footer-social a{background:rgba(255,255,255,0.05) !important;color:#cbd5e1 !important;width:42px !important;height:42px !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}.footer-social a:hover{background:var(--color-secundario) !important;color:#ffffff !important;transform:translateY(-3px) !important;}.footer-legal-logos{margin-top:30px !important;gap:50px !important;opacity:0.65 !important;}.legal-logo-slot img{max-height:40px !important;filter:grayscale(100%) brightness(2) !important;transition:all 0.3s ease !important;}.legal-logo-slot:hover img{filter:none !important;}.franja-blanca-copyright{background:#060a15 !important;color:#475569 !important;border-top:1px solid rgba(255,255,255,0.04) !important;padding:24px 0 !important;font-size:0.85rem !important;}#backToTop{background-color:var(--color-secundario) !important;border-radius:50% !important;box-shadow:0 4px 20px rgba(14,165,233,0.3) !important;width:48px !important;height:48px !important;transition:all 0.25s cubic-bezier(0.4,0,0.2,1) !important;}#backToTop:hover{background-color:var(--color-principal) !important;transform:translateY(-3px) !important;}@keyframes pulseGlow{0%{box-shadow:0 0 0 0 rgba(14,165,233,0.4);}70%{box-shadow:0 0 0 8px rgba(14,165,233,0);}100%{box-shadow:0 0 0 0 rgba(14,165,233,0);}}.cart-float .cart-count{animation:pulseGlow 2s infinite;}@media (max-width:768px){header{padding:10px 0 !important;}.header-content{padding:0 16px !important;gap:12px !important;}.banner-content h2{font-size:2rem !important;}.banner-content p{font-size:1rem !important;}.card{padding:20px !important;}.footer-container{padding:40px 20px 24px 20px !important;}}