/**
 * Footer responsive - mismos breakpoints que content-margins (992, 768, 480).
 * Unifica el ritmo de partición del footer con el contenido.
 */

/* Tablets y ventanas estrechas (769–992px) */
@media (max-width: 992px) {
    .center-footer,
    .center-entidades-nacionales,
    .politicas,
    .center-govYCoBa {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
    .image-footer div {
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }
}

/* Móviles y tablet en portrait (481–768px) */
@media (max-width: 768px) {
    .center-footer,
    .center-entidades-nacionales,
    .politicas,
    .center-govYCoBa {
        padding-left: 1rem;
        padding-right: 1rem;
    }
    .image-footer div {
        padding-left: 1rem;
        padding-right: 1rem;
    }
}

/* Móviles pequeños (≤ 480px) */
@media (max-width: 480px) {
    .center-footer,
    .center-entidades-nacionales,
    .politicas,
    .center-govYCoBa {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
    .image-footer div {
        padding-left: 0.75rem;
        padding-right: 0.75rem;
    }
}