/**
 * @file
 * Respaldo mínimo para cuando Bootstrap no carga.
 *
 * Este archivo pesa -100 en portalfged.libraries.yml, así que se carga ANTES
 * que /libraries/bootstrap/dist/css/bootstrap.min.css. Si Bootstrap está en su
 * sitio, lo sobrescribe entero y este archivo no hace nada. Si falta —no se
 * instaló la librería, el CDN está bloqueado— evita que la página se caiga a
 * texto plano sin márgenes y con el menú en viñetas.
 *
 * NO es un reemplazo de Bootstrap: sólo cubre el contenedor y el reseteo de
 * listas de menú, que es lo que rompe la página de forma más visible. La
 * solución de fondo es instalar la librería (ver README-kit-diseno.md).
 */

.container {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}
@media (min-width: 576px)  { .container { max-width: 540px; } }
@media (min-width: 768px)  { .container { max-width: 720px; } }
@media (min-width: 992px)  { .container { max-width: 960px; } }
@media (min-width: 1200px) { .container { max-width: 1140px; } }

.container-fluid {
  width: 100%;
  margin-right: auto;
  margin-left: auto;
  padding-right: 15px;
  padding-left: 15px;
}

/* Menús de Drupal sin viñetas ni sangría. */
.region-primary-menu ul,
.region-secondary-menu ul,
.site-footer ul.menu,
ul.navbar-nav,
ul.menu {
  list-style: none;
  margin: 0;
  padding: 0;
}

.clearfix::after { content: ""; display: table; clear: both; }

/* ---------- Enlace "saltar al contenido" ----------
   Drupal 10 emite <a href="#main-content" class="visually-hidden-focusable">.
   Esa clase la define BOOTSTRAP 5, no Drupal core: core sólo trae
   .visually-hidden y .visually-hidden.focusable, que son otras.

   Si Bootstrap no carga, nadie define .visually-hidden-focusable y el enlace
   aparece arriba de todo en cada página. Aquí se replica la regla de Bootstrap.
   Cuando Bootstrap vuelva, la suya —idéntica— gana por orden de carga.

   No se oculta a secas: es el atajo con el que quien navega con teclado o
   lector de pantalla se salta el menú. Invisible hasta que recibe el foco. */
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}