/* ==========================================================================
   NORMALIZACIÓN BRICKS — se encola ANTES del sistema del prototipo (tokens/base/home/megamenu).
   Heredada de BCP (bcp-home.css, incidente del 27-ago-2026, parity-check.md) y ajustada a Colpesados.
   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 la página se desplaza.
   REGLAS (BCP):
     1. Este archivo va PRIMERO en la cascada; si va al final, gana él y mata el padding del sistema.
     2. Especificidad de UNA clase, nunca dos (pisaría a los modificadores del sistema).
     3. `display: revert`, NUNCA `display: block`: Bricks marca como .brxe-div elementos cuya etiqueta real
        es <li>, <span> o <a>; revert devuelve a cada etiqueta su valor de agente de usuario.
     4. No neutralizar max-width en .brxe-text-basic/.brxe-heading (descuadra hijos de flex column).
   Los archivos css/{tokens,base,home,megamenu}.css son COPIA IDÉNTICA del prototipo aprobado: nunca se
   editan aquí; lo que solo existe en WordPress va en este archivo (sincronizar con
   _proceso/condensacion/bricks-build/sincronizar-tema.sh, que compara con diff antes de copiar).
   ========================================================================== */
.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; }
.brx-body { display: revert; margin: 0; width: auto; }
#brx-content { flex: initial; position: static; width: auto; }
#brx-header, #brx-footer { position: static; }

/* Bricks carga un normalize que el prototipo no tiene: se revierte a los valores del agente de usuario.
   Medido con el arnés de paridad el 14-oct-2026 (parity.js + diferencia de estilos computados):
     · .bricks-button: letter-spacing .5px, text-align center, max-width 100% → «Publicar gratis» 8 px más ancho
     · <svg> dentro de botones: min-width/min-height 16px
     · <button>: padding 0 y appearance button (el prototipo conserva los del agente de usuario)
     · <label>: margin-bottom 5px (el buscador crecía 5 px)
     · border-color por defecto #dddedf en todo (el agente de usuario usa currentColor) */
*, ::before, ::after { border-color: currentColor; }
button { font: revert; padding: revert; appearance: revert; text-align: revert; max-width: revert; }
label { margin-bottom: revert; }
.bricks-button { letter-spacing: normal; text-align: revert; max-width: none; }
.bricks-button svg { min-width: auto; min-height: auto; }
sub, sup { font-size: revert; line-height: revert; position: revert; vertical-align: revert; }
sup { top: revert; }
sub { bottom: revert; }

/* ==========================================================================
   ADAPTACIONES DE LOS QUERY LOOPS (solo WordPress)
   Bricks agrega tras cada loop un <section class="brx-query-trail"> (oculto con display:none) que sigue siendo
   hijo del contenedor: rompe :last-child. Se replica la regla del sistema con :has() sin tocar megamenu.css.
   ========================================================================== */
.mm-a__cols > .mm-a__col:has(+ .brx-query-trail) { padding-right: 0; }

/* Enlaces de salto de Bricks («Saltar al contenido principal», «Saltar al pie de página»): accesibilidad por teclado que
   el prototipo no tenía. Ocultos hasta recibir foco; al aparecer llevan la marca (azul corporativo, Inter, anillo amarillo). */
.skip-link { background: #00163F; color: #fff; font: 600 15px/1.4 "Inter", -apple-system, "Segoe UI", Helvetica, Arial, sans-serif; padding: 10px 16px; }
.skip-link:focus { outline: 3px solid #FEB701; outline-offset: 2px; }