/* Ajustes para hacer los enlaces rápidos y los iconos de redes sociales blancos */

/* Enlaces rápidos en blanco */
.footer-links li a {
    color: #ffffff !important; /* Blanco puro */
    font-weight: 500; /* Un poco más visible */
}

.footer-links li a:hover {
    color: #ffffff !important; /* Mantener blanco al pasar el cursor */
    text-decoration: underline; /* Subrayar para indicar que es clickeable */
    padding-left: 5px; /* Mantener el efecto de movimiento */
    opacity: 0.9; /* Ligero efecto al hover */
}

/* Iconos de redes sociales en blanco */
.footer-social .social-icon {
    background-color: rgba(255, 255, 255, 0.2); /* Fondo semi-transparente */
    color: #ffffff !important; /* Iconos en blanco */
}

.footer-social .social-icon i {
    color: #ffffff !important; /* Forzar color blanco para los iconos */
}

.footer-social .social-icon:hover {
    background-color: rgba(255, 255, 255, 0.3); /* Fondo un poco más claro al hover */
    color: #ffffff !important; /* Mantener blanco */
    transform: translateY(-3px); /* Mantener el efecto de elevación */
}

/* Asegurar que los iconos de contacto también sean blancos */
.footer-contact i {
    color: #ffffff !important; /* Blanco puro */
    margin-right: 10px;
}

/* Enlaces legales en blanco */
.footer-legal a {
    color: #ffffff !important;
}

.footer-legal a:hover {
    text-decoration: underline;
    opacity: 0.9;
}