Entrar usando contraseña
/* --- CARRITO ESTILO YANQEN NEÓN --- */ /* Fondo negro para el carrito lateral y la página de carrito */ .cart-drawer, .main-cart-items, .cart__footer, .drawer__inner { background-color: #000000 !important; } /* Color de texto blanco y títulos en cian */ .cart-drawer .drawer__heading, .cart-item__name, .totals__subtotal-value { color: #00E8FF !important; text-transform: uppercase !important; letter-spacing: 1px !important; } /* Bordes divisorios en cian suave */ .cart-item { border-bottom: 1px solid rgba(0, 232, 255, 0.2) !important; } /* BOTÓN DE PAGO (CHECKOUT) - EL MÁS IMPORTANTE */ .cart__checkout-button, #checkout { background-color: #00E8FF !important; color: #000000 !important; font-weight: 800 !important; border-radius: 5px !important; box-shadow: 0 0 15px rgba(0, 232, 255, 0.6) !important; transition: all 0.3s ease !important; border: none !important; } /* Efecto de brillo al pasar el mouse por el botón de pago */ .cart__checkout-button:hover { background-color: #FFFFFF !important; box-shadow: 0 0 25px #00E8FF !important; transform: scale(1.03); } /* Textos secundarios en blanco */ .cart-item__details p, .totals__subtotal { color: #FFFFFF !important; } /* --- DISEÑO DE CATÁLOGO ELITE YANQEN --- */ /* Fondo general del catálogo */ .gradient, .section-template--collection-grid { background: #000000 !important; } /* Tarjeta de Producto Estilo Galería */ .card { background: #0a0a0a !important; /* Un gris casi negro para dar profundidad */ border: 1px solid rgba(0, 232, 255, 0.05) !important; border-radius: 8px !important; transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1) !important; } .card:hover { border: 1px solid #00E8FF !important; box-shadow: 0 0 30px rgba(0, 232, 255, 0.2) !important; transform: translateY(-8px); } /* Zoom de imagen al pasar el mouse */ .card__media img { transition: transform 0.6s ease !important; } .card:hover .card__media img { transform: scale(1.08) !important; } /* Tipografía y Precios */ .card__heading { color: #FFFFFF !important; font-family: 'Inter', sans-serif !important; /* O la fuente más limpia que tengas */ letter-spacing: 0.5px; } .price__container { color: #00E8FF !important; font-weight: 700 !important; } /* Botones Duales Minimalistas */ .quick-add { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 10px !important; padding: 15px !important; } .quick-add__submit { border-radius: 2px !important; /* Casi cuadrado para look industrial */ font-size: 11px !important; letter-spacing: 1px !important; height: 40px !important; } /* --- BORDES CIAN NEÓN PARA PRODUCTOS YANQEN --- */ /* Aplica un borde cian neón y un brillo suave a cada tarjeta de producto */ .card-wrapper { border: 2px solid #00E8FF !important; /* Borde sólido Cian Neón */ border-radius: 12px !important; /* Bordes redondeados */ box-shadow: 0 0 15px rgba(0, 232, 255, 0.4) !important; /* Brillo (glow) neón suave alrededor */ transition: all 0.4s ease-in-out !important; /* Transición suave para el hover */ } /* Efecto al pasar el mouse (hover): el brillo se intensifica */ .card-wrapper:hover { box-shadow: 0 0 25px rgba(0, 232, 255, 0.6) !important; transform: translateY(-5px); /* Pequeña elevación */ } /* --- FOOTER PROFESIONAL YANQEN --- */ .footer { background: #000000 !important; /* Fondo negro absoluto */ border-top: 1px solid #00E8FF !important; /* Línea neón superior */ } .footer__title { color: #00E8FF !important; /* Títulos en Cian Neón */ text-transform: uppercase; letter-spacing: 2px; font-size: 1.1rem !important; } /* Brillo en el campo de correo */ .newsletter-form__field-wrapper { border: 1px solid #00E8FF !important; box-shadow: 0 0 10px rgba(0, 232, 255, 0.4); border-radius: 4px; } } .footer { background: #000000 !important; border-top: 1px solid #00E8FF !important; } .footer__title { color: #00E8FF !important; text-transform: uppercase; letter-spacing: 2px; } .footer__link { color: #ffffff !important; } .footer__link:hover { color: #00E8FF !important; }