/* ============================================================
   Layout ancho unificado para vistas públicas
   Ensancha el contenido en pantallas grandes (tope 1800px) con
   padding lateral fluido, en lugar del corte a 1140px de Bootstrap.

   Se unifica la geometría de TODOS los .container (header/navbar,
   contenido, footer, breadcrumb) con el MISMO max-width y el MISMO
   padding-inline para que sus bordes internos queden alineados.

   Carga tras critical.css / base.bundle → gana por orden de carga
   (y por especificidad 0,2,0 en .navbar/.header .container). Sin
   !important.

   Seguridad: el header admin (<nav class="navbar topbar">) no tiene
   .container dentro, así que no le afecta. Solo unas pocas vistas
   backstage usan .container y pasar de 1140→1800 solo les da más
   ancho (benigno). No se tocan clases que solo *contienen* la
   subcadena "container" (.footer-container, .container-question,
   .projects-sections-container, .container-view-backstage, etc.).
   ============================================================ */

.container {
  max-width: 1800px;
  width: 100%;
  margin-inline: auto;
  padding-inline: clamp(1rem, 4vw, 3rem);
}

/* Ganar a las reglas específicas de critical.css
   (.navbar .container: 1140px / .header .container: 960px).
   Mantienen su display flex / text-align propios: solo
   redefinimos ancho y padding. */
.navbar .container,
.header .container {
  max-width: 1800px;
  padding-inline: clamp(1rem, 4vw, 3rem);
}