.whatsapp-float {
    position: fixed;
    right: 4%;
    bottom: 4%;
    background-color: #25D366; /* Color típico de WhatsApp */
    color: white;
    border-radius: 50%; /* Mantiene el ícono redondo */
    border-bottom-left-radius: 20%;
    width: 45px; /* Ancho fijo */
    height: 45px; /* Alto fijo */
    display: flex; /* Usar flex para centrar el ícono */
    align-items: center; /* Centrar verticalmente */
    justify-content: center; /* Centrar horizontalmente */
    z-index: 1000; /* Asegura que esté siempre visible */
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3);
    border: 0px solid white; /* Borde blanco */
    transition: transform 0.3s ease;
    text-decoration: none;
}

.whatsapp-float:hover {
    transform: scale(1.1); /* Pequeña animación al pasar el cursor */
}

.whatsapp-float i {
    font-size: 60px; /* Ajustar tamaño del ícono */
    margin: 0; /* Sin margen */
}
