¿Necesitas ayuda? Compra en línea con un asesor.


Pedir por WhatsApp

body { margin: 0; padding: 0; }
#whatsapp-top-bar {
position: -webkit-sticky; /* Soporte para Safari */
position: sticky; /* Hace que se quede fija al tocar el borde superior */
top: 0; /* Se adhiere exactamente arriba */
z-index: 99999; /* Se asegura de quedar por encima de otros menús o elementos */
width: 100%;
box-sizing: border-box;
background: #272555;
color: #eaa8ff !important;
display: flex;
justify-content: center;
align-items: center;
padding: 16px 15px;
font-family: ‘DM Sans’, sans-serif;
text-align: center;
gap: 15px;
margin-bottom: 0;
box-shadow: none;
}
/* Aplica el color rosado y tipografía a los textos de la barra */
#whatsapp-top-bar .bar-text,
#whatsapp-top-bar .bar-text strong {
color: #eaa8ff !important;
font-family: ‘DM Sans’, sans-serif;
}
.bar-text {
font-size: 15px;
font-weight: 500;
margin-right: 10px;
}
/* Botón de WhatsApp */
.whatsapp-btn {
background: #25D366;
color: #ffffff !important;
padding: 8px 16px;
border-radius: 25px;
font-weight: 600;
font-family: ‘DM Sans’, sans-serif;
text-decoration: none;
display: flex;
align-items: center;
gap: 8px;
overflow: hidden;
animation: moverBoton 3s ease-in-out infinite;
}
/* Asegura que cualquier texto o herencia dentro del botón sea blanco */
.whatsapp-btn,
.whatsapp-btn * {
color: #ffffff !important;
}
.whatsapp-btn .icon {
width: 18px;
height: 18px;
}
@keyframes moverBoton {
0%, 100% { transform: translateX(0); }
50% { transform: translateX(6px); }
}
@media (max-width: 768px) {
#whatsapp-top-bar { flex-direction: column; gap: 8px; padding: 14px 15px; }
.bar-text { margin: 0; }
}