/* ========================================================================== Fuera de Acta — convivencia con Bricks y WordPress ---------------------------------------------------------------------------- estilo.css es el archivo del diseño aprobado y NO se toca. Aquí va solo lo que hace falta porque WordPress y Bricks envuelven el contenido de otra manera que el HTML. Cada regla dice qué arregla. ========================================================================== */ /* ---------- Estilos que Bricks pone por etiqueta ---------- El CSS base de Bricks da estilo a los formularios, los títulos y las citas por etiqueta (input, label, h2, blockquote…). El diseño se apoya justo ahí en lo que trae el navegador. `revert` devuelve esas propiedades al valor del navegador; las reglas del diseño, que siempre van con clase, siguen mandando por encima. */ input,select,textarea,button,optgroup{ font-family:revert;font-size:revert;line-height:revert;text-align:revert;margin:revert; color:revert;padding:revert;border-style:revert;border-width:revert;border-color:revert; width:revert;box-shadow:revert;outline:revert;transition:revert;cursor:revert; } label{color:revert;display:revert;font-weight:revert;margin-bottom:revert} h1,h2,h3,h4,h5,h6{font-size:revert} blockquote{font-family:revert;font-size:revert;position:revert;margin:revert;padding:revert;border-left-style:revert;border-left-width:revert} figcaption{color:revert;font-size:revert;margin:revert;text-align:revert} /* Desplegables: Bricks les quita el aspecto del sistema (appearance:none) y les pinta una flecha con degradados. El diseño usa el desplegable del navegador. */ select{ appearance:revert;background-color:revert;background-image:revert; background-position:revert;background-repeat:revert;background-size:revert;border-radius:revert; } /* Párrafos: Bricks los deja con 0 arriba y 1.2em abajo, y sin margen al último de cada bloque (:where(p) y :where(p:last-of-type)). El diseño cuenta con el margen del navegador (1em arriba y abajo) en los párrafos que no lo fijan (.entradilla de las tarjetas, .ayuda, .empresa…). Con :where() la regla no pesa nada: cualquier regla del diseño le gana. */ :where(p){margin-block:revert} /* Bricks fija el interlineado de textarea con !important dentro de su capa. Una regla normal no puede ganarle; un !important en una capa declarada ANTES que la de Bricks, sí (con !important, manda la capa más antigua). Este archivo se carga antes que el CSS de Bricks, así que esta capa es la primera. */ @layer fa-reparos{ textarea{line-height:normal!important} } /* La barra fija (cabecera + menú) tiene position:sticky. Un sticky solo se pega mientras dura su caja padre, y en el HTML su padre era . Bricks la mete dentro de

y del propio bloque, dos cajas del alto justo de la cabecera: ahí no se pegaría nunca. Con display:contents esas dos cajas desaparecen a efectos de maquetación y la barra vuelve a colgar de . */ #brx-header, .brxe-fa-cabecera{display:contents} /* Bloques cuya raíz es solo un envoltorio (el HTML tiene ahí dos piezas hermanas y Bricks quiere una sola raíz por bloque): el envoltorio no crea caja. */ .brxe-fa-lista-notas{display:contents} /* El

de Bricks lleva la clase .principal (se la pone el plugin). Las páginas que abren con un bloque de fondo pegan con el menú, sin franja blanca: es lo que en el HTML hacía la clase .sin-aire. */ .principal:has(> :is(.portada-seccion,.cabecera-voto,.tema-cabecera):first-child){padding-top:0} /* Con la barra de administración de WordPress (solo la ve quien ha iniciado sesión) la barra fija se pega debajo de ella y no detrás. */ body.admin-bar .barra-fija{top:32px} @media (max-width:782px){body.admin-bar .barra-fija{top:46px}} @media (max-width:600px){body.admin-bar .barra-fija{top:0}} /* ---------- El cuerpo de los artículos, escrito con el editor de bloques ---------- */ /* El bloque «Cita» de WordPress mete el texto en un

, que traería el margen de los párrafos del cuerpo dentro de la cita. */ .cuerpo blockquote p{margin:0} .cuerpo blockquote p + p{margin-top:12px} .cuerpo blockquote cite{display:block;margin-top:10px;font-size:15px;font-weight:500;color:var(--gris);font-style:normal} /* Imágenes insertadas en el cuerpo con el bloque «Imagen». */ .cuerpo figure{margin:8px 0 28px} .cuerpo figure img{margin:0} .cuerpo figcaption{font-size:13.5px;color:var(--gris-claro);margin-top:8px}