/**
 * Reset selectivo de Bricks (se carga antes de main.css).
 * Neutraliza márgenes y rellenos por defecto de Bricks para que manden el sistema «Territorio» (main.css)
 * y los componentes PHP, que traen su propio ancho (--wrap) y su propio ritmo vertical.
 * Basado en el reset de E-DESARROLLO (bricks-child/assets/css/bricks-reset.css).
 */

/* 0 · Base de 16 px: Bricks pone html { font-size: 62.5% } (1rem = 10 px) y el sistema «Territorio» mide en rem sobre 16 px,
 *     como los prototipos. Sin esto todo el texto sale al 62 %. */
html { font-size: 100%; }

/* 1 · Sin márgenes ni rellenos fantasma arriba del sitio */
html, body, body.bricks-is-frontend, #brx-body, .brx-body { margin: 0; }
#brx-header, .brxe-header, #brx-header .brxe-section { margin-top: 0; padding-top: 0; }
#brx-content, main#brx-content { padding-top: 0; padding-bottom: 0; }

/* 2 · Ritmo vertical: lo ponen los componentes */
.brxe-section { padding-top: 0; padding-bottom: 0; }
#brx-content .brxe-block, #brx-content .brxe-div { margin-top: 0; margin-bottom: 0; }
.brxe-heading, .bricks-heading, .brxe-post-title, .brxe-text, .brxe-text-basic { margin-top: 0; margin-bottom: 0; }

/* 3 · Tipografía: heredar la del sistema */
.brxe-section, .brxe-container, .brxe-block, .brxe-div, .brxe-text, .brxe-heading, .brxe-text-basic { font-family: inherit; }

/* 4 · Contenedores de Bricks centrados (no se tocan sus márgenes laterales) */
.brxe-container { margin-left: auto; margin-right: auto; }

/* 5 · Secciones que llevan un componente FOM: a todo el ancho, sin relleno.
 *     El componente trae su propio contenedor (.fom-wrap / --wrap).
 *     En Bricks: elemento Código o Shortcode directamente dentro de una Sección, o una Sección con la clase fom-seccion. */
.brxe-section.fom-seccion,
.brxe-section:has(> .brxe-code, > .brxe-shortcode) { padding: 0; }
.brxe-section.fom-seccion > .brxe-container,
.brxe-section:has(> .brxe-container > .brxe-code:only-child, > .brxe-container > .brxe-shortcode:only-child) > .brxe-container {
  width: 100%; max-width: none; padding: 0;
}
.brxe-code, .brxe-shortcode { width: 100%; }