/* GANTRY5 DEVELOPMENT MODE ENABLED.
 *
 * WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!
 *
 * For more information on modifying CSS, please read:
 *
 * http://docs.gantry.org/gantry5/configure/styles
 * http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@charset "UTF-8";
/* .u-sr-only se promovió a turismo-extend.css (utilidad de DS, Bloque 2 a11y). */
/* ═══ Gutters del wrapper de componente ═══════════════════════════════════════════════════
   🔴 MEDIDO EN H2.5 lote (a), y afecta a TODA página a ancho completo:
   Gantry envuelve la salida del componente de Joomla en
       div.platform-content.container  →  div.row  →  div.col
   y esos `container`/`col` traen los gutters de Bootstrap: 12px de cada lado en DOS niveles.
   Resultado: `.gsj-page-main` medía **1256px en el sitio contra 1280 en el kit**, y la grilla
   de áreas de Institucional salía 24px más angosta (592 vs 604 por columna; a 390px, 318 vs 342).

   Por qué no se había visto antes: `articulo-informativo` daba 8/8 idéntico porque `.gsj-prosa`
   tiene tope de 820px y nunca llega al borde del contenedor. El corrimiento sólo asoma donde el
   contenido usa el ancho completo — o sea en TODOS los hubs y en las fichas de entidad.

   Se corrige acá y no compensando el ancho de cada página: la grilla la tiene que definir
   `.gsj-page-main` (una sola fuente), no la suma de un maxWidth del DS más los gutters del CMS.
   Se acota a `#g-main` para no tocar los gutters legítimos de otras secciones del layout.

   🔴 Y NO ALCANZA CON ANULAR EL `padding` DEL `.col` — primer intento, y se pasó de largo:
   el gutter de Bootstrap son DOS piezas, el padding del `.col` **y el margen negativo del
   `.row`**. Anulando sólo el padding, el `.row` seguía midiendo 414px dentro de un contenedor
   de 390 y arrastraba `.gsj-page-main` 12px a la izquierda: a 1280 quedaba bien de casualidad,
   a 390 la grilla pasaba a 366px (más ancha que el kit) y el artículo aparecía con
   `margin-left: 12px`. Se ve midiendo a dos anchos; a uno solo, no.

   La palanca correcta es `--bs-gutter-x`, de donde Bootstrap 5 deriva las dos piezas. Se dejan
   igual los ceros explícitos como red, para el caso de que el wrapper no use la variable. */
#g-main .platform-content.container {
  --bs-gutter-x: 0;
  padding-left: 0;
  padding-right: 0;
}
#g-main .platform-content > .row {
  margin-left: 0;
  margin-right: 0;
}
#g-main .platform-content > .row > .col {
  padding-left: 0;
  padding-right: 0;
}
/*# sourceMappingURL=custom_29.css.map */