/*
Theme Name: Fundación Aguilar y Eslava
Theme URI: https://aguilaryeslava.org
Author: Guillermo Lozano
Author URI: https://guillermolozano.com/
Description: Tema de bloques de la web de la Fundación Aguilar y Eslava (Cabra, 1679). «La sala de consulta»: la marca del Archivo, solo bloques del núcleo, variaciones de estilo y patrones; lo que no es diseño lo pone el plugin «Fundación Aguilar y Eslava».
Requires at least: 7.1
Tested up to: 7.1
Requires PHP: 8.1
Version: 0.1.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: aguilaryeslava
*/

/* =====================================================================
   STYLE.CSS DEL TEMA (de 04-maqueta/assets/css/4-style.css)
   ---------------------------------------------------------------------
   Solo lo que theme.json, las variaciones y los ajustes de los bloques
   no pueden decir. Cada bloque explica por qué está aquí. Solo variables
   de WordPress (--wp--preset--…, --wp--custom--…): ni un color suelto.
   Los números de sección (§ 1 … § 40) son los de la maqueta y los del
   § 7 de mapa-de-bloques.md. Al final, «WordPress»: lo que la maqueta
   simulaba y WordPress hace de otra forma.
   ===================================================================== */

/* 0 · Iconos de la marca (trazo de 1,6 px, los de la maqueta), como máscaras: el contenido no lleva SVG (el editor
   los quitaría) y el icono toma el color del texto */
:root {
  --fae-icono-flecha: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 10h12M11.5 5.5 16 10l-4.5 4.5'/%3E%3C/svg%3E");
  --fae-icono-atras: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M16 10H4M8.5 5.5 4 10l4.5 4.5'/%3E%3C/svg%3E");
  --fae-icono-externo: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 4H4.5v11.5H16V12'/%3E%3Cpath d='M11 3.5h5.5V9M16.5 3.5 9 11'/%3E%3C/svg%3E");
  --fae-icono-menu: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 5.5h14M3 10h14M3 14.5h14'/%3E%3C/svg%3E");
  --fae-icono-cerrar: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 5 10 10M15 5 5 15'/%3E%3C/svg%3E");
  --fae-icono-descarga: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='none' stroke='%23000' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 3.5v9M6 8.5l4 4 4-4M4 16h12'/%3E%3C/svg%3E");
}
/* (Las clases «fae-con-flecha», «-atras» y «-descarga» de la maqueta no las usa WordPress: sus iconos los ponen las
   reglas de cada pieza, más abajo. Fuera en el repaso de la fase 5.) */
.fae-con-externo::after {
  content: ""; display: inline-block; flex: none; width: 14px; height: 14px; margin-left: 0.3rem; vertical-align: -0.1em;
  background-color: currentColor; -webkit-mask: var(--fae-icono-externo) center / contain no-repeat; mask: var(--fae-icono-externo) center / contain no-repeat;
}

/* Una palabra o una dirección larguísima (las hay de 116 caracteres en los artículos viejos) se parte antes que
   empujar la página hacia un lado en el móvil (repaso de la fase 5). Solo actúa cuando no cabe. */
body { overflow-wrap: break-word; }

/* 1 · Las superficies del navegador también llevan la marca: selección, cursor, foco, subrayado y cifras */
::selection { background: color-mix(in srgb, var(--wp--preset--color--primary) 18%, var(--wp--preset--color--base)); color: var(--wp--preset--color--contrast); }
html { caret-color: var(--wp--preset--color--primary); scroll-padding-top: calc(var(--fae-cabecera-visible) + var(--wp--preset--spacing--40)); }
:root :where(a:where(:not(.wp-element-button))) { text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); }
:root :where(a:where(:not(.wp-element-button)):hover) { text-decoration-color: currentColor; }
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; border-radius: var(--wp--custom--radio--boton); }
:where(.has-contrast-background-color, .has-primary-background-color) :where(a, button, input, summary):focus-visible { outline-color: var(--wp--preset--color--base); }
:where(time, .wp-block-post-date, .is-style-cronologia, table) { font-variant-numeric: tabular-nums; }
.skip-link.screen-reader-text:focus { background: var(--wp--preset--color--base); color: var(--wp--preset--color--primary); border-radius: var(--wp--custom--radio--boton); box-shadow: var(--wp--preset--shadow--flotante); }
.fae-icono { flex: none; vertical-align: -0.2em; }

/* 2 · La signatura en línea (formato «Código en línea» del núcleo, como el código de referencia del Archivo) */
/* (También la de los listados, «.fae-meta__signatura», como piden el mapa de bloques § 2.6 y DESIGN.md: en la maqueta
   el selector se quedó corto y salía en letra de máquina sin su recuadro; repaso de la fase 5.) */
:where(.wp-block-post-content, .is-style-ficha, .wp-block-quote, .fae-muestra, .fae-meta__signatura, .fae-registro__signatura) code:not(.wp-block-code code) {
  font-family: var(--wp--preset--font-family--mono); font-size: 0.82em; font-weight: 500; letter-spacing: 0.01em;
  color: var(--wp--preset--color--primary); background-color: var(--wp--preset--color--surface);
  border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radio--boton); padding: 0.1em 0.4em;
  overflow-wrap: anywhere; white-space: normal;
}
:where(code) a { color: inherit; text-decoration: none; }
:where(code) a:hover { text-decoration: underline; }

/* 3 · Banda superior: la misma del Archivo (texto «apagado» sobre tinta: color de settings.custom, no de la paleta) */
.fae-banda-superior { border-bottom: 1px solid var(--wp--custom--color--filete-oscuro); padding-top: 0.45rem; padding-bottom: 0.45rem; color: var(--wp--custom--color--apagado); font-family: var(--wp--preset--font-family--archivo); font-size: 0.75rem; font-weight: 500; line-height: 1.4; letter-spacing: 0.05em; }
.fae-banda-superior > .alignwide { gap: var(--wp--preset--spacing--40); }
.fae-banda-superior__sello { margin: 0; white-space: nowrap; }
.fae-banda-superior .wp-block-navigation { font-size: inherit; font-weight: inherit; }
.fae-banda-superior__nav ul { gap: var(--wp--preset--spacing--50); }
.fae-banda-superior a { color: var(--wp--custom--color--apagado); text-decoration: none; display: inline-flex; align-items: center; gap: 0.3rem; min-height: 24px; }
.fae-banda-superior a:hover { color: var(--wp--preset--color--base); }
.fae-banda-superior .fae-icono { width: 13px; height: 13px; }
@media (max-width: 720px) { .fae-banda-superior__sello { display: none; } .fae-banda-superior > .alignwide { justify-content: flex-end; } }

/* 4 · Cabecera pegada arriba: la parte entera (no un grupo de dentro, que solo se pega dentro de su parte).
   Se esconde al bajar y vuelve al subir (15/10/2026, lo pidió Guillermo, para ganar pantalla): assets/js/cabecera.js
   pone `fae-cabecera-oculta` en <html> y aquí sube fuera de la vista (también por encima de la barra negra de quien
   ha entrado). Lo que se pega debajo de ella (el índice al margen, los años de Exposiciones) y el hueco que dejan los
   saltos a un apartado usan `--fae-cabecera-visible`: el alto de la cabecera mientras se ve, y 0 cuando se esconde. */
:root { --fae-cabecera-visible: var(--wp--custom--alto--cabecera); --fae-cabecera-tiempo: 0.25s; }
html.fae-cabecera-oculta { --fae-cabecera-visible: 0px; }
.wp-site-blocks > .fae-cabecera-parte { position: sticky; top: 0; z-index: 50; transition: transform var(--fae-cabecera-tiempo) ease-out; }
html.fae-cabecera-oculta .wp-site-blocks > .fae-cabecera-parte { transform: translateY(calc(-100% - var(--wp-admin--admin-bar--height, 0px))); }
.fae-cabecera { border-bottom: 1px solid var(--wp--preset--color--border); }
.fae-cabecera__fila { min-height: var(--wp--custom--alto--cabecera); gap: var(--wp--preset--spacing--50); }
.fae-marca { gap: 0.875rem; text-decoration: none; }
.fae-marca .wp-block-site-logo img { display: block; height: 52px; width: auto; }
.fae-marca__texto { gap: 0.125rem !important; }
.fae-marca__texto p { margin: 0; }
/* La marca entera (escudo, nombre y «Cabra, desde 1679») lleva a la portada (Guillermo, 15/10/2026: solo funcionaba
   el nombre). Sigue siendo un solo enlace, el del nombre, que se estira sobre todo el bloque: dos enlaces seguidos a
   la portada confundían a quien usa el teclado o un lector de pantalla (decisión de la maqueta). El anillo de foco
   rodea el bloque entero, que es lo que se pulsa. */
.fae-marca { position: relative; }
.fae-marca .wp-block-site-title a::after { content: ""; position: absolute; inset: -4px; border-radius: var(--wp--custom--radio--boton); }
.fae-marca .wp-block-site-title a:focus-visible { outline: none; }
.fae-marca .wp-block-site-title a:focus-visible::after { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }
.fae-cabecera__acciones { gap: var(--wp--preset--spacing--40); }
ul.fae-nav { gap: 0.25rem 1.6rem; }
ul.fae-nav > li > .wp-block-navigation-item__content { display: block; padding: 0.4rem 0; color: var(--wp--preset--color--muted); text-decoration: none; border-bottom: 2px solid transparent; white-space: nowrap; transition: color var(--wp--custom--transicion) ease-out, border-color var(--wp--custom--transicion) ease-out; }
ul.fae-nav > li > .wp-block-navigation-item__content:hover { color: var(--wp--preset--color--contrast); }
ul.fae-nav > .current-menu-item > .wp-block-navigation-item__content { color: var(--wp--preset--color--contrast); border-bottom-color: var(--wp--preset--color--primary); }
/* El menú del núcleo pasa a «Menú» por debajo de 600 px; aquí no caben las seis entradas por debajo de 1.100: entre 600 y
   1.099 se esconde la lista y se enseña el botón (en WordPress la lista va dentro del contenedor del menú) */
@media (min-width: 600px) and (max-width: 1099.98px) {
  .fae-nav > .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none !important; }
  .fae-nav > .wp-block-navigation__responsive-container-open:not(.always-shown) { display: inline-flex !important; }
}
.fae-nav .wp-block-navigation__responsive-container-open {
  align-items: center; gap: 0.5rem; min-height: 44px; padding: 0 0.875rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radio--boton);
  font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); font-weight: 600; color: var(--wp--preset--color--contrast);
}
.fae-nav .wp-block-navigation__responsive-container-open:hover { border-color: var(--wp--preset--color--primary); }
.fae-buscar-cabecera .wp-block-search__button { display: inline-grid; place-items: center; width: 44px; height: 44px; padding: 0; margin: 0; background: transparent; color: var(--wp--preset--color--contrast); border: 1px solid transparent; border-radius: var(--wp--custom--radio--boton); }
/* La lupa, hueca: el núcleo pinta de relleno (`fill: currentColor`) el icono del botón de Buscar, y con un icono de
   trazo el círculo salía macizo (parecía un caramelo con palo, no una lupa) */
.wp-block-search__button svg.fae-icono { fill: none; }
.fae-buscar-cabecera .wp-block-search__button:hover { border-color: var(--wp--preset--color--border); background: transparent; color: var(--wp--preset--color--primary); }
.fae-buscar-cabecera:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { width: 15rem; margin-right: 0.5rem; }
@media (max-width: 1099.98px) { .fae-buscar-cabecera { display: none; } }
@media (max-width: 600px) {
  :root { --wp--custom--alto--cabecera: 64px; }
  .fae-marca .wp-block-site-logo img { height: 40px; }
  .fae-marca .wp-block-site-title { font-size: 0.9375rem; max-width: 9.5em; line-height: 1.15; text-wrap: balance; }
  .fae-marca .wp-block-site-tagline { display: none; }
  .fae-nav .wp-block-navigation__responsive-container-open { padding: 0 0.75rem; }
}

