/* Asegurar que el footer siempre esté en la parte inferior */
body {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
}

main {
    flex: 1;
}

/* Mejorar los enlaces del footer */
footer a {
    transition: color 0.3s ease;
}

    footer a:hover {
        color: #2a5298 !important;
        text-decoration: none;
    }

/* Ajustar márgenes en móviles */
@media (max-width: 768px) {
    footer .row > div {
        margin-bottom: 1.5rem;
    }
}