/* ==========================================================================
   Escudo del portal dentro de Bricks
   --------------------------------------------------------------------------
   Bricks mete cada bloque Code en una columna con su propio ancho y relleno.
   Cuando el simulador va ahí dentro, el contenedor de 1300 px del portal queda
   apretado y el diseño se ve descuadrado.

   Estas reglas solo actúan en las páginas que TIENEN un bloque del portal
   (por eso el :has). El blog, la tienda y el resto del sitio no se tocan.
   ========================================================================== */

body.lc-portal-wp .brxe-code,
body.lc-portal-wp .brxe-code > div,
body.lc-portal-wp .brxe-code > section {
	width: 100%;
	max-width: none;
	text-align: left;
}

/* El ancho lo decide el portal, no la plantilla de Bricks */
body.lc-portal-wp #brx-content:has(.brxe-code .lc-seccion) .brxe-container,
body.lc-portal-wp #brx-content:has(.brxe-code .lc-seccion) .brxe-block,
body.lc-portal-wp #brx-content:has(.brxe-code .lc-seccion) .brxe-section {
	max-width: none;
	padding-inline: 0;
}

/* Sin relleno doble: la sección ya trae el suyo */
body.lc-portal-wp .brxe-code .lc-seccion { padding-inline: 0; }

/* Medios que nunca se salen de su caja */
body.lc-portal-wp .brxe-code img,
body.lc-portal-wp .brxe-code svg { max-width: 100%; height: auto; }

/* Si Bricks pone el contenido en columna centrada, el portal manda */
body.lc-portal-wp .brxe-code > * { margin-inline: 0; }