/* 5 · Menú del móvil (parte de superposición): pantalla entera, enlaces de 64 px con su descripción */
.wp-block-navigation__responsive-container.is-menu-open { background: var(--wp--preset--color--base); }
.fae-menu-movil { padding-top: 0; padding-bottom: var(--wp--preset--spacing--60); font-family: var(--wp--preset--font-family--archivo); }
.fae-menu-movil > * + * { margin-top: var(--wp--preset--spacing--50); }
.fae-menu-movil__barra { min-height: 64px; border-bottom: 1px solid var(--wp--preset--color--border); }
.fae-menu-movil .wp-block-navigation__responsive-container-close { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 44px; padding: 0 0.75rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radio--boton); font: 600 var(--wp--preset--font-size--sm)/1 var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--contrast); }
.fae-menu-movil__nav, .fae-menu-movil__nav ul { gap: 0 !important; align-items: stretch !important; width: 100%; }
.fae-menu-movil__nav li { border-bottom: 1px solid var(--wp--preset--color--border); }
.fae-menu-movil__nav .wp-block-navigation-item__content.wp-block-navigation-item__content { display: block; min-height: 64px; padding: 0.7rem 0; color: var(--wp--preset--color--contrast); text-decoration: none; }
.fae-menu-movil__nav .wp-block-navigation-item__label { display: block; font-size: var(--wp--preset--font-size--lg); font-weight: 600; letter-spacing: -0.01em; line-height: 1.3; }
.fae-menu-movil__nav .wp-block-navigation-item__description { display: block; margin-top: 0.15rem; font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); line-height: 1.4; }
.fae-menu-movil__nav .current-menu-item .wp-block-navigation-item__label { color: var(--wp--preset--color--primary); }
.fae-menu-movil__nav .current-menu-item .wp-block-navigation-item__label::before { content: ""; display: inline-block; width: 0.5rem; height: 0.5rem; margin-right: 0.5rem; vertical-align: 0.15em; border-radius: 50%; background: var(--wp--preset--color--primary); }
.fae-menu-movil__casa p { color: var(--wp--preset--color--muted); }

/* 6 · Ritmo: entre secciones de la portada, el paso 80 (64-96 px). En WordPress es el margen superior de cada patrón */
.fae-seccion { margin-top: var(--wp--preset--spacing--80) !important; }
.fae-cabecera-seccion { align-items: baseline; gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50); margin-bottom: var(--wp--preset--spacing--50); }
.fae-seccion > .wp-block-heading:first-child { margin-bottom: var(--wp--preset--spacing--50); }
.fae-enlace-flecha { margin: 0; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); font-weight: 600; }
.fae-enlace-flecha a { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2rem; text-decoration: none; }
.fae-enlace-flecha a:hover { text-decoration: underline; }
.fae-enlace-flecha .fae-icono, .fae-flecha .fae-icono { width: 18px; height: 18px; transition: transform var(--wp--custom--transicion) ease-out; }
.fae-enlace-flecha a:hover .fae-icono, .is-style-puerta:hover .fae-flecha .fae-icono { transform: translateX(3px); }

/* 7 · Presentación de la portada (Medios y texto a sangre). Tres cosas que el bloque no sabe hacer:
   - el texto empieza en la misma raya que el escudo de la cabecera (como manda el Archivo: «lo que va de borde a borde
     alinea su texto con el escudo»), medido sobre el propio bloque (unidades de contenedor) y no sobre la ventana;
   - ocupa la primera pantalla, descontadas las dos bandas de arriba;
   - se apila por debajo de 900 px (el núcleo lo hace a 600, y a 768 la columna de texto quedaría en 330 px). */
.fae-portada { container-type: inline-size; min-height: clamp(34rem, calc(100svh - var(--wp--custom--alto--cabecera) - 2.15rem), 48rem); margin-top: 0 !important; }
.fae-portada > .wp-block-media-text__content {
  padding: var(--wp--preset--spacing--50) var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) max(var(--wp--preset--spacing--50), calc((100cqw - var(--wp--style--global--wide-size)) / 2));
}
.fae-portada__titulo { text-wrap: balance; letter-spacing: -0.025em; line-height: 1.04; max-width: 15ch; }
.fae-portada__entradilla { margin-top: var(--wp--preset--spacing--50) !important; max-width: 36rem; }
.fae-portada__botones { margin-top: var(--wp--preset--spacing--50) !important; }
.fae-portada__cronologia { margin-top: var(--wp--preset--spacing--50) !important; max-width: 36rem; }
.fae-portada__pie { margin-top: var(--wp--preset--spacing--40) !important; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--xs); line-height: 1.5; color: var(--wp--preset--color--muted); max-width: 36rem; }
.fae-credito { white-space: nowrap; }
@media (max-width: 899.98px) {
  .wp-block-media-text.fae-portada { grid-template-columns: 100% !important; min-height: 0; }
  .wp-block-media-text.fae-portada > .wp-block-media-text__media { grid-column: 1; grid-row: 1; aspect-ratio: 1 / 1; max-height: 62svh; min-height: 0 !important; height: auto !important; }
  .wp-block-media-text.fae-portada > .wp-block-media-text__content { grid-column: 1; grid-row: 2; padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) 0; }
}
@media (min-width: 600px) and (max-width: 899.98px) { .wp-block-media-text.fae-portada > .wp-block-media-text__media { aspect-ratio: 3 / 2; } }
/* Portátil pequeño (900-1.179 px): el titular en tres líneas y las cuatro fechas en 2 × 2 (retoques de tableta,
   Guillermo, 14/10/2026: en 3 + 1, «2019» se quedaba sola, y el titular iba en cuatro líneas). El texto, con 24 px de
   aire a su derecha en lugar de 40; y, como con la mitad para la foto el titular no cabe en tres líneas hasta unos
   1.080 px, de 900 a 1.099 la foto pasa al 44 % (el salto a la mitad coincide con el del menú, a 1.100). Los cortes,
   sin hueco entre uno y el siguiente: con la pantalla ampliada, la ventana puede medir 1.179,3 px */
@media (min-width: 900px) and (max-width: 1179.98px) {
  .fae-portada > .wp-block-media-text__content { padding-right: var(--wp--preset--spacing--50); }
  .fae-portada .wp-block-list.fae-portada__cronologia li { flex-basis: 40%; }
}
@media (min-width: 900px) and (max-width: 1099.98px) { .wp-block-media-text.has-media-on-the-right.fae-portada { grid-template-columns: minmax(0, 1fr) 44%; } }
@media (max-width: 599.98px) {
  :where(.fae-portada, .fae-regesto) .wp-block-buttons { flex-direction: column; align-items: stretch !important; }
  :where(.fae-portada, .fae-regesto) .wp-block-button__link { display: block; width: 100%; text-align: center; }
}

/* 8 · Metadatos de las tarjetas y del artículo: fecha · categoría (· serie) en una línea que parte bien */
.fae-meta { gap: 0.15rem 0 !important; align-items: baseline !important; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); }
.fae-meta > * { margin: 0 !important; }
/* El punto va delante de cada dato, en un hueco de 1rem (no es una pieza aparte). La fila se corre 1rem a la izquierda
   y ese margen se recorta: el punto del dato que empieza una línea queda fuera, así que al partirse la línea el punto
   ni cuelga al final ni abre la siguiente (el recorte deja sitio al anillo de foco) */
.fae-meta { margin-inline-start: -1rem !important; clip-path: inset(-0.5rem -0.5rem -0.5rem calc(1rem - 4px)); }
.fae-meta > * { position: relative; padding-inline-start: 1rem; }
.fae-meta > *::before { content: "·" / ""; position: absolute; left: 0; width: 1rem; text-align: center; color: var(--wp--preset--color--border); }
.fae-meta-texto { font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); line-height: 1.5; }

/* 9 · Rejilla de tarjetas: lo que WordPress genera para «rejilla, 3 columnas, ancho mínimo 15rem» */
.fae-rejilla-3 { grid-template-columns: repeat(auto-fill, minmax(max(min(15rem, 100%), (100% - 2 * var(--wp--preset--spacing--50)) / 3), 1fr)); gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); }
.wp-block-post-template.is-style-tarjetas > li > * + * { margin-top: var(--wp--preset--spacing--40); }
.wp-block-post-template.is-style-tarjetas > li > .wp-block-post-title { margin-top: var(--wp--preset--spacing--30); }

/* 10 · Actualidad en portada */
.fae-actualidad { gap: var(--wp--preset--spacing--60) !important; }
.fae-destacada .wp-block-post-title { margin-top: var(--wp--preset--spacing--30); line-height: 1.2; letter-spacing: -0.015em; }

/* 11 · Exposición abierta */
.fae-exposicion > .wp-block-media-text__content { padding: 0 0 0 var(--wp--preset--spacing--60); }
.fae-exposicion > .wp-block-media-text__content > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-exposicion > .wp-block-media-text__content > .wp-block-post-title { margin-top: 0; }
@media (max-width: 781.98px) { .fae-exposicion > .wp-block-media-text__content { padding: var(--wp--preset--spacing--50) 0 0; } } /* hasta la tableta (repaso de la fase 5) */

/* 12 · Regesto: la única banda de color. Texto blanco; los botones se invierten; el papel resalta sobre el azul */
.fae-regesto { padding-top: var(--wp--preset--spacing--80); padding-bottom: var(--wp--preset--spacing--80); font-family: var(--wp--preset--font-family--archivo); }
.fae-regesto__columnas { gap: var(--wp--preset--spacing--60) !important; }
.fae-regesto__texto > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-regesto__texto p:not(.is-style-entradilla) { font-family: var(--wp--preset--font-family--spectral); font-size: var(--wp--preset--font-size--base); line-height: 1.65; max-width: 34rem; }
.fae-regesto .is-style-entradilla { font-style: italic; }
.fae-regesto .wp-block-buttons { margin-top: var(--wp--preset--spacing--50); }
.fae-regesto .fae-boton-claro .wp-block-button__link { background: var(--wp--preset--color--base); color: var(--wp--preset--color--primary); }
.fae-regesto .fae-boton-claro .wp-block-button__link:hover { background: var(--wp--preset--color--surface); color: var(--wp--preset--color--primary-hover); }
.fae-regesto .fae-boton-sobre-azul .wp-block-button__link { background: transparent; color: var(--wp--preset--color--base); border-color: color-mix(in srgb, var(--wp--preset--color--base) 45%, transparent); }
.fae-regesto .fae-boton-sobre-azul .wp-block-button__link:hover { border-color: var(--wp--preset--color--base); color: var(--wp--preset--color--base); background: transparent; }
.fae-lectura-enfrentada { grid-template-columns: minmax(0, 0.8fr) minmax(0, 1.2fr); gap: var(--wp--preset--spacing--40); align-items: start; }
@media (max-width: 600px) { .fae-lectura-enfrentada { grid-template-columns: minmax(0, 1fr); } }
/* La plana se ve ENTERA (como manda el Archivo para sus planas): ni se recorta ni se estira */
.fae-lectura-enfrentada__plana { margin: 0; }
.fae-lectura-enfrentada__plana img { display: block; width: 100%; height: auto; border-radius: var(--wp--custom--radio--boton); box-shadow: 0 1px 2px rgba(20, 26, 34, .25), 0 12px 30px rgba(20, 26, 34, .28); }
.fae-lectura-enfrentada :is(.is-style-transcripcion, .is-style-renglones) { margin: 0; font-size: 0.875rem; }
.fae-lectura-enfrentada :is(.is-style-transcripcion, .is-style-renglones) p { font-size: 0.875rem; line-height: 1.6; }
.fae-regesto__pie { margin-top: var(--wp--preset--spacing--40); font-size: var(--wp--preset--font-size--xs); line-height: 1.5; color: var(--wp--preset--color--border); }

