/* =====================================
   FOOTER STYLES
   ===================================== */

footer.bg-primary {
    background-color: #000000 !important;
}

footer .bg-dark {
    background-color: #303030 !important;
}

/* Enlaces del footer */
footer a {
    transition: all 0.3s ease;
    opacity: 0.9;
}

footer a:hover {
    opacity: 1;
    text-decoration: underline !important;
    transform: translateY(-2px);
}

/* Iconos de redes sociales en footer */
footer .social-icon-footer {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: rgba(255, 255, 255, 0.1);
    transition: all 0.3s ease;
}

footer .social-icon-footer:hover {
    background: rgba(255, 255, 255, 0.2);
    transform: translateY(-3px);
}

/* Responsive footer */
@media (max-width: 768px) {
    footer .container {
        padding-left: 15px;
        padding-right: 15px;
    }
    
    footer .row > div {
        margin-bottom: 30px;
    }
    
    footer img.img-fluid {
        max-width: 200px !important;
    }
}

/* Estilos para íconos de contacto */
footer .fa-map-marker-alt,
footer .fa-phone-alt,
footer .fa-envelope,
footer .fa-whatsapp {
    width: 20px;
    text-align: center;
}