footer .btn-floating {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

footer .btn-floating:hover {
    transform: scale(1.2);
    box-shadow: 0 6px 15px rgba(0, 0, 0, 0.25);
}

/* Estilo base para todos los botones sociales */
.social-btn {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    /* Botón redondo */
    display: inline-flex;
    align-items: center;
    justify-content: center;
    font-size: 22px;
    color: white;
    transition: all 0.3s ease-in-out;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}

/* Efecto hover */
.social-btn:hover {
    transform: translateY(-5px) scale(1.1);
    box-shadow: 0 6px 12px rgba(0, 0, 0, 0.3);
    color: rgb(0, 0, 0);
}


.social-phone {
    /* background: #25d366; */
    color: #004b64;
}

.social-facebook {
    /* background: #1877f2; */
    color: #004b64;
}

.social-google {
    /* background: #db4437; */
    color: #004b64;
}

.social-instagram {
    /* background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888); */
    color: #004b64;
}

.social-whatsapp {
    /* background: #25d366; */
    color: #004b64;
}

 /* Estilos para el menú desplegable */
.navbar .dropdown-menu {
    background: rgba(255, 255, 255, 0.334);
    border: none;
    border-radius: 7px;
    backdrop-filter: blur(5px);
}

/* Estilos para los items dentro del dropdown */
.navbar .dropdown-item {
    color: #000000;
    transition: background 0.3s ease;
    font-family: "Poppins", sans-serif;
    font-weight: 700;
    font-size: 0.9rem;
}

   .navbar .dropdown-item:hover {
       background: rgba(0, 0, 0, 0);
          color: #004b64;

   }