/* 13 · Visitas, consultas y prácticas */
.fae-visitas { gap: var(--wp--preset--spacing--60) !important; }
.fae-visitas__foto img { width: 100%; height: auto; }
.fae-visitas__intro { margin-top: 0; font-size: var(--wp--preset--font-size--lg); line-height: 1.55; max-width: 34rem; }
.fae-puertas { margin-top: var(--wp--preset--spacing--50); }
.fae-puertas > * { margin-top: 0 !important; }

/* 13b · En Instagram (patrón + bloque del plugin): seis miniaturas 3:4, como la rejilla de Instagram; en el móvil, 3 × 2.
   Las fotos son de hoy (no del archivo), así que aquí sí se recortan al hueco */
.fae-instagram__rejilla { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: var(--wp--preset--spacing--40); }
.fae-instagram__pieza { position: relative; display: block; overflow: hidden; border-radius: var(--wp--custom--radio--boton); background-color: var(--wp--preset--color--surface); }
.fae-instagram__pieza img { display: block; width: 100%; height: auto; aspect-ratio: 3 / 4; object-fit: cover; transition: opacity var(--wp--custom--transicion) ease-out; }
.fae-instagram__pieza:hover img { opacity: 0.86; }
/* El aviso de «reel», abajo: arriba van los títulos de las portadas */
.fae-instagram__reel { position: absolute; bottom: 0.5rem; right: 0.5rem; display: flex; color: var(--wp--preset--color--base); filter: drop-shadow(0 1px 2px rgba(20, 26, 34, .6)); }
.fae-instagram__mas { margin-top: var(--wp--preset--spacing--50) !important; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); }
@media (max-width: 781.98px) {
  .fae-instagram__rejilla { grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--wp--preset--spacing--30); }
  .fae-instagram__reel { bottom: 0.3rem; right: 0.3rem; }
  .fae-instagram__reel .fae-icono { width: 16px; height: 16px; }
}

/* 13c · Redes de la Fundación (Iconos sociales del núcleo, «Solo logotipos» con su nombre): del color del texto que
   las rodea, nunca en los colores de cada marca. En el pie y en el menú del móvil */
.fae-redes { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 var(--wp--preset--spacing--50); font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); font-weight: 500; }
.fae-redes .wp-block-social-link-anchor { display: inline-flex; align-items: center; gap: 0.5rem; min-height: 44px; color: inherit; text-decoration: none; }
.fae-redes svg { width: 20px; height: 20px; flex: none; }
.fae-redes .wp-block-social-link-anchor:hover .wp-block-social-link-label { text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
.fae-redes--menu { margin-top: var(--wp--preset--spacing--30) !important; color: var(--wp--preset--color--contrast); }

/* 14 · Banda de colaboradores */
.fae-colaboradores { border-top: 1px solid var(--wp--preset--color--border); padding-top: var(--wp--preset--spacing--60); }
.fae-colaboradores__titulo { font-size: var(--wp--preset--font-size--sm); font-weight: 600; letter-spacing: 0; color: var(--wp--preset--color--muted); margin-bottom: var(--wp--preset--spacing--50); }

/* 15 · Pie oscuro, como el del Archivo (textos en «apagado» y filete del pie: colores de settings.custom) */
.fae-pie { margin-top: var(--wp--preset--spacing--80); padding-top: var(--wp--preset--spacing--70); padding-bottom: var(--wp--preset--spacing--50); color: var(--wp--custom--color--apagado); font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); line-height: 1.65; }
.fae-pie a { color: var(--wp--preset--color--border); text-decoration: none; }
.fae-pie a:hover { color: var(--wp--preset--color--base); text-decoration: underline; }
.fae-pie__columnas { gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50) !important; }
.fae-pie .wp-block-heading { margin: 0 0 var(--wp--preset--spacing--40); font-size: 0.6875rem; font-weight: 600; letter-spacing: 0.12em; text-transform: uppercase; color: var(--wp--preset--color--border); }
.fae-pie p { margin: 0; }
.fae-pie p + p { margin-top: var(--wp--preset--spacing--40); }
.fae-pie .fae-pie__final p { margin: 0; }
.fae-pie__marca img { display: block; width: 240px; height: auto; }
.fae-pie__marca p { margin-top: var(--wp--preset--spacing--50) !important; max-width: 34ch; }
.fae-pie .fae-redes--pie { margin-top: var(--wp--preset--spacing--40) !important; }
.fae-pie .fae-redes--pie .wp-block-social-link-anchor { color: var(--wp--preset--color--border); text-decoration: none; }
.fae-pie .fae-redes--pie .wp-block-social-link-anchor:hover { color: var(--wp--preset--color--base); }
.fae-pie__nav ul { gap: 0.2rem !important; }
.fae-pie__nav .wp-block-navigation-item__content { display: inline-block; padding-block: 0.3rem; }
:where(.fae-meta, .fae-serie__titulo) a, .wp-block-file > a:first-child, .fae-serie .wp-block-post-navigation-link a, .is-style-enlaces-internos a { display: inline-block; padding-block: 0.25rem; }
.fae-pie__filete { margin-top: var(--wp--preset--spacing--60) !important; border-top: 1px solid var(--wp--custom--color--filete-oscuro) !important; color: var(--wp--custom--color--filete-oscuro); }
.fae-pie__final { margin-top: var(--wp--preset--spacing--50); gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50); align-items: baseline !important; font-size: var(--wp--preset--font-size--xs); }
@media (max-width: 781.98px) { .fae-pie__columnas > .wp-block-column { flex-basis: 100% !important; } }
/* En la tableta (600-781 px), la marca arriba y las otras tres columnas en una fila (retoques de tableta, 14/10/2026: en
   una sola columna el pie medía 1.203 px de alto a 768; así, 767). En el móvil, una columna, como se aprobó */
@media (min-width: 600px) and (max-width: 781.98px) { .fae-pie__columnas > .wp-block-column:not(.fae-pie__marca) { flex-basis: 0 !important; flex-grow: 1; } }

/* 16 · El artículo: la columna de lectura (660 px, Spectral 17-20 px: unos 72 caracteres por línea) y su cabecera */
.fae-articulo { padding-top: var(--wp--preset--spacing--60); }
.fae-articulo__cabecera > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-migas ol { list-style: none; display: flex; flex-wrap: wrap; gap: 0.25rem 0.5rem; margin: 0; padding: 0; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); }
.fae-migas li + li::before { content: "›"; margin-right: 0.5rem; color: var(--wp--preset--color--muted); }
.fae-migas a { color: var(--wp--preset--color--primary); text-decoration: none; }
.fae-migas a:hover { text-decoration: underline; }
.fae-articulo__titulo { font-size: var(--wp--preset--font-size--2-xl); line-height: 1.12; letter-spacing: -0.022em; text-wrap: balance; margin-top: var(--wp--preset--spacing--50) !important; }
.fae-meta--articulo { margin-top: var(--wp--preset--spacing--50) !important; }
.fae-serie-n { color: var(--wp--preset--color--muted); }
.fae-firma-cabecera { font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); margin-top: var(--wp--preset--spacing--30) !important; }
.fae-firma-cabecera strong { color: var(--wp--preset--color--contrast); font-weight: 600; }
.fae-texto { margin-top: var(--wp--preset--spacing--60) !important; }
.fae-texto > p { text-wrap: pretty; hyphens: manual; }
.fae-texto > .wp-block-heading { margin-top: var(--wp--preset--spacing--60); margin-bottom: 0; }
.fae-texto > .wp-block-heading + * { margin-top: var(--wp--preset--spacing--40); }
.fae-texto > :where(.wp-block-quote, .wp-block-pullquote, .fae-ficha, .wp-block-gallery, .wp-block-image, .wp-block-columns) { margin-top: var(--wp--preset--spacing--60); margin-bottom: var(--wp--preset--spacing--20); }
.fae-texto > :where(.wp-block-quote, .wp-block-pullquote, .fae-ficha, .wp-block-gallery, .wp-block-image, .wp-block-columns) + p { margin-top: var(--wp--preset--spacing--60); }
/* «Documento y su lectura»: la foto del documento y su transcripción, una al lado de la otra (como la plana y su
   lectura en el Archivo). La foto, entera y nunca más grande que su original */
.fae-lectura { gap: var(--wp--preset--spacing--60) !important; }
.fae-lectura .wp-block-image { margin: 0; }
.fae-lectura .wp-block-image img { display: block; width: auto; max-width: 100%; height: auto; }
.fae-lectura .wp-block-quote { margin: 0; }
.fae-texto .wp-block-quote:not(.is-style-transcripcion):not(.is-style-renglones) p { font-size: var(--wp--preset--font-size--base); }
.fae-texto .wp-block-quote cite { display: block; margin-top: var(--wp--preset--spacing--30); }
.fae-texto .wp-block-pullquote blockquote p { font-size: var(--wp--preset--font-size--xl); line-height: 1.35; text-wrap: balance; }
.fae-texto .is-style-firma { margin-top: var(--wp--preset--spacing--60); }

/* 17 · Las fotos del contenido se enseñan a su tamaño (regla 17): nunca más anchas que su original, centradas, y el
   pie del ancho de la foto (la figura se ajusta a su imagen) */
.fae-texto > .wp-block-image:not(.alignwide):not(.alignfull) { display: table; margin-left: auto !important; margin-right: auto !important; }
.fae-texto > .wp-block-image:not(.alignwide):not(.alignfull) figcaption { display: table-caption; caption-side: bottom; }
.fae-texto > .wp-block-image img { width: auto; max-width: 100%; height: auto; }
.fae-texto > .wp-block-image.alignwide img { width: 100%; }

/* 18 · Navegación de la serie, compartir y seguir leyendo */
.fae-serie { margin-top: var(--wp--preset--spacing--70) !important; background: var(--wp--preset--color--surface); border-radius: var(--wp--custom--radio--tarjeta); padding: var(--wp--preset--spacing--50); font-family: var(--wp--preset--font-family--archivo); }
.fae-serie__titulo { margin: 0; font-size: var(--wp--preset--font-size--sm); font-weight: 600; color: var(--wp--preset--color--muted); }
.fae-serie__titulo a { color: var(--wp--preset--color--contrast); }
/* (La usa «Anterior y siguiente en la galería», del plugin: la serie de un artículo lleva la del núcleo, W6) */
.fae-serie .wp-block-post-navigation-link__label { display: inline-flex; align-items: center; gap: 0.35rem; font-size: var(--wp--preset--font-size--xs); font-weight: 600; color: var(--wp--preset--color--muted); }
.fae-serie .wp-block-post-navigation-link__label .fae-icono { width: 16px; height: 16px; }
.fae-serie__enlaces { grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); gap: var(--wp--preset--spacing--50); margin-top: var(--wp--preset--spacing--50) !important; }
.fae-serie .wp-block-post-navigation-link { display: flex; flex-direction: column; gap: 0.35rem; }
.fae-serie .post-navigation-link-next { text-align: right; align-items: flex-end; }
.fae-serie .wp-block-post-navigation-link a { font-size: 1rem; font-weight: 600; line-height: 1.35; color: var(--wp--preset--color--contrast); text-decoration: none; text-wrap: pretty; }
.fae-serie .wp-block-post-navigation-link a:hover { color: var(--wp--preset--color--primary); text-decoration: underline; }
@media (max-width: 600px) { .fae-serie .post-navigation-link-next { text-align: left; align-items: flex-start; } }
.fae-compartir { margin-top: var(--wp--preset--spacing--50) !important; gap: 0.25rem 1rem !important; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); }
.fae-compartir p { margin: 0; }
.fae-compartir ul { display: flex; flex-wrap: wrap; gap: 0.25rem 1rem; list-style: none; margin: 0; padding: 0; }
.fae-enlace-boton { appearance: none; background: none; border: 0; padding: 0; font: inherit; color: var(--wp--preset--color--primary); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; text-decoration-color: color-mix(in srgb, currentColor 40%, transparent); cursor: pointer; min-height: 24px; }
.fae-compartir a, .fae-enlace-boton { display: inline-flex; align-items: center; min-height: 44px; }
.fae-seguir { margin-top: var(--wp--preset--spacing--80) !important; border-top: 1px solid var(--wp--preset--color--border); padding-top: var(--wp--preset--spacing--60); }
.fae-seguir > .wp-block-heading { margin-bottom: var(--wp--preset--spacing--50); }

