/* footer */
/*  background: linear-gradient(180deg, #f0efef8c 0%, #f008088c 100%);
 */



 footer{
    width: 100%;
    padding: 50px 0px;
    background-size: cover;
    
    background: linear-gradient(180deg, #f0efef8c 0%, #f008088c 100%);

}
footer a{
    text-decoration: none;
    
}
.container__footer{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    max-width: 1200px;
    margin: auto;
    margin-top: 100px;
}

.box__footer{
    display: flex;
    flex-direction: column;
    padding: 40px;
}

.box__footer .logo img{
    width: 180px;
}

.box__footer .terms{
    max-width: 350px;
    margin-top: 20px;
    font-weight: 500;
    color: #7a7a7a;
    font-size: 18px;
}

.box__footer h2{
    margin-bottom: 30px;
    color: #343434;
    font-weight: 700;
}

.box__footer a{
    margin-top: 10px;
    color: #7a7a7a;
    font-weight: 600;
}

.box__footer a:hover{
    opacity: 0.8;
}

.box__footer a .fab{
    font-size: 20px;
}

.box__copyright{
    max-width: 1200px;
    margin: auto;
    text-align: center;
    padding: 0px 40px;
}

.box__copyright p{
    margin-top: 20px;
    color: #7a7a7a;
}

.box__copyright hr{
    border: none;
    height: 1px;
    background-color: #7a7a7a;
}
 


.whatsapp-btn {
    position: fixed;
    bottom: 20px; /* Distancia desde la parte inferior */
    left: 10px; /* Distancia desde el borde izquierdo */
    z-index: 1000; /* Asegura que el botón esté sobre otros elementos */
    width: 60px;
    height: 60px;
    background-image: url('/img/wa.ico'); /* Ruta de la imagen del icono de WhatsApp */
    background-size: cover; /* Ajusta el tamaño de la imagen al tamaño del botón */
    border: 2px solid #25D366; /* Borde sólido de 2px de color verde */
    border-radius: 50%; /* Hace que el botón sea completamente redondo */
    cursor: pointer;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); /* Sombra */
    transition: transform 0.2s, background-color 0.2s; /* Transición de transformación y color de fondo */
    overflow: hidden; /* Oculta el exceso de animación */
}

/* Efecto de ondas */
.whatsapp-btn::after {
    content: '';
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.4);
    border-radius: 50%;
    animation: ripple 1s infinite;
}

@keyframes ripple {
    from {
        transform: scale(0);
        opacity: 1;
    }
    to {
        transform: scale(2.5);
        opacity: 0;
    }
}

/* Estilos cuando se pasa el cursor sobre el botón */
.whatsapp-btn:hover {
    transform: scale(1.1); /* Aumenta ligeramente el tamaño del botón */
    background-color: #4CAF50; /* Cambia el color de fondo cuando se pasa el cursor sobre el botón */
}

/* Estilos del mensaje */
.mensaje {
    position: fixed;
    bottom: 30px; /* Distancia desde la parte inferior */
    left: 70px; /* Distancia desde el borde izquierdo */
    z-index: 999; /* Asegura que el mensaje esté sobre el botón */
    font-size: 14px;
    color: #333;
    background-color: #fff; /* Fondo blanco */
    padding: 10px; /* Añade espacio alrededor del texto */
    border-radius: 10px; /* Bordes redondos */
    display: none; /* Oculta el mensaje por defecto */
}