/* ==================================================
   responsive.css
   Función: concentrar ajustes globales de tablet y móvil.
   Toca este archivo antes de crear media queries aislados.
   ================================================== */
@media (max-width: 992px) {
    :root {
        --header-height: 84px;
    }
}

@media (max-width: 768px) {
    .container,
    .wrap,
    .footer-container,
    .footer-bottom,
    .footer-divider {
        width: min(100% - 24px, var(--container-max));
    }
}