/* 19 · Formulario de contacto (lo pone el plugin; estas reglas irán en su hoja, con las variables del tema) */
.fae-formulario { display: grid; gap: var(--wp--preset--spacing--50); max-width: 34rem; font-family: var(--wp--preset--font-family--archivo); }
.fae-campo { display: grid; gap: 0.4rem; }
.fae-campo label { font-size: var(--wp--preset--font-size--sm); font-weight: 600; color: var(--wp--preset--color--contrast); }
.fae-campo :where(input[type=text], input[type=email], select, textarea) { min-height: 48px; padding: 0.7rem 0.85rem; font: 400 1rem/1.4 var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--muted); border-radius: var(--wp--custom--radio--boton); }
.fae-campo--error :where(input:not([type=checkbox]), select, textarea) { border-color: var(--wp--custom--color--error); border-width: 2px; padding: calc(0.7rem - 1px) calc(0.85rem - 1px); }
.fae-campo--error input[type=checkbox] { outline: 2px solid var(--wp--custom--color--error); outline-offset: 2px; }
.fae-campo--casilla .fae-campo__error { grid-column: 1 / -1; }
.fae-campo__error { margin: 0; font-size: var(--wp--preset--font-size--sm); line-height: 1.45; color: var(--wp--custom--color--error); }
.fae-campo--casilla { grid-template-columns: auto minmax(0, 1fr); align-items: start; gap: 0.6rem; }
.fae-campo--casilla input { width: 22px; height: 22px; margin: 0.1rem 0 0; accent-color: var(--wp--preset--color--primary); }
.fae-campo--casilla label { font-weight: 400; line-height: 1.5; }

/* 20 · Vídeo de YouTube con fachada (plugin): la miniatura y un botón; youtube-nocookie.com solo al pulsar */
.fae-video__fachada { position: relative; aspect-ratio: 16 / 9; overflow: hidden; border-radius: var(--wp--custom--radio--boton); background: var(--wp--preset--color--contrast); }
.fae-video__fachada img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.fae-video__boton { position: absolute; inset: 0; display: grid; place-items: center; width: 100%; background: transparent; border: 0; cursor: pointer; }
.fae-video__boton:hover svg rect { fill: var(--wp--preset--color--primary); fill-opacity: 1; }

/* 21 · Descarga (bloque Archivo): nombre, tipo y peso, y el botón; notas al pie */
.wp-block-file { display: flex; flex-wrap: wrap; align-items: center; gap: 0.5rem 1rem; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radio--tarjeta); font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm) !important; }
.wp-block-file > a:first-child { flex: 1 1 16rem; font-weight: 600; line-height: 1.4; }
.fae-archivo__datos { color: var(--wp--preset--color--muted); }
.wp-block-file .wp-block-file__button { display: inline-flex; align-items: center; gap: 0.4rem; margin-left: 0; padding: 0.6rem 1rem; text-decoration: none; }
.wp-block-footnotes { padding-left: 1.4em; border-top: 1px solid var(--wp--preset--color--border); padding-top: var(--wp--preset--spacing--40); }
.wp-block-footnotes a { text-decoration: none; }
sup.fn a { font-family: var(--wp--preset--font-family--archivo); font-size: 0.75em; font-weight: 600; text-decoration: none; padding: 0 0.1em; }

/* =====================================================================
   RESTO DE VISTAS (fase 4, segunda parte): lo que los bloques no pueden decir solos
   ===================================================================== */

/* 23 · Páginas: la cabecera (migas, título, entradilla) y el aire de arriba */
.fae-pagina { padding-top: var(--wp--preset--spacing--60); }
.fae-pagina__cabecera > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-pagina__titulo { font-size: var(--wp--preset--font-size--2-xl); line-height: 1.12; letter-spacing: -0.022em; text-wrap: balance; margin-top: var(--wp--preset--spacing--50); }
.fae-pagina__cabecera .fae-pagina__titulo { margin-top: var(--wp--preset--spacing--50) !important; }
.fae-pagina__entradilla { margin-top: var(--wp--preset--spacing--40) !important; }
.fae-texto--pagina { margin-top: var(--wp--preset--spacing--60) !important; }
.fae-texto--pagina > .is-style-entradilla:first-child { margin-top: 0; }
:where(.fae-texto, .fae-seccion-portada) [id] { scroll-margin-top: calc(var(--fae-cabecera-visible) + var(--wp--preset--spacing--50)); }

/* 24 · Índice de la sección (bloque «Páginas de la sección» del plugin): al margen, fijo; o plegado, en el móvil.
   La página actual, en tinta con el punto azul del menú del móvil (no un filete de color a un lado) */
.fae-indice { font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); line-height: 1.35; }
.fae-indice ul { list-style: none; margin: 0; padding: 0; }
.fae-indice__titulo { margin: 0 0 var(--wp--preset--spacing--30); font-weight: 600; }
.fae-indice__titulo a { color: var(--wp--preset--color--contrast); text-decoration: none; }
.fae-indice__titulo a:hover { color: var(--wp--preset--color--primary); text-decoration: underline; }
.fae-indice li a { display: block; padding: 0.45rem 0 0.45rem 1rem; color: var(--wp--preset--color--muted); text-decoration: none; position: relative; }
.fae-indice li a:hover { color: var(--wp--preset--color--contrast); text-decoration: underline; }
.fae-indice .current-menu-item > a { color: var(--wp--preset--color--contrast); font-weight: 600; }
.fae-indice .current-menu-item > a::before { content: ""; position: absolute; left: 0; top: 0.95em; width: 0.4rem; height: 0.4rem; border-radius: 50%; background: var(--wp--preset--color--primary); }
.fae-indice--margen { border-top: 1px solid var(--wp--preset--color--border); padding-top: var(--wp--preset--spacing--40); }
.fae-indice--plegable { border: 1px solid var(--wp--preset--color--border) !important; border-radius: var(--wp--custom--radio--tarjeta); padding: 0 var(--wp--preset--spacing--40); margin: var(--wp--preset--spacing--50) 0 0 !important; }
@media (min-width: 1180px) { .fae-indice--plegable { display: none; } }
.fae-indice--plegable summary { display: flex; align-items: center; justify-content: space-between; gap: 0.75rem; min-height: 48px; padding: 0; list-style: none; cursor: pointer; font-weight: 500; color: var(--wp--preset--color--muted); }
.fae-indice--plegable summary::-webkit-details-marker { display: none; }
.fae-indice--plegable summary::after { content: ""; flex: none; width: 20px; height: 20px; background-color: var(--wp--preset--color--primary); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E") center / contain no-repeat; transition: transform var(--wp--custom--transicion) ease-out; }
.fae-indice--plegable[open] > summary::after { transform: rotate(180deg); }
.fae-indice--plegable summary strong { color: var(--wp--preset--color--contrast); font-weight: 600; }
.fae-indice--plegable ul { padding-bottom: var(--wp--preset--spacing--40); border-top: 1px solid var(--wp--preset--color--border); padding-top: var(--wp--preset--spacing--30); }
.fae-indice--plegable li a { min-height: 44px; display: flex; align-items: center; }
.fae-indice--plegable .current-menu-item > a::before { top: 50%; margin-top: -0.2rem; }

/* 25 · Portada de una sección (La Fundación, Archivo y Biblioteca): texto y foto de @94mariano_; en el móvil, el texto
   primero (Columnas se apila en el orden del contenido) */
.fae-seccion-portada { padding-top: var(--wp--preset--spacing--60); }
.fae-cabecera-seccion-foto { gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70) !important; }
.fae-cabecera-seccion-foto .fae-pagina__titulo { font-size: var(--wp--preset--font-size--3-xl); line-height: 1.04; letter-spacing: -0.025em; }
.fae-cabecera-seccion-foto .is-style-entradilla { margin-top: var(--wp--preset--spacing--50); max-width: 36rem; }
.fae-cabecera-seccion-foto .wp-block-buttons { margin-top: var(--wp--preset--spacing--50); }
.fae-foto-seccion { margin: 0; }
.fae-foto-seccion img { display: block; width: 100%; height: auto; aspect-ratio: 4 / 5; object-fit: cover; }
.fae-foto-seccion figcaption { margin-top: var(--wp--preset--spacing--30); }
/* Las fotos de hoy (@94mariano_ y las del Centro de Estudios), aquí y en las páginas: rectas, como en la portada; en el
   móvil, a sangre (de borde a borde) */
.fae-foto--de-hoy img { border-radius: 0; }
@media (max-width: 599.98px) {
  .fae-cabecera-seccion-foto .fae-foto-seccion, main .wp-block-image.fae-foto--de-hoy:not(.alignwide):not(.alignfull) { display: block !important; margin-left: calc(var(--wp--style--root--padding-left) * -1) !important; margin-right: calc(var(--wp--style--root--padding-right) * -1) !important; max-width: none !important; }
  .fae-foto--de-hoy img { width: 100% !important; max-width: none !important; }
  .fae-foto--de-hoy figcaption { display: block !important; padding-inline: var(--wp--style--root--padding-left) var(--wp--style--root--padding-right); }
}
@media (max-width: 599.98px) { .fae-cabecera-seccion-foto .wp-block-buttons { flex-direction: column; align-items: stretch !important; } .fae-cabecera-seccion-foto .wp-block-button__link { display: block; width: 100%; } }
/* Las fotos de hoy verticales, a 528 px como mucho fuera del móvil (retoques de tableta, Guillermo, 14/10/2026): a lo
   ancho de la columna, la claraboya del Edificio medía 660 × 880 y no cabía en la pantalla de un portátil, y en la
   tableta las de las portadas de sección (4:5) llenaban la pantalla entera. En las páginas van centradas, como las que
   ya estaban a 528; la de la portada de sección, apilada en la tableta, alineada con su texto. Cuáles son verticales
   lo dicen las medidas del archivo (inc/bloques.php les pone «fae-foto--vertical»); la de la sección siempre lo es */
@media (min-width: 600px) {
  .fae-cabecera-seccion-foto .fae-foto-seccion, main .wp-block-image.fae-foto--vertical:not(.alignwide):not(.alignfull) { max-width: min(100%, 528px); }
}

/* 26 · Puertas en rejilla (el índice de una sección): filas con filete arriba y la rejilla cerrada abajo */
.fae-puertas-rejilla { grid-template-columns: repeat(auto-fill, minmax(min(18rem, 100%), 1fr)); gap: 0 var(--wp--preset--spacing--60); border-bottom: 1px solid var(--wp--preset--color--border); }
.fae-puertas-rejilla > .is-style-puerta:last-child { border-bottom: 0; }
.fae-puertas-rejilla .is-style-puerta p { font-size: var(--wp--preset--font-size--base); }
.fae-texto .fae-puertas-rejilla { margin-top: var(--wp--preset--spacing--50); }
/* Estilo «Índice» (portada de una sección): a dos columnas; el título en azul, que se vea que lleva a otra página, y su
   línea en gris, como los enlaces de la 404 */
.fae-puertas-rejilla--indice, .wp-block-group.is-style-indice { grid-template-columns: repeat(2, minmax(0, 1fr)); }
@media (max-width: 599.98px) { .fae-puertas-rejilla--indice, .wp-block-group.is-style-indice { grid-template-columns: minmax(0, 1fr); } } /* a dos columnas también en la tableta (repaso de la fase 5: a 768 dejaba media pantalla vacía) */
:is(.fae-puertas-rejilla--indice, .wp-block-group.is-style-indice) .is-style-puerta .wp-block-heading a { color: var(--wp--preset--color--primary); }
:is(.fae-puertas-rejilla--indice, .wp-block-group.is-style-indice) .is-style-puerta:hover .wp-block-heading a { color: var(--wp--preset--color--primary-hover); text-decoration: underline; text-decoration-thickness: 1px; text-underline-offset: 3px; }
:is(.fae-puertas-rejilla--indice, .wp-block-group.is-style-indice) .is-style-puerta p { color: var(--wp--preset--color--muted); }

