/* Ajustes de WordPress sobre el diseño de sitios/tenmalab (ADR 0815). */

/* La envoltura de las partes de plantilla no debe crear caja: si no, el header pegajoso
   queda confinado a su envoltura y los selectores de hijo directo dejan de coincidir. */
.wp-site-blocks > .wp-block-template-part { display: contents; }
.wp-site-blocks > * { margin-block: 0; }

.screen-reader-text {
	border: 0; clip-path: inset(50%); height: 1px; margin: -1px; overflow: hidden;
	padding: 0; position: absolute; width: 1px; word-wrap: normal !important;
}
.screen-reader-text:focus {
	clip-path: none; height: auto; width: auto; left: 8px; top: 8px; z-index: 100000;
	background: #fff; color: #032854; padding: 12px 18px; border-radius: 8px;
}

/* Títulos y metadatos que pinta la plantilla (entradas y páginas antiguas). */
.art-head .wp-block-post-title { margin-top: 18px; }
.wp-block-post-terms.eyebrow a { color: inherit; }
.wp-block-post-terms.eyebrow .wp-block-post-terms__separator { margin-right: 6px; }
.art-head .wp-block-search { margin-top: 18px; max-width: 520px; }

/* Contenido heredado (clásico o Elementor) leído con la tipografía del artículo. Solo en la
   plantilla single (post-content con art-body): los artículos del diseño traen su CSS. */
.wp-block-post-content.art-body img { height: auto; margin: 18px 0; border-radius: 10px; }
.wp-block-post-content.art-body h3 { color: #032854; font-size: 19px; line-height: 1.35; margin: 28px 0 10px; }
.wp-block-post-content.art-body h4 { color: #032854; font-size: 17px; margin: 22px 0 8px; }
.wp-block-post-content.art-body ol { margin: 14px 0 0 22px; }
.wp-block-post-content.art-body p a, .wp-block-post-content.art-body li a { color: #0166E2; text-decoration: underline; text-underline-offset: 2px; }
.wp-block-post-content.art-body figure { margin: 18px 0; }
.wp-block-post-content.art-body iframe, .wp-block-post-content.art-body video { max-width: 100%; }
.wp-block-post-content.art-body table { width: 100%; border-collapse: collapse; margin-top: 16px; font-size: 15px; }
.wp-block-post-content.art-body th, .wp-block-post-content.art-body td { border: 1px solid #DDE5EF; padding: 8px 10px; text-align: left; }

/* Listado del blog. */
.tl-lista { max-width: 1080px; margin: 0 auto; padding: 36px 24px 72px; }
.tl-tarjetas { list-style: none; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 20px; }
.tl-tarjetas > li { border: 1px solid #DDE5EF; border-radius: 14px; padding: 22px; background: #fff; display: flex; flex-direction: column; gap: 8px; }
.tl-fecha { font-family: 'IBM Plex Mono', ui-monospace, monospace; font-size: 12px; color: #5E7189; }
.tl-titulo { font-size: 19px; line-height: 1.3; color: #032854; font-weight: 700; }
.tl-titulo a:hover { color: #0166E2; }
.tl-resumen { font-size: 15.5px; }
.tl-resumen .wp-block-post-excerpt__more-link { color: #0166E2; font-weight: 600; }
.tl-paginacion { display: flex; gap: 14px; justify-content: center; margin-top: 36px; font-weight: 600; }
.tl-paginacion .current { color: #0166E2; }

/* Menú del inicio: con «Blog» son 8 entradas. En una línea, centradas y sin partir palabras; por
   debajo de 1200 px pasa al menú desplegable (el diseño original saltaba a dos y tres líneas). */
header .nav { gap: 28px; }
header .nav ul { align-items: center; gap: 22px; }
header .nav ul a, header .nav .btn { white-space: nowrap; }
@media (max-width: 1199px) {
	header .nav ul, header .nav .btn { display: none; }
	header .burger { display: block; }
}

/* Cabecera de las landings: «Blog» junto a «Volver» (construir_wp.py, ENLACES_BLOG). En móvil el
   logo ya lleva al inicio y no caben los dos enlaces. */
.nav .nav-enlaces { display: flex; align-items: center; gap: 22px; }
@media (max-width: 520px) {
	.nav .nav-enlaces a.volver[href="/"] { display: none; }
}
/* El CSS de las landings y artículos (.nav{padding:18px 0}) anulaba el margen lateral de .wrap: en
   móvil el logo y los enlaces quedaban pegados al borde. */
header .nav.wrap { padding-left: 24px; padding-right: 24px; }