/* ==========================================================================
   NORMALIZACIÓN BRICKS — VA PRIMERO EN LA CASCADA, SIEMPRE (método BCP, parity-check.md).
   Bricks impone en frontend-layer.min.css: .brxe-section/.brxe-container/.brxe-block como
   flex-column con anchos y márgenes propios, .brx-body como flex y #brx-content con flex:1.
   El sistema del prototipo no declara `display` en esas clases: sin este bloque las
   secciones salen flex y toda la página se desplaza.
   TRES REGLAS INNEGOCIABLES (heredadas de BCP):
     1. Este bloque va ANTES del sistema (functions.php lo encola primero).
     2. Especificidad de UNA clase, nunca dos.
     3. `display: revert`, NUNCA `display: block`: Bricks marca como .brxe-div elementos cuya
        etiqueta real es <li>, <span> o <button>; `revert` devuelve a cada etiqueta su valor
        de agente de usuario.
   ========================================================================== */
.brxe-section { display: revert; width: auto; max-width: none; margin-left: 0; margin-right: 0; align-items: initial; flex-direction: initial; }
.brxe-container { display: revert; width: auto; align-items: initial; flex-direction: initial; }
.brxe-block { display: revert; width: auto; max-width: none; align-items: initial; flex-direction: initial; }
.brxe-div { display: revert; width: auto; max-width: none; }
.brxe-button { width: auto; }
/* Bricks da letter-spacing: .5px a todo botón: 10 px de más en «Solicitar cotización» (paridad 19-oct-2026) */
.bricks-button { letter-spacing: normal; text-align: revert; }
.brx-body { display: revert; margin: 0; width: auto; }
#brx-content { flex: initial; position: static; width: auto; }

/* Health Support: el header del prototipo es `position: sticky` y el menú móvil y el
   WhatsApp flotante son capas fijas, todos hijos directos de <body>. Dentro de
   #brx-header/#brx-footer el sticky quedaría confinado al alto del envoltorio:
   `display: contents` hace que el envoltorio no cree caja y sus hijos se comporten
   como en el prototipo. */
#brx-header, #brx-footer { display: contents; }

/* Bricks carga un normalize que el prototipo NO tiene: se revierte a los valores del
   agente de usuario, que es lo que ve el prototipo. */
h1 { font-size: 2em; }
/* Bricks fija border-color gris (#dddedf) en todo elemento; el prototipo usa currentColor (valor inicial):
   un borde del sistema declarado sin color saldría gris en vez de azul marino. */
*, ::before, ::after { border-color: currentColor; }
/* Health Support (paridad 19-oct-2026): Bricks fija line-height en los encabezados, estiliza todo
   blockquote (Georgia, 1.3em, sangría de 30 px), da margen y centra figcaption, centra .bricks-button y quita el centrado de <button>. El prototipo usa los valores del
   agente de usuario (y la herencia del body) donde sus clases no declaran nada. */
h1, h2, h3, h4, h5, h6 { line-height: revert; }
blockquote { font-family: revert; font-size: revert; line-height: revert; padding: revert; border: revert; font-style: revert; quotes: revert; }
figcaption { margin-block: revert; text-align: revert; }
button { font: revert; text-align: revert; }
sub, sup { font-size: revert; line-height: revert; position: revert; vertical-align: revert; }
sup { top: revert; }
sub { bottom: revert; }