/* 27 · Listados: cabecera (título y su cifra en la misma línea), filtros y paginación */
.fae-listado { padding-top: var(--wp--preset--spacing--60); }
.fae-listado__cabecera > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-listado__titular { align-items: baseline !important; gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) !important; margin-top: var(--wp--preset--spacing--50) !important; }
.wp-block-query-title { margin: 0; font-size: var(--wp--preset--font-size--2-xl); line-height: 1.12; letter-spacing: -0.022em; text-wrap: balance; }
.wp-block-query-total { margin: 0; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); font-variant-numeric: tabular-nums; }
.wp-block-query-total strong { color: var(--wp--preset--color--contrast); font-weight: 600; }
.wp-block-term-description { max-width: 62ch; }
.wp-block-term-description p { margin: 0; font-size: var(--wp--preset--font-size--base); line-height: 1.6; }
.fae-listado__cuerpo { margin-top: var(--wp--preset--spacing--50) !important; }
.fae-filtros { margin-top: var(--wp--preset--spacing--50) !important; border-top: 1px solid var(--wp--preset--color--border); padding: var(--wp--preset--spacing--30) 0 0; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); }
.fae-filtros__fila { gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) !important; }
.fae-filtros__lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 0 1.25rem; }
.fae-filtros__lista li { display: inline-flex; align-items: center; gap: 0.35rem; }
.fae-filtros__lista a { display: inline-flex; align-items: center; min-height: 40px; color: var(--wp--preset--color--contrast); text-decoration: none; font-weight: 500; }
.fae-filtros__lista a:hover { color: var(--wp--preset--color--primary); text-decoration: underline; text-underline-offset: 4px; }
.fae-filtros__lista .current-cat > a { color: var(--wp--preset--color--contrast); font-weight: 600; box-shadow: inset 0 -2px 0 var(--wp--preset--color--primary); }
.fae-filtros__n { color: var(--wp--preset--color--muted); font-size: var(--wp--preset--font-size--xs); font-variant-numeric: tabular-nums; }
/* Series y años, en desplegable (Categorías del núcleo con la taxonomía «serie», y Archivos): las siete series abiertas
   en lista ocupaban tres líneas y bajaban el listado */
.fae-filtros__desplegables { flex-wrap: wrap !important; align-items: center !important; gap: var(--wp--preset--spacing--30) var(--wp--preset--spacing--50) !important; }
.fae-filtros__series, .fae-filtros__anios { display: flex; align-items: center; gap: 0.6rem; }
.fae-filtros__desplegables label { font-weight: 600; color: var(--wp--preset--color--muted); }
.fae-filtros__desplegables select { min-height: 44px; max-width: 18rem; padding: 0 2.25rem 0 0.75rem; font: 500 var(--wp--preset--font-size--sm)/1.2 var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--contrast); background-color: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--muted); border-radius: var(--wp--custom--radio--boton); }
@media (max-width: 600px) {
  .fae-filtros__desplegables { width: 100%; flex-direction: column; align-items: stretch !important; }
  .fae-filtros__series, .fae-filtros__anios { width: 100%; }
  .fae-filtros__desplegables select { flex: 1 1 auto; min-width: 0; max-width: none; }
  .fae-filtros__desplegables label { min-width: 4.5rem; }
}
.fae-paginacion { margin-top: var(--wp--preset--spacing--60) !important; gap: var(--wp--preset--spacing--40) !important; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); }
.fae-paginacion .wp-block-query-pagination-numbers { display: flex; flex-wrap: wrap; gap: 0.25rem; }
.fae-paginacion .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; min-height: 44px; padding: 0.5rem; border-radius: var(--wp--custom--radio--boton); color: var(--wp--preset--color--primary); text-decoration: none; font-variant-numeric: tabular-nums; }
.fae-paginacion a.page-numbers:hover { background: var(--wp--preset--color--surface); }
.fae-paginacion .page-numbers.current { background: var(--wp--preset--color--primary); color: var(--wp--preset--color--base); font-weight: 600; }
.fae-paginacion .page-numbers.dots { color: var(--wp--preset--color--muted); min-width: 1.5rem; }
.fae-paginacion :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next) { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 44px; padding: 0 0.875rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radio--boton); font-weight: 600; text-decoration: none; }
.fae-paginacion :is(.wp-block-query-pagination-previous, .wp-block-query-pagination-next):hover { border-color: var(--wp--preset--color--primary); }
.fae-paginacion .fae-icono { width: 16px; height: 16px; }
.fae-paginacion__hueco { min-width: 1px; }
@media (max-width: 600px) { .fae-paginacion .wp-block-query-pagination-numbers { display: none; } }

/* 28 · Búsqueda: el buscador grande, el total y el aviso que lleva al catálogo con lo buscado */
.fae-buscar-pagina { max-width: 40rem; margin-top: var(--wp--preset--spacing--50) !important; }
.fae-buscar-pagina .wp-block-search__input { min-height: 52px; font-size: 1.125rem; }
.fae-buscar-pagina .wp-block-search__button { min-height: 52px; padding-inline: 1.5rem; }
.fae-busqueda__total { margin-top: var(--wp--preset--spacing--40) !important; }
.fae-migas + .wp-block-query-title { margin-top: var(--wp--preset--spacing--50) !important; }
.search-no-results .fae-busqueda .fae-listado__cuerpo { margin-top: var(--wp--preset--spacing--70) !important; }
.fae-aviso-busqueda { margin-top: var(--wp--preset--spacing--60) !important; }
.fae-sin-resultados > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-sin-resultados h2 { font-size: var(--wp--preset--font-size--xl); }
.fae-sin-resultados > ul { max-width: 62ch; }
.fae-sin-resultados .fae-aviso-busqueda { margin-top: var(--wp--preset--spacing--50) !important; max-width: var(--wp--style--global--content-size); }
.fae-sin-resultados__ir { font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); color: var(--wp--preset--color--muted); }

/* 29 · Exposiciones: la abierta, las anteriores por año (el año al margen, como la fecha de un registro) y la ficha */
.fae-expo-abierta { margin-top: var(--wp--preset--spacing--70) !important; }
.fae-expo-abierta > .wp-block-heading { margin-bottom: var(--wp--preset--spacing--50); }
.fae-expo-anteriores { margin-top: var(--wp--preset--spacing--80) !important; }
.fae-expo-anteriores > .wp-block-heading { margin-bottom: var(--wp--preset--spacing--40); }
/* Cada año, un grupo: el año al margen (fijo al bajar) y su «Registro» de exposiciones; los filetes los pone el grupo */
.fae-expos-anio { display: grid; grid-template-columns: 7.75rem minmax(0, 1fr); gap: 0 var(--wp--preset--spacing--50); border-top: 1px solid var(--wp--preset--color--border); }
.fae-expos-anio:last-child { border-bottom: 1px solid var(--wp--preset--color--border); }
.fae-expos-anio > .wp-block-heading { margin: 0; padding-top: var(--wp--preset--spacing--50); position: sticky; top: calc(var(--fae-cabecera-visible) + var(--wp--preset--spacing--40)); align-self: start; transition: top var(--fae-cabecera-tiempo) ease-out; }
.fae-expos-anio .wp-block-post-template { margin: 0; }
.fae-expos-anio .wp-block-post-template > li:first-child { border-top: 0; }
.fae-expos-anio .wp-block-post-template > li:last-child { border-bottom: 0; }
.fae-expo-itinerante { margin-top: var(--wp--preset--spacing--60) !important; }
@media (max-width: 781.98px) { /* hasta la tableta (repaso de la fase 5) */
  .fae-expos-anio { grid-template-columns: minmax(0, 1fr); }
  .fae-expos-anio > .wp-block-heading { position: static; }
}
.fae-exposicion-ficha .fae-ficha { margin-top: var(--wp--preset--spacing--60); }
.fae-videos { gap: var(--wp--preset--spacing--50) !important; }
.fae-expo-relacionados { margin-top: var(--wp--preset--spacing--70) !important; }
.fae-expo-relacionados > .wp-block-heading { margin-bottom: var(--wp--preset--spacing--40); }

/* 30 · La foto destacada de un artículo: entera y a su tamaño, centrada en su paspartú a lo ancho de la columna */
.fae-destacada-articulo { margin-top: var(--wp--preset--spacing--60) !important; }
.fae-destacada-articulo img { max-height: none; }
.fae-pie-destacada { margin-top: var(--wp--preset--spacing--30) !important; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); line-height: 1.5; color: var(--wp--preset--color--muted); }
/* En el móvil, la foto de un acto (la destacada, de 600 px de ancho o más: a sangre no se agranda nunca; la marca como
   «de hoy» inc/bloques.php) va recta y a sangre, sin la vitrina de las piezas antiguas, como las demás fotos de hoy
   (retoques de tableta, Guillermo, 14/10/2026). Más pequeña, sigue en su vitrina, a su tamaño */
@media (max-width: 599.98px) {
  .wp-block-post-featured-image.fae-destacada-articulo.fae-foto--de-hoy { display: block !important; padding: 0; background: none; border-radius: 0; margin-left: calc(var(--wp--style--root--padding-left) * -1) !important; margin-right: calc(var(--wp--style--root--padding-right) * -1) !important; max-width: none !important; }
  .wp-block-post-featured-image.fae-destacada-articulo.fae-foto--de-hoy img { width: 100% !important; max-width: none; box-shadow: none; }
}

/* 31 · Titulares muy largos (los hay de 335 caracteres): el plugin les pone una clase y bajan de tamaño */
.fae-articulo__titulo.fae-titulo-largo { font-size: var(--wp--preset--font-size--xl); line-height: 1.22; letter-spacing: -0.015em; }
.fae-articulo__titulo.fae-titulo-muy-largo { font-size: var(--wp--preset--font-size--lg); font-weight: 600; line-height: 1.38; letter-spacing: -0.01em; text-wrap: pretty; }

/* 32 · Detalles en el texto (composiciones anteriores, noticias guardadas, biografías): filetes que no se doblan */
.fae-detalles { font-family: var(--wp--preset--font-family--archivo); }
.fae-detalles + .fae-detalles { border-top: 0; margin-top: 0 !important; }
.fae-detalles summary { font-size: 1rem; color: var(--wp--preset--color--contrast); }
.fae-detalles summary::marker { color: var(--wp--preset--color--primary); }
.fae-detalles[open] { padding-bottom: var(--wp--preset--spacing--40); }
.fae-detalles > :not(summary) { font-family: var(--wp--preset--font-family--spectral); font-size: var(--wp--preset--font-size--base); line-height: 1.65; }
.fae-detalles > :not(summary) + :not(summary) { margin-top: var(--wp--preset--spacing--40); }

/* 33 · Persona (Patronato: presidentes): el retrato pequeño en su vitrina y el texto */
.fae-persona { gap: var(--wp--preset--spacing--50); margin-top: var(--wp--preset--spacing--50); align-items: start; }
.fae-persona > .wp-block-media-text__content { padding: 0; }
.fae-persona > .wp-block-media-text__content > * + * { margin-top: var(--wp--preset--spacing--30); }
.fae-persona > .wp-block-media-text__media { padding: var(--wp--preset--spacing--30); }
.fae-persona .wp-block-heading { font-size: var(--wp--preset--font-size--lg); margin: 0; }
.fae-persona .fae-detalles { margin-top: var(--wp--preset--spacing--40); }
@media (max-width: 600px) { .fae-persona > .wp-block-media-text__media { max-width: 10rem; } }

