/* =========================================
   PARCHE GLOBAL DE RESPONSIVIDAD
   Cubre el rango 993px – 1199px que faltaba
   ========================================= */

@media (min-width: 993px) and (max-width: 1199px) {

  /* Contenedores de página — evitar overflow
     Excluye explícitamente los wrappers del navbar para no romper el menú */
  .container:not(.navbar-content-wrapper):not(#mainHeader .container),
  [class*="container"]:not(.navbar-content-wrapper) {
    width: 100%;
    max-width: 100%;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
    overflow-x: hidden;
  }

  /* Grids de contenido — solo afecta grids reales de secciones,
     no los flex layouts del navbar ni Bootstrap rows */
  .cards-grid,
  .info-grid,
  .container-grid {
    grid-template-columns: repeat(2, 1fr);
    gap: 1.5rem;
  }

  /* Imágenes siempre responsivas */
  img, video, iframe {
    max-width: 100%;
    height: auto;
  }

  /* Tablas con scroll horizontal si no caben */
  table {
    display: block;
    overflow-x: auto;
    width: 100%;
  }
}

/* =================================================
   SEGURIDAD GLOBAL — aplica a CUALQUIER resolución
   ================================================= */

/* Modelo de caja consistente en todo el sitio */
*, *::before, *::after {
  box-sizing: border-box;
}

/* Evita scroll horizontal en cualquier resolución */
html, body {
  overflow-x: hidden;
  max-width: 100%;
}

/* Imágenes y medios siempre dentro de su contenedor */
img, video, iframe, embed, object {
  max-width: 100%;
  height: auto;
}