/* 34 · Contacto: el formulario y los datos; los estados del formulario (irán en la hoja del plugin) */
.fae-contacto { padding-top: var(--wp--preset--spacing--60); }
.fae-contacto__entradilla { max-width: 40rem; }
.fae-contacto__columnas { gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70) !important; margin-top: var(--wp--preset--spacing--60) !important; align-items: flex-start !important; }
.fae-contacto__datos { font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); line-height: 1.6; border-top: 1px solid var(--wp--preset--color--border); padding-top: var(--wp--preset--spacing--30); }
.fae-contacto__datos > * { margin: 0; }
.fae-contacto__datos > p + p { margin-top: var(--wp--preset--spacing--30); }
.fae-contacto__datos .wp-block-heading { margin-top: var(--wp--preset--spacing--50); margin-bottom: var(--wp--preset--spacing--30); font-size: 1rem; font-weight: 600; letter-spacing: 0; }
.fae-contacto__datos .fae-icono { width: 14px; height: 14px; margin-left: 0.3rem; vertical-align: -0.1em; }
.fae-redes--contacto { color: var(--wp--preset--color--contrast); }
.fae-campo :where(input[type=tel]) { min-height: 48px; padding: 0.7rem 0.85rem; font: 400 1rem/1.4 var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--contrast); background: var(--wp--preset--color--base); border: 1px solid var(--wp--preset--color--muted); border-radius: var(--wp--custom--radio--boton); }
.fae-campo textarea { resize: vertical; min-height: 9rem; }
.fae-campo__ayuda { margin: 0; font-size: var(--wp--preset--font-size--sm); line-height: 1.45; color: var(--wp--preset--color--muted); }
.fae-campo__opcional { font-weight: 400; color: var(--wp--preset--color--muted); }
.fae-campos-fila { display: grid; grid-template-columns: repeat(auto-fit, minmax(min(13rem, 100%), 1fr)); gap: var(--wp--preset--spacing--50); align-items: start; }
.fae-privacidad-basica { padding: var(--wp--preset--spacing--40); background: var(--wp--preset--color--surface); border-radius: var(--wp--custom--radio--tarjeta); font-size: var(--wp--preset--font-size--sm); line-height: 1.55; color: var(--wp--preset--color--muted); }
.fae-privacidad-basica p { margin: 0; }
.fae-privacidad-basica strong { color: var(--wp--preset--color--contrast); font-weight: 600; }
.fae-campo-trampa { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.fae-resumen-errores { margin-bottom: var(--wp--preset--spacing--50); padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); border: 1px solid var(--wp--custom--color--error); border-radius: var(--wp--custom--radio--tarjeta); background: var(--wp--custom--color--error-fondo); font-family: var(--wp--preset--font-family--archivo); }
.fae-resumen-errores h2 { margin: 0; font-size: 1rem; font-weight: 600; color: var(--wp--custom--color--error); letter-spacing: 0; }
.fae-resumen-errores ul { margin: var(--wp--preset--spacing--30) 0 0; padding-left: 1.2em; font-size: var(--wp--preset--font-size--sm); line-height: 1.5; }
.fae-resumen-errores a { color: var(--wp--preset--color--contrast); }
.fae-enviado { padding: var(--wp--preset--spacing--60) var(--wp--preset--spacing--50); border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radio--tarjeta); background: var(--wp--preset--color--base); font-family: var(--wp--preset--font-family--archivo); }
.fae-enviado > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-enviado__icono { margin: 0; color: var(--wp--custom--color--ok); }
.fae-enviado h2 { font-size: var(--wp--preset--font-size--xl); margin-top: var(--wp--preset--spacing--30); }
.fae-enviado > p { font-size: 1rem; line-height: 1.6; }
.fae-enviado .wp-block-buttons { margin-top: var(--wp--preset--spacing--50); }

/* 35 · Textos legales: el índice de la página y los apartados */
.fae-indice-legal { margin-top: var(--wp--preset--spacing--50) !important; padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--50); background: var(--wp--preset--color--surface); border-radius: var(--wp--custom--radio--tarjeta); font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); }
.fae-indice-legal__titulo { margin: 0 0 var(--wp--preset--spacing--30); font-weight: 600; }
.fae-indice-legal ol { margin: 0; padding-left: 1.3em; line-height: 1.8; }

/* 36 · 404 */
.fae-404 { padding-top: var(--wp--preset--spacing--70); }
.fae-404 > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-404 .is-style-entradilla { margin-top: var(--wp--preset--spacing--40); }
.fae-404__rotulo { margin-top: var(--wp--preset--spacing--60) !important; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); font-weight: 600; color: var(--wp--preset--color--muted); }
.fae-404 .wp-block-buttons { margin-top: var(--wp--preset--spacing--60); }

/* 37 · Imágenes de las páginas: las fotos de la web vieja a su tamaño (como en el artículo, § 17), y las fichas de
   persona en la columna */
.fae-texto--pagina > .wp-block-image:not(.alignwide):not(.alignfull) { display: table; margin-left: auto !important; margin-right: auto !important; }
.fae-texto--pagina > .wp-block-image:not(.alignwide):not(.alignfull) figcaption { display: table-caption; caption-side: bottom; }
.fae-texto--pagina > .wp-block-image img { width: auto; max-width: 100%; height: auto; }
.fae-texto--pagina > :where(.wp-block-quote, .wp-block-pullquote, .fae-ficha, .wp-block-gallery, .wp-block-image, .wp-block-columns, .wp-block-table, .wp-block-query, .wp-block-file, .fae-puertas-rejilla, .wp-block-media-text) { margin-top: var(--wp--preset--spacing--60); }
.fae-texto--pagina > .wp-block-heading { margin-top: var(--wp--preset--spacing--70); }
.fae-texto--pagina > .wp-block-heading:first-child { margin-top: 0; }
.fae-texto--pagina > .wp-block-file + .wp-block-file { margin-top: var(--wp--preset--spacing--30); }
.fae-texto .wp-block-file { margin-top: var(--wp--preset--spacing--50); }

/* 38 · Archivo y Biblioteca: las dos columnas */
.fae-archivo-biblioteca { gap: var(--wp--preset--spacing--60) var(--wp--preset--spacing--70) !important; }
.fae-archivo-biblioteca > .wp-block-column > * + * { margin-top: var(--wp--preset--spacing--40); }
.fae-archivo-biblioteca .is-style-aviso { margin-top: var(--wp--preset--spacing--50); }
.fae-archivo-biblioteca .wp-block-query { margin-top: var(--wp--preset--spacing--50); }
.fae-archivo-pieza > * + * { margin-top: var(--wp--preset--spacing--50); }

/* 38b · Tablas: filetes de 1 px en el color de filete, solo entre filas (el núcleo pinta una rejilla en el color del
   texto y theme.json no le gana: sus estilos de bloque no tienen especificidad); y si alguna tiene que desplazarse a lo
   ancho, su marco recibe el foco con su anillo */
.wp-block-table td, .wp-block-table th { border: 0; border-bottom: 1px solid var(--wp--preset--color--border); }
.wp-block-table thead th { border-bottom-color: var(--wp--preset--color--muted); }
.wp-block-table figcaption { margin-top: var(--wp--preset--spacing--30); }
/* Lo que no se debe partir al final de una línea (unas fechas «1875–1883») */
.fae-sin-partir { white-space: nowrap; }
.wp-block-table:focus-visible { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; border-radius: var(--wp--custom--radio--boton); }

/* 39 · Cabecera con el buscador abierto (bloque Buscar «solo botón»): el campo se abre a la izquierda de la lupa, en
   una tarjeta sobre el menú. Solo el campo y la tarjeta salen de la fila: la lupa no se mueve y el menú tampoco (antes
   salía el bloque entero: al abrir, el menú saltaba 60 px a la derecha; al cerrar, el campo encogía 0,3 s dentro de la
   fila y el menú bajaba de línea y volvía). Mientras está abierto, el menú no se ve (asomaba a la izquierda de la
   tarjeta). Se abre con la animación del núcleo y se cierra de golpe. Como en la web de Antonio (12/10/2026). */
.fae-buscar-cabecera .wp-block-search__inside-wrapper { position: relative; }
.fae-buscar-cabecera .wp-block-search__button { position: relative; z-index: 2; }
.fae-buscar-cabecera:not(.wp-block-search__searchfield-hidden) .wp-block-search__input { position: absolute; right: calc(100% + 0.5rem); top: 50%; transform: translateY(-50%); z-index: 2; width: 22rem; min-height: 44px; margin: 0; }
.fae-buscar-cabecera:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper::before { content: ""; position: absolute; z-index: 1; top: -0.375rem; bottom: -0.375rem; right: -0.375rem; left: calc(-22rem - 0.5rem - 0.375rem); background: var(--wp--preset--color--base); border-radius: var(--wp--custom--radio--tarjeta); box-shadow: var(--wp--preset--shadow--flotante); }
.fae-buscar-cabecera.wp-block-search__searchfield-hidden .wp-block-search__input { transition: none; }
.fae-cabecera__acciones:has(> .fae-buscar-cabecera:not(.wp-block-search__searchfield-hidden)) > .wp-block-navigation { visibility: hidden; opacity: 0; }
/* Fundido (pedido por Guillermo el 16/10/2026, para que no sea tan brusco): al abrir, el menú se desvanece y la
   tarjeta aparece en 0,2 s, mientras el campo crece (0,3 s, del núcleo: abrir no tarda más que antes); al cerrar, el
   menú vuelve en 0,15 s. «visibility» espera al final del fundido para que el menú no se pueda pulsar ya oculto. */
.fae-cabecera__acciones > .wp-block-navigation { transition: opacity 0.15s ease-out, visibility 0s; }
.fae-cabecera__acciones:has(> .fae-buscar-cabecera:not(.wp-block-search__searchfield-hidden)) > .wp-block-navigation { transition: opacity 0.2s ease-out, visibility 0s linear 0.2s; }
.fae-buscar-cabecera:not(.wp-block-search__searchfield-hidden) .wp-block-search__inside-wrapper::before { animation: fae-aparece 0.2s ease-out; }
@keyframes fae-aparece { from { opacity: 0; } }

/* 40 · Sin movimiento para quien lo pide */
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition-duration: 0.01ms !important; animation-duration: 0.01ms !important; scroll-behavior: auto !important; } }

/* =====================================================================
   WORDPRESS: lo que la maqueta simulaba (1-nucleo-wp.css) y WordPress 7.1 hace de otra forma
   ===================================================================== */

/* W0b · Las cajas se miden con su borde y su relleno dentro (como en la maqueta: un enlace de 64 px mide 64 px, no
   64 más su relleno), y las figuras sin el margen del navegador */
*, *::before, *::after { box-sizing: border-box; }
figure { margin: 0; }

/* W1 · Sin el hueco de 24 px que el núcleo pone entre las partes de la página (banda, cabecera, contenido y pie): cada
   una lleva su propio aire, como en la maqueta */
.wp-site-blocks > * + * { margin-block-start: 0; }
:where(.wp-site-blocks) > main { margin-block-start: 0; }

/* W2 · Navegación: el núcleo pinta los enlaces del menú con «color: inherit» y doble clase (especificidad 0-3-0); aquí se
   repite la clase para que valgan los de la maqueta (§ 4 y § 15) */
ul.fae-nav > li > .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--wp--preset--color--muted); }
ul.fae-nav > li > .wp-block-navigation-item__content.wp-block-navigation-item__content:hover,
ul.fae-nav > .current-menu-item > .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--wp--preset--color--contrast); }
.fae-pie .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--wp--preset--color--border); }
.fae-pie .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { color: var(--wp--preset--color--base); text-decoration: underline; }
.fae-banda-superior .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--wp--custom--color--apagado); }
.fae-banda-superior .wp-block-navigation-item__content.wp-block-navigation-item__content:hover { color: var(--wp--preset--color--base); }
/* El icono de «otra web» detrás del Catálogo y de Regesto (en la maqueta, un SVG dentro del enlace) */
.fae-banda-superior .fae-externo > .wp-block-navigation-item__content::after { content: ""; flex: none; width: 13px; height: 13px; background-color: currentColor; -webkit-mask: var(--fae-icono-externo) center / contain no-repeat; mask: var(--fae-icono-externo) center / contain no-repeat; }
/* El botón «Menú» lleva su icono delante (Navegación › Mostrar icono: no, para que diga «Menú») */
.fae-nav .wp-block-navigation__responsive-container-open::before { content: ""; flex: none; width: 20px; height: 20px; background-color: currentColor; -webkit-mask: var(--fae-icono-menu) center / contain no-repeat; mask: var(--fae-icono-menu) center / contain no-repeat; }

/* W3 · Redes (Iconos sociales «Solo logotipos»): el núcleo los pinta en el color de cada marca, con el nombre al 65 % y
   el icono de 1em; la maqueta, del color del texto que los rodea, el nombre a tamaño de texto y el icono de 20 px */
.wp-block-social-links.is-style-logos-only.fae-redes .wp-social-link { color: inherit; background: none; font-size: inherit; }
.wp-block-social-links.fae-redes .wp-social-link .wp-block-social-link-anchor { color: inherit; padding: 0; }
.wp-block-social-links.fae-redes .wp-social-link .wp-block-social-link-label { font-size: inherit; padding: 0; margin: 0; }
.wp-block-social-links.fae-redes .wp-social-link svg { width: 20px; height: 20px; }
.fae-pie .wp-block-social-links.fae-redes--pie { color: var(--wp--preset--color--border); }
.fae-pie .wp-block-social-links.fae-redes--pie .wp-social-link:hover { color: var(--wp--preset--color--base); }
.fae-pie__marca .wp-block-image { margin: 0; }
.fae-banda-superior .wp-block-navigation-item__content.wp-block-navigation-item__content { display: inline-flex; align-items: center; gap: 0.3rem; min-height: 24px; text-decoration: none; }

/* W4 · Menú del móvil (parte de superposición dentro de la Navegación de la cabecera): el núcleo le quita el aire
   lateral por ir anidado; se le devuelve (como en la web de Antonio). Las entradas, en tinta y con su descripción */
.wp-block-group.fae-menu-movil { padding-right: var(--wp--style--root--padding-right); padding-left: var(--wp--style--root--padding-left); }
.fae-menu-movil__nav li.wp-block-navigation-item { display: block; width: 100%; }
.fae-menu-movil__nav .wp-block-navigation-item__content.wp-block-navigation-item__content { color: var(--wp--preset--color--contrast); white-space: normal; }
.wp-block-navigation-overlay-close { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 44px; padding: 0 0.75rem; border: 1px solid var(--wp--preset--color--border); border-radius: var(--wp--custom--radio--boton); background: var(--wp--preset--color--base); font: 600 var(--wp--preset--font-size--sm)/1 var(--wp--preset--font-family--archivo); color: var(--wp--preset--color--contrast); cursor: pointer; }
.wp-block-navigation-overlay-close:hover { border-color: var(--wp--preset--color--primary); }
.wp-block-navigation-overlay-close svg { width: 20px; height: 20px; }
.fae-menu-movil .wp-block-search__inside-wrapper { gap: 0.5rem; }
.fae-menu-movil .wp-block-search__button { margin: 0; }
.fae-menu-movil .fae-marca .wp-block-site-logo img { height: 40px; width: auto; }

/* W0 · Lo que theme.json no sabe decir de los bloques (de 2-theme-json.css de la maqueta) */
:root :where(.wp-block-quote > p, .wp-block-pullquote p) { margin: 0; }
:root :where(.wp-block-quote > p + p) { margin-top: var(--wp--preset--spacing--40); }
:root :where(.wp-block-pullquote cite) { display: block; margin-top: var(--wp--preset--spacing--40); }
:root :where(.wp-element-caption, .wp-block-image figcaption, .wp-block-gallery figcaption, .wp-block-embed figcaption, .wp-block-table figcaption) { text-align: left; }
:root :where(.wp-block-table thead) { background-color: var(--wp--preset--color--surface); border-bottom: 1px solid var(--wp--preset--color--border); }
:root :where(.wp-block-table th) { font-weight: 600; text-align: left; }
:root :where(.wp-block-table td, .wp-block-table th) { padding: 0.6em 0.8em; }
:root :where(.wp-block-details summary) { font-weight: 600; padding: 0.75rem 0; min-height: 48px; }
.wp-block-search__label { font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); font-weight: 600; }
:where(.wp-block-search) .wp-block-search__input { font-family: var(--wp--preset--font-family--archivo); font-size: 1rem; border: 1px solid var(--wp--preset--color--muted); border-radius: var(--wp--custom--radio--boton); padding: 0.75rem 0.875rem; min-height: 48px; }
.fae-menu-movil__casa p a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--contrast); text-decoration: underline; }

/* W5 · Las flechas de los enlaces (en la maqueta, un SVG dentro del enlace; aquí, una máscara: el editor no guarda SVG) */
.fae-enlace-flecha a::after, .wp-block-read-more.fae-enlace-flecha::after, .is-style-puerta .fae-flecha::after {
  content: ""; flex: none; display: inline-block; width: 18px; height: 18px; background-color: currentColor;
  -webkit-mask: var(--fae-icono-flecha) center / contain no-repeat; mask: var(--fae-icono-flecha) center / contain no-repeat;
  transition: transform var(--wp--custom--transicion) ease-out;
}
.fae-enlace-flecha a:hover::after, .wp-block-read-more.fae-enlace-flecha:hover::after, .is-style-puerta:hover .fae-flecha::after { transform: translateX(3px); }
.wp-block-read-more.fae-enlace-flecha { display: inline-flex; align-items: center; gap: 0.4rem; min-height: 2rem; font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); font-weight: 600; text-decoration: none; }
.wp-block-read-more.fae-enlace-flecha:hover { text-decoration: underline; }

/* W6 · Navegación de la serie (Enlace a la entrada anterior y siguiente): en WordPress 7.1 la etiqueta lleva la clase
   «post-navigation-link__label» (la maqueta, la del bloque); su flecha va delante o detrás (máscara) */
.fae-serie .post-navigation-link__label { display: inline-flex; align-items: center; gap: 0.35rem; font-size: var(--wp--preset--font-size--xs); font-weight: 600; color: var(--wp--preset--color--muted); }
.fae-serie .post-navigation-link-previous .post-navigation-link__label::before,
.fae-serie .post-navigation-link-next .post-navigation-link__label::after { content: ""; flex: none; width: 16px; height: 16px; background-color: currentColor; -webkit-mask: var(--fae-icono-flecha) center / contain no-repeat; mask: var(--fae-icono-flecha) center / contain no-repeat; }
.fae-serie .post-navigation-link-previous .post-navigation-link__label::before { -webkit-mask-image: var(--fae-icono-atras); mask-image: var(--fae-icono-atras); }
.wp-block-group.fae-serie__enlaces { grid-template-columns: repeat(auto-fit, minmax(min(15rem, 100%), 1fr)); }
.wp-block-post-template.fae-rejilla-3 { grid-template-columns: repeat(auto-fill, minmax(max(min(15rem, 100%), (100% - 2 * var(--wp--preset--spacing--50)) / 3), 1fr)); }

/* W7 · Los listados en filas (Registro, Lista con fecha): sin el hueco de bloque que el núcleo pone entre las filas
   de la Plantilla de entrada (cada fila lleva su filete y su relleno) */
.wp-block-post-template:is(.is-style-registro, [class*="is-style-registro--"], .is-style-lista-fecha) > li { margin-block-start: 0; }

/* W8 · La exposición abierta: Medios y texto con la foto destacada de la exposición; la foto, en su «Vitrina» 4:3
   (entera, sobre su paspartú), como en la maqueta */
.wp-block-media-text.fae-exposicion > .wp-block-media-text__media {
  display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; aspect-ratio: 4 / 3; overflow: hidden; min-height: 0;
  padding: var(--wp--preset--spacing--40); background-color: var(--wp--preset--color--surface); border-radius: var(--wp--custom--radio--boton);
}
.wp-block-media-text.fae-exposicion > .wp-block-media-text__media img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; box-shadow: 0 1px 2px rgba(20, 26, 34, .08); }

/* W9 · Portada de una sección: las migas van en la plantilla y la cabecera (título, entradilla, foto) en el contenido de
   la página; entre las dos, el aire de la maqueta (1 rem). El título lleva su margen aunque sea el primero de su
   columna (el núcleo quita el margen al primero con más fuerza que una clase) */
.fae-seccion-portada > .wp-block-post-content { margin-block-start: var(--wp--preset--spacing--40); }
.fae-seccion-portada > .wp-block-post-content > .fae-cabecera-seccion-foto:first-child { margin-block-start: 0; }
.fae-cabecera-seccion-foto .wp-block-column > .fae-pagina__titulo { margin-block-start: var(--wp--preset--spacing--50); }
.fae-contacto__datos a[href^="http"]:not(.wp-block-social-link-anchor)::after { content: ""; display: inline-block; width: 14px; height: 14px; margin-left: 0.3rem; vertical-align: -0.1em; background-color: currentColor; -webkit-mask: var(--fae-icono-externo) center / contain no-repeat; mask: var(--fae-icono-externo) center / contain no-repeat; }

/* W10 · El vídeo, ya pulsado: el reproductor ocupa el sitio de la miniatura */
.fae-video__marco { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.fae-video__boton:focus-visible { outline: 2px solid var(--wp--preset--color--base); outline-offset: -6px; }
/* El botón «Descargar» lleva su icono delante (en la maqueta, un SVG dentro del enlace) */
.wp-block-file .wp-block-file__button::before { content: ""; flex: none; width: 18px; height: 18px; background-color: currentColor; -webkit-mask: var(--fae-icono-descarga) center / contain no-repeat; mask: var(--fae-icono-descarga) center / contain no-repeat; }

/* W11 · Tablas: el núcleo pone 3 px de tinta bajo la cabecera y sobre el pie; en la marca, el filete */
.wp-block-table thead { border-bottom: 1px solid var(--wp--preset--color--border); }
.wp-block-table tfoot { border-top: 1px solid var(--wp--preset--color--border); }

/* W12 · Página no encontrada: el núcleo quita el margen al primer bloque de un grupo; en la maqueta, el título conserva
   el suyo (24 px) */
.fae-404 > h1.fae-pagina__titulo:first-child { margin-top: var(--wp--style--block-gap, 24px); }

/* W13 · Buscador: el núcleo (7.1) le da a la caja la altura de línea del texto (1,7), y la caja crece 5 px; en la
   maqueta, la del navegador */
.wp-block-search .wp-block-search__input { line-height: normal; }

/* W14 · Paginación: la flecha de «Siguientes / Más antiguos» y la de «Anteriores / Más recientes» (en la maqueta, un SVG
   dentro del enlace; aquí, una máscara, como en W5) */
.fae-paginacion .wp-block-query-pagination-next::after, .fae-paginacion .wp-block-query-pagination-previous::before {
  content: ""; flex: none; display: inline-block; width: 16px; height: 16px; background-color: currentColor;
  -webkit-mask: var(--fae-icono-flecha) center / contain no-repeat; mask: var(--fae-icono-flecha) center / contain no-repeat;
}
.fae-paginacion .wp-block-query-pagination-previous::before { -webkit-mask-image: var(--fae-icono-atras); mask-image: var(--fae-icono-atras); }

/* W15 · Página ancha (Contacto): el aire de arriba que en la maqueta pone .fae-contacto */
.fae-pagina-ancha { padding-top: var(--wp--preset--spacing--60); }

/* W16 · Cita destacada: el núcleo la centra; en la maqueta va a la izquierda, como el texto (si se elige otra
   alineación en el editor, manda esa) */
.wp-block-pullquote:not(.has-text-align-center):not(.has-text-align-right) { text-align: left; }

/* W17 · Filtros de Actualidad (Series, Por año): el núcleo da a la etiqueta del desplegable todo el ancho y, en el
   móvil, el desplegable se queda en 150 px y corta su texto; en la maqueta, la etiqueta mide lo que su palabra
   (la regla del núcleo pesa 0-3-0: .wp-block-categories .wp-block-categories__label:not(.screen-reader-text)) */
.fae-filtros__desplegables .wp-block-categories .wp-block-categories__label:not(.screen-reader-text), .fae-filtros__desplegables label { width: auto; }

/* W18 · Listas: la sangría de la maqueta (1,3 em; el navegador pone 40 px). Las variaciones que la quitan (Bibliografía,
   Cronología…) pesan más */
ul.wp-block-list, ol.wp-block-list { padding-left: 1.3em; }

/* W19 · Contenido de la entrada: el núcleo lo hace «flow-root» y el margen de su primer bloque se suma al suyo (24 px
   de más bajo la cabecera); en la maqueta, un bloque normal, y los dos márgenes se funden. Las fotos flotantes (que el
   diseño no usa) se recogen al final */
.wp-block-post-content.wp-block-post-content { display: block; }
.wp-block-post-content::after { content: ""; display: block; clear: both; }

/* W20 · El vídeo, con el aire de una foto (en la maqueta se quedó fuera de la regla de los medios y salía pegado al
   párrafo de arriba; diferencia a propósito, apuntada en el registro del 14/10/2026) */
.fae-texto > .wp-block-embed { margin-top: var(--wp--preset--spacing--60); margin-bottom: var(--wp--preset--spacing--20); }
.fae-texto > .wp-block-embed + p { margin-top: var(--wp--preset--spacing--60); }

/* W21 · Piezas bloqueadas de los patrones (Ficha con foto, Persona): Medios y texto no admite «solo contenido», así que
   va dentro de un Grupo .fae-pieza que lo lleva; el Grupo toma el aire que tendría la pieza y la pieza no suma el suyo.
   El estilo «Índice» del Grupo de puertas hace lo mismo que la clase de la maqueta (.fae-puertas-rejilla--indice) */
.fae-texto > .fae-pieza, .fae-texto--pagina > .fae-pieza { margin-top: var(--wp--preset--spacing--60); margin-bottom: var(--wp--preset--spacing--20); }
.fae-texto > .fae-pieza + p { margin-top: var(--wp--preset--spacing--60); }
.fae-pieza > :is(.fae-ficha, .fae-persona) { margin-top: 0; margin-bottom: 0; }

/* W·editor · El aire entre los bloques del texto, en el editor igual que en la web (repaso de la fase 5: en el editor
   los encabezados y las figuras llevaban 16 px encima y en la web 40). «.is-root-container» solo existe en el editor:
   en la web estas reglas no hacen nada. */
.is-root-container > .wp-block-heading { margin-top: var(--wp--preset--spacing--60); margin-bottom: 0; }
.is-root-container > .wp-block-heading + * { margin-top: var(--wp--preset--spacing--40); }
.is-root-container > :where(.wp-block-quote, .wp-block-pullquote, .fae-ficha, .wp-block-gallery, .wp-block-image, .wp-block-columns) { margin-top: var(--wp--preset--spacing--60); margin-bottom: var(--wp--preset--spacing--20); }
.is-root-container > :where(.wp-block-quote, .wp-block-pullquote, .fae-ficha, .wp-block-gallery, .wp-block-image, .wp-block-columns) + p { margin-top: var(--wp--preset--spacing--60); }

/* =====================================================================
   REPASO DE LA FASE 5 (14/10/2026) · Lo que la crítica de diseño encontró y no cambia el diseño aprobado: estados (foco,
   pulsar), piezas que pinta el plugin y anchos de tableta que nunca se habían mirado. Detalle en
   05-tema-wordpress/revision/repaso-fase-5.md
   ===================================================================== */

/* R1 · Los listados que pinta el plugin (exposiciones por año, «En Actualidad» de una exposición) usan las clases de los
   bloques del núcleo, pero WordPress solo imprime los estilos de theme.json de un bloque si ese bloque está en la página:
   sin la exposición abierta, los títulos salían azules y subrayados. Los mismos valores que theme.json, más débiles que
   cualquier regla del tema (con «:where», que no suma): solo cuentan cuando no hay nada más */
:where(.wp-block-post-title) { font-family: var(--wp--preset--font-family--archivo); font-weight: 700; line-height: 1.15; letter-spacing: -0.02em; }
:where(.wp-block-post-title) a:where(:not(.wp-element-button)) { color: inherit; text-decoration: none; }
:where(.wp-block-post-date, .wp-block-post-terms) { color: var(--wp--preset--color--muted); font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); }
:where(.wp-block-post-terms) a:where(:not(.wp-element-button)) { color: var(--wp--preset--color--muted); text-decoration: none; }
:where(.wp-block-post-terms) a:where(:not(.wp-element-button)):hover { color: var(--wp--preset--color--primary); text-decoration: underline; }

/* R2 · La lupa de la cabecera: el núcleo recorta su anillo de foco (overflow del buscador plegado); va por dentro */
.fae-buscar-cabecera .wp-block-search__button:focus-visible { outline-offset: -3px; }

/* R3 · Con un titular muy largo (que baja de tamaño), los h2 del texto bajan también: si no, eran más grandes que él */
.fae-articulo:has(.fae-articulo__titulo.fae-titulo-largo) .fae-texto > h2.wp-block-heading { font-size: var(--wp--preset--font-size--lg); }
.fae-articulo:has(.fae-articulo__titulo.fae-titulo-muy-largo) .fae-texto > h2.wp-block-heading { font-size: var(--wp--preset--font-size--base); }

/* R4 · Los retratos de «Persona» (Patronato), en su vitrina 4:5 como en la maqueta (allí la figura llevaba «Vitrina»;
   el Medios y texto del núcleo no deja ponerle estilo a la figura: como la exposición abierta, W8) */
.wp-block-media-text.fae-persona > .wp-block-media-text__media {
  display: grid; grid-template: minmax(0, 1fr) / minmax(0, 1fr); place-items: center; aspect-ratio: 4 / 5; overflow: hidden; min-height: 0;
  padding: var(--wp--preset--spacing--30); background-color: var(--wp--preset--color--surface); border-radius: var(--wp--custom--radio--boton);
}
.wp-block-media-text.fae-persona > .wp-block-media-text__media img { width: auto; height: auto; max-width: 100%; max-height: 100%; object-fit: contain; box-shadow: 0 1px 2px rgba(20, 26, 34, .08); }

/* R5 · Tableta (600-781 px): lo que a ese ancho se estiraba a 720 px */
@media (min-width: 700px) and (max-width: 1023.98px) { .fae-seguir .fae-rejilla-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } } /* 3 tarjetas: no 2 + 1 */
@media (max-width: 1023.98px) { .fae-destacada .wp-block-post-excerpt { max-width: 36rem; } } /* unos 72 caracteres por línea (a 768 eran 95); en el escritorio, como estaba */
@media (max-width: 781.98px) {
  .fae-contacto__datos, .fae-resumen-errores { max-width: 34rem; }
  .fae-lectura { max-width: var(--wp--style--global--content-size); margin-left: auto !important; margin-right: auto !important; gap: var(--wp--preset--spacing--40) !important; }
}
.fae-resumen-errores { max-width: 34rem; } /* al ancho de los campos, no más */

/* R6 · Signaturas legibles también dentro de una procedencia (salían a 9,8 px en el móvil) */
:where(.wp-block-post-content, .is-style-ficha, .wp-block-quote, .fae-muestra, .fae-meta__signatura, .fae-registro__signatura) code:not(.wp-block-code code) { font-size: max(0.82em, 0.75rem); }

/* R7 · Descargas: un nombre de fichero sin espacios se parte (a 320 sacaba la página a 571 px); el botón, a 44 px */
.wp-block-file > a:first-child { min-width: 0; overflow-wrap: anywhere; }
.wp-block-file .wp-block-file__button { min-height: 44px; }

/* R8 · El foco del vídeo, el anillo azul de toda la web, por fuera (era blanco y metido dentro de la miniatura): mientras
   tiene el foco, la caja no recorta (las esquinas redondeadas las lleva la propia miniatura) */
.fae-video__fachada img { border-radius: inherit; }
.fae-video__fachada:has(.fae-video__boton:focus-visible) { overflow: visible; }
.fae-video__boton:focus-visible { outline: 2px solid var(--wp--preset--color--primary) !important; outline-offset: 3px; border-radius: var(--wp--custom--radio--boton); }

/* R9 · Entre un encabezado y el vídeo que le sigue, el aire de un encabezado (16 px), no el de una foto (40) */
.fae-texto > .wp-block-heading + .wp-block-embed { margin-top: var(--wp--preset--spacing--40) !important; }

/* R10 · «Anterior» y «Siguiente» de la serie y de la galería: toda la caja lleva a su entrega (antes solo el título;
   la flecha y la palabra no se podían pulsar) */
.fae-serie .wp-block-post-navigation-link { position: relative; }
.fae-serie .wp-block-post-navigation-link a::after { content: ""; position: absolute; inset: 0; }

/* R11 · Los botones cambian de color en 200 ms, como pide DESIGN.md (era de golpe) */
.wp-element-button, .wp-block-button__link { transition: background-color 200ms ease, color 200ms ease, border-color 200ms ease; }
@media (prefers-reduced-motion: reduce) { .wp-element-button, .wp-block-button__link { transition: none; } }

/* R12 · «Saltar al contenido», con la letra de la interfaz (salía en Spectral de 20 px) */
.skip-link.screen-reader-text:focus { font-family: var(--wp--preset--font-family--archivo); font-size: var(--wp--preset--font-size--sm); font-weight: 600; }

/* R13 · «Ampliar» (el botón que pone el núcleo en cada foto de una galería con «Ampliar al pulsar»): de 20 a 32 px, para
   el dedo (la norma pide 24 como mínimo) */
.wp-lightbox-container button.lightbox-trigger { min-width: 32px; min-height: 32px; }

/* R14 · «Ampliar», por debajo de la cabecera fija: el núcleo le da capa 100 (la cabecera tiene 50) y, al cerrar la foto
   ampliada, el botón se queda visible con el foco y pasaba por encima de la cabecera al bajar. Con 1 basta para estar
   sobre la foto. En las galerías «Fotos» y «Documentos», en la esquina del paspartú: el núcleo calcula su sitio para
   fotos que llenan la caja y, con la foto centrada dentro del paspartú, lo dejaba a media altura de la foto */
.wp-lightbox-container button.lightbox-trigger { z-index: 1; }
:is(.is-style-fotos, .is-style-documentos) .wp-lightbox-container button.lightbox-trigger { top: var(--wp--preset--spacing--30) !important; right: var(--wp--preset--spacing--30) !important; }


/* A1 · Accesibilidad (fase 7b): el anillo de foco del desplegable «En esta sección» rodea la caja entera, que es lo que
   se ve como botón (en el resumen quedaba metido dentro, pegado al texto) */
.fae-indice--plegable:has(> summary:focus-visible) { outline: 2px solid var(--wp--preset--color--primary); outline-offset: 2px; }
.fae-indice--plegable > summary:focus-visible { outline: none; }

/* A2 · Las migas, más fáciles de tocar: 15 px de alto en el móvil → unos 26 px. El relleno de arriba y abajo de un
   enlace en línea agranda la zona que se pulsa (y el anillo de foco) sin mover nada de sitio */
.fae-migas a { padding-block: 0.36rem; }

/* A3 · Cortes de pantalla sin hueco (fase 7b): con la pantalla ampliada la ventana puede medir 1.179,3 px, y entonces
   no valía ni «hasta 1.179» ni «desde 1.180». Los de «hasta» van con .98 (599.98, 781.98, 899.98, 1023.98, 1099.98,
   1179.98); los de 600 px son «hasta 600 incluido», como los del núcleo (Medios y texto apilado, navegación). Lo comprueba
   _herramientas/maqueta/cortes.js */