/* =========================================================================
   TECNODIARIO — Sistema de diseño editorial "Hague"
   Tema hijo de GeneratePress. Todo el diseño vive aquí; nada de CSS inline.
   ========================================================================= */

/* Paleta tomada del logo del sitio:
     globo cian  #4ac3ed · "DIARIO" naranja #e99d42 · trazos azules #454a6c
   Los tonos de texto son versiones oscurecidas para cumplir WCAG AA. */
:root {
	--hg-navy:      #232845; /* cabecera y pie                              */
	--hg-navy-dk:   #1a1f38; /* titulares y texto sobre naranja — 16.2:1    */
	--hg-cyan:      #4ac3ed; /* cian del logo (solo sobre oscuro — 7.1:1)   */
	--hg-orange:    #e99d42; /* naranja del logo (fondo de botón)           */

	--hg-ink:       #1a1f38; /* titulares */
	--hg-body:      #33363b; /* texto corrido  — 12.1:1 sobre blanco */
	--hg-muted:     #62666d; /* fechas y metadatos — 5.8:1 sobre blanco */
	--hg-accent:    #0a5f80; /* cian oscurecido para texto — 7.1:1 sobre blanco */
	--hg-accent-dk: #084c67;
	--hg-on-dark:   #dfe3f0; /* texto secundario sobre navy — 11.2:1 */
	--hg-line:      #e4e6e9;
	--hg-line-soft: #f1f2f4;
	--hg-bg:        #ffffff;
	--hg-bg-soft:   #f7f8f9;

	--hg-sans: "Inter", "Helvetica Neue", Helvetica, Arial, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;

	--hg-wrap: 1240px;
	--hg-radius: 11px; /* radio único de todo el sitio */
}

/* ---------- Base ----------------------------------------------------- */

body {
	color: var(--hg-body);
	font-family: var(--hg-sans);
	font-size: 17px;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;

	/* Decoración de los márgenes laterales: la misma familia de motivos del
	   héroe (onda de sonido, reproducir y pantalla) más la trama de puntos.
	   Van en el fondo del body y quedan tapados por #page, así que solo
	   asoman en el espacio sobrante a los lados del contenido — en móvil,
	   donde no hay márgenes, no se ven.
	   Coste: dos data URI y un degradado. Ninguna petición HTTP, nada de JS,
	   ninguna imagen que descargar y sin `background-attachment: fixed`
	   (que penaliza el desplazamiento). */
	background-color: var(--hg-bg);
	background-image:
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 380'%3E%3Cg stroke='%23232845' stroke-width='3' stroke-linecap='round' fill='none' opacity='.09'%3E%3Cpath d='M18 62V38M30 72V28M42 56V44M54 78V22M66 64V36M78 54V46'/%3E%3Ccircle cx='50' cy='190' r='26'/%3E%3Cpath d='M42 177l20 13-20 13z' fill='%23232845' stroke='none'/%3E%3Crect x='16' y='300' width='68' height='46' rx='5'/%3E%3Cpath d='M36 356h28'/%3E%3C/g%3E%3C/svg%3E"),
		url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 380'%3E%3Cg stroke='%23232845' stroke-width='3' stroke-linecap='round' fill='none' opacity='.09'%3E%3Crect x='16' y='34' width='68' height='46' rx='5'/%3E%3Cpath d='M36 90h28'/%3E%3Ccircle cx='50' cy='190' r='26'/%3E%3Cpath d='M42 177l20 13-20 13z' fill='%23232845' stroke='none'/%3E%3Cpath d='M18 322V298M30 332V288M42 316V304M54 338V282M66 324V296M78 314V306'/%3E%3C/g%3E%3C/svg%3E"),
		radial-gradient(circle, rgba(35, 40, 69, .10) 1px, transparent 1px);
	background-position: left 26px top 150px, right 26px top 260px, 0 0;
	background-repeat: repeat-y, repeat-y, repeat;
	background-size: 100px 380px, 100px 380px, 24px 24px;
}

/* El contenido tapa la decoración: solo se ve en los laterales. */
#page {
	background: var(--hg-bg);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--hg-sans);
	color: var(--hg-ink);
	font-weight: 700;
	line-height: 1.2;
	letter-spacing: -0.018em;
}

a { color: var(--hg-accent); text-decoration: none; }
a:hover, a:focus { color: var(--hg-accent-dk); }

.site-content { padding-top: 0; }

/* GeneratePress mete padding lateral por contenedor; lo unificamos. */
.site.grid-container,
.site-content .container {
	max-width: var(--hg-wrap);
}

:where(a, button, input, select, textarea):focus-visible {
	outline: 2px solid var(--hg-accent);
	outline-offset: 2px;
}

@media (prefers-reduced-motion: reduce) {
	* { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* ---------- Cabecera -------------------------------------------------- */

.site-header {
	background: var(--hg-navy);
	border-bottom: 0;
}

.site-header .inside-header {
	max-width: var(--hg-wrap);
	margin-inline: auto;
	padding: 14px 20px;
	display: flex;
	align-items: center;
	gap: 18px;
}

/* Marca a la izquierda; buscador y botón empujados al extremo derecho.
   Ojo: GeneratePress solo envuelve en .site-branding-container cuando muestra
   logo Y título. Aquí el título está desactivado, así que el elemento real es
   .site-logo — apuntar al contenedor no funciona. */
.site-header .site-logo,
.site-header .site-branding-container {
	order: 1;
	margin: 0 auto 0 0; /* el auto de la derecha separa la marca del resto */
	padding: 0;
	float: none;
	display: flex;
	align-items: center;
	gap: 12px;
}

.site-header .site-branding { margin: 0; padding: 0; float: none; }

/* Sobre el navy el logo se ve entero (la palabra "TECNO" es blanca), así que
   se muestra la imagen y sobra el título repetido. */
.site-header .site-branding-container .site-branding { display: none; }

.site-header .site-logo img {
	max-height: 44px;
	width: auto;
	display: block;
}

.site-header .site-logo img {
	max-height: 54px;
	width: auto;
}

.site-header .main-title {
	font-size: 26px;
	font-weight: 800;
	letter-spacing: 0.015em;
	text-transform: uppercase;
	margin: 0;
	line-height: 1.05;
}

.site-header .main-title a { color: #fff; }
.site-header .site-description { display: none; }

/* Buscador (derecha, sobre navy) */
.hg-head-tools {
	order: 2;
	width: 100%;
	max-width: 260px;
}

.hg-search {
	display: flex;
	align-items: center;
	gap: 8px;
	background: rgba(255, 255, 255, .10);
	border: 1px solid rgba(255, 255, 255, .22);
	border-radius: 4px;
	padding: 7px 13px;
}

.hg-search input[type="search"] {
	border: 0;
	background: transparent;
	padding: 0;
	margin: 0;
	width: 100%;
	font-size: 13.5px;
	line-height: 1.5;
	color: #fff;
	box-shadow: none;
}

.hg-search input[type="search"]:focus { outline: 0; }
.hg-search input::placeholder { color: var(--hg-on-dark); opacity: 1; }

.hg-search button {
	background: transparent;
	border: 0;
	padding: 0;
	color: #fff;
	line-height: 0;
	cursor: pointer;
}

.hg-search button:hover { color: var(--hg-cyan); }

/* (Se retiró el botón "Assinar": no había newsletter detrás, solo enlazaba a
   la página de contacto, que ya está en el menú y en el pie.) */

/* ---------- Navegación ------------------------------------------------ */

.main-navigation {
	background: var(--hg-bg);
	border-bottom: 1px solid var(--hg-line);
}

.main-navigation .inside-navigation {
	max-width: var(--hg-wrap);
	margin-inline: auto;
	padding: 0 20px;
}

.main-navigation .main-nav > ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: flex-start;
	gap: 0 28px;
}

.main-navigation .main-nav ul li a {
	color: var(--hg-ink);
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.045em;
	text-transform: uppercase;
	line-height: 1;
	padding: 14px 0;
	border-bottom: 3px solid transparent;
}

.main-navigation .main-nav ul li:hover > a,
.main-navigation .main-nav ul li:focus > a,
.main-navigation .main-nav ul li.sfHover > a {
	background: transparent;
	color: var(--hg-accent);
}

.main-navigation .main-nav ul li.current-menu-item > a,
.main-navigation .main-nav ul li.current_page_item > a {
	background: transparent;
	color: var(--hg-ink);
	border-bottom-color: var(--hg-orange);
}

/* Submenús */
.main-navigation ul ul {
	background: var(--hg-bg);
	border: 1px solid var(--hg-line);
	box-shadow: 0 10px 26px rgba(11, 11, 12, .09);
	width: 230px;
	padding: 6px 0;
}

.main-navigation ul ul li a {
	padding: 9px 16px;
	font-size: 13.5px;
	border-bottom: 0;
}

.main-navigation ul ul li:hover > a { background: var(--hg-bg-soft); }

.main-navigation .menu-toggle {
	color: var(--hg-ink);
	font-size: 14px;
	font-weight: 600;
}

/* ---------- Piezas compartidas ---------------------------------------- */

.hg-kicker {
	display: inline-block;
	color: var(--hg-accent);
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.085em;
	text-transform: uppercase;
	line-height: 1.3;
	margin-bottom: 7px;
}

.hg-kicker:hover { color: var(--hg-accent-dk); }

.hg-meta {
	display: block;
	color: var(--hg-muted);
	font-size: 12.5px;
	font-weight: 400;
	letter-spacing: 0;
	line-height: 1.5;
	margin-top: 7px;
}

.hg-center { text-align: center; }

.hg-front { padding-bottom: 10px; }

/* ---------- Portada: héroe -------------------------------------------- */

/* ---------- Héroe de portada ------------------------------------------
   Banda de marca a sangre dentro del contenedor (los márgenes negativos
   cancelan el padding de .site-main; no se usa 100vw para no provocar
   desbordamiento horizontal cuando aparece la barra de scroll). */

.hg-hero-band {
	position: relative;
	overflow: hidden;
	/* Sin sangrado negativo en escritorio: el contenedor solo tiene margen
	   sobrante cuando la ventana supera los 1240px, así que un -20px fijo
	   desbordaba a lo ancho entre 769px y 1279px. La banda ocupa el ancho
	   del contenido y ya está. */
	margin: 0 0 34px;
	padding: 54px 40px 48px;
	background:
		radial-gradient(58% 120% at 82% 12%, rgba(74, 195, 237, .30) 0%, rgba(74, 195, 237, 0) 62%),
		radial-gradient(48% 110% at 8% 92%, rgba(233, 157, 66, .22) 0%, rgba(233, 157, 66, 0) 60%),
		linear-gradient(140deg, #2a3053 0%, var(--hg-navy) 46%, var(--hg-navy-dk) 100%);
	color: #fff;
	text-align: center;
}

/* Texturas de fondo alusivas a los temas del sitio (onda de audio, botón de
   reproducción, pantalla y placa de circuito). Son un SVG en línea como data
   URI y un degradado repetido: cero peticiones HTTP, cero JS, cero imágenes
   que descargar y sin reservar espacio, así que no tocan LCP ni CLS. */
.hg-hero-band::before,
.hg-hero-band::after {
	content: "";
	position: absolute;
	pointer-events: none;
	z-index: 0;
}

/* Trama de puntos, como la placa del logo */
.hg-hero-band::before {
	inset: 0;
	background-image: radial-gradient(circle, rgba(255, 255, 255, .12) 1px, transparent 1px);
	background-size: 22px 22px;
	-webkit-mask-image: linear-gradient(115deg, #000 0%, transparent 58%);
	mask-image: linear-gradient(115deg, #000 0%, transparent 58%);
	opacity: .55;
}

/* Iconos: onda de sonido, reproducir y pantalla */
.hg-hero-band::after {
	right: -30px;
	bottom: -18px;
	width: 380px;
	height: 160px;
	opacity: .13;
	background-repeat: no-repeat;
	background-position: right bottom;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 300 120'%3E%3Cg stroke='%23ffffff' stroke-width='3' stroke-linecap='round' fill='none'%3E%3Cpath d='M8 74V46M22 86V34M36 68V52M50 92V28M64 72V48M78 80V40M92 64V56'/%3E%3Ccircle cx='152' cy='60' r='27'/%3E%3Cpath d='M144 47l21 13-21 13z' fill='%23ffffff' stroke='none'/%3E%3Crect x='214' y='30' width='76' height='52' rx='5'/%3E%3Cpath d='M238 92h28'/%3E%3C/g%3E%3C/svg%3E");
}

.hg-hero-band__inner {
	position: relative;
	z-index: 1;
	max-width: none; /* el héroe ocupa el ancho del bloque, sin estrechar */
	margin-inline: auto;
}

.hg-hero-band__eyebrow {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.18em;
	text-transform: uppercase;
	color: var(--hg-cyan);
	margin: 0 0 14px;
}

.hg-hero-band__title {
	font-size: 52px;
	line-height: 1.06;
	letter-spacing: -0.034em;
	margin: 0;
	color: #fff;
}

/* Filete naranja del logo bajo el titular */
.hg-hero-band__title::after {
	content: "";
	display: block;
	width: 72px;
	height: 3px;
	background: var(--hg-orange);
	margin: 22px auto 0;
}

.hg-hero-band__sub {
	font-size: 18px;
	line-height: 1.62;
	color: var(--hg-on-dark);
	margin: 22px auto 0;
	max-width: none; /* a lo ancho del héroe, sin columna estrecha */
	text-wrap: pretty;
}

.hg-hero-band__links {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 10px;
	margin-top: 26px;
}

.hg-hero-band__links a {
	display: inline-block;
	padding: 8px 16px;
	border: 1px solid rgba(255, 255, 255, .30);
	border-radius: 999px;
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: #fff;
	transition: background .15s ease, border-color .15s ease;
}

.hg-hero-band__links a:hover,
.hg-hero-band__links a:focus {
	background: var(--hg-orange);
	border-color: var(--hg-orange);
	color: var(--hg-navy-dk);
}

/* Los tres destacados, dentro de la banda y sobre el fondo oscuro. */
.hg-hero-band__grid {
	position: relative;
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	align-items: start;
	margin-top: 44px;
	padding-top: 40px;
	border-top: 1px solid rgba(255, 255, 255, .16);
	text-align: left;
}

.hg-hero-band__grid .hg-feature__media { margin-bottom: 14px; }

.hg-hero-band__grid .hg-feature__media img {
	aspect-ratio: 16 / 10;
	background: rgba(255, 255, 255, .06);
}

.hg-hero-band__grid .hg-kicker { color: var(--hg-cyan); }
.hg-hero-band__grid .hg-kicker:hover { color: #fff; }

.hg-hero-band__grid .hg-feature__title { font-size: 20px; }
.hg-hero-band__grid .hg-feature__title a { color: #fff; }
.hg-hero-band__grid .hg-feature__title a:hover { color: var(--hg-cyan); }

.hg-hero-band__grid .hg-meta { color: var(--hg-on-dark); }

.hg-hero {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 28px;
	align-items: start;
	padding: 28px 0 32px;
	border-bottom: 1px solid var(--hg-line);
}

/* Pieza destacada: las tres tienen el mismo peso visual. */
.hg-feature { min-width: 0; }

.hg-feature__media { display: block; margin-bottom: 12px; }

.hg-feature__media img {
	width: 100%;
	aspect-ratio: 16 / 9;
	object-fit: cover;
	display: block;
	background: var(--hg-bg-soft);
}

.hg-feature__title {
	font-size: 22px;
	line-height: 1.22;
	letter-spacing: -0.02em;
	margin: 0;
}

.hg-feature__title a { color: var(--hg-ink); }
.hg-feature__title a:hover { color: var(--hg-accent); }

/* Bloque de lista horizontal: miniatura a la izquierda del titular. */
.hg-listblock { padding-top: 22px; }

.hg-list {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0 40px;
}

.hg-list__item {
	display: grid;
	grid-template-columns: 132px 1fr;
	gap: 16px;
	align-items: start;
	padding: 16px 0;
	border-bottom: 1px solid var(--hg-line);
	margin: 0;
}

.hg-list__media { display: block; }

.hg-list__media img {
	width: 132px;
	height: 84px;
	object-fit: cover;
	display: block;
	background: var(--hg-bg-soft);
}

.hg-list__body { min-width: 0; }

.hg-list__title {
	font-size: 16px;
	line-height: 1.28;
	letter-spacing: -0.014em;
	margin: 0;
}

.hg-list__title a { color: var(--hg-ink); }
.hg-list__title a:hover { color: var(--hg-accent); }

.hg-hero-col { min-width: 0; }

/* Columna izquierda */
.hg-side-item + .hg-side-item {
	border-top: 1px solid var(--hg-line);
	margin-top: 22px;
	padding-top: 22px;
}

.hg-side-item img {
	width: 100%;
	aspect-ratio: 16 / 10;
	object-fit: cover;
	display: block;
	margin-bottom: 12px;
}

.hg-side-item .hg-title {
	font-size: 17px;
	line-height: 1.28;
	margin: 0;
}

.hg-title a { color: var(--hg-ink); }
.hg-title a:hover { color: var(--hg-accent); }

/* Columna central */
.hg-hero-main {
	border-inline: 1px solid var(--hg-line);
	padding-inline: 32px;
	text-align: center;
}

.hg-hero-main img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
	margin-bottom: 20px;
}

.hg-hero-main .hg-title {
	font-size: 34px;
	line-height: 1.13;
	letter-spacing: -0.03em;
	margin: 2px 0 14px;
}

.hg-hero-main .hg-excerpt {
	font-size: 15px;
	line-height: 1.6;
	color: var(--hg-body);
	margin: 0 auto 12px;
	max-width: 42em;
}

.hg-hero-main .hg-meta { margin-top: 0; }

/* Columna derecha */
.hg-latest-head {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	padding-bottom: 10px;
	margin: 0;
	border-bottom: 1px solid var(--hg-ink);
}

.hg-latest-item {
	display: grid;
	grid-template-columns: 1fr 78px;
	gap: 14px;
	align-items: start;
	padding: 15px 0;
	border-bottom: 1px solid var(--hg-line);
}

.hg-latest-item:last-child { border-bottom: 0; padding-bottom: 0; }

.hg-latest-item img {
	width: 78px;
	height: 62px;
	object-fit: cover;
	display: block;
}

.hg-latest-item .hg-title {
	font-size: 14.5px;
	line-height: 1.3;
	margin: 0;
}

.hg-latest-item .hg-meta { margin-top: 5px; }

/* ---------- Portada: presentación ------------------------------------- */

/* (El texto de bienvenida se retiró de la portada.) */

/* ---------- Portada: secciones por categoría -------------------------- */

.hg-section { padding: 26px 0 6px; }

.hg-section-head {
	display: flex;
	align-items: baseline;
	justify-content: space-between;
	gap: 16px;
	border-bottom: 2px solid var(--hg-orange);
	padding-bottom: 9px;
	margin-bottom: 24px;
}

.hg-section-title {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0;
}

.hg-viewall {
	font-size: 13px;
	font-weight: 600;
	color: var(--hg-accent);
	white-space: nowrap;
}

.hg-grid {
	display: grid;
	grid-template-columns: repeat(4, 1fr);
	gap: 32px 24px;
}

/* Distribución "destaque": una pieza grande y tres filas al lado. */
.hg-split {
	display: grid;
	grid-template-columns: 1.35fr 1fr;
	gap: 34px;
	align-items: start;
}

/* Pieza de portada: el texto va sobre la imagen, con velo oscuro para que
   siga leyéndose sea cual sea la foto. */
.hg-cover {
	position: relative;
	display: block;
	overflow: hidden;
	background: var(--hg-navy-dk);
}

.hg-cover__media { display: block; }

.hg-cover__media img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
	transition: transform .4s ease;
}

.hg-cover:hover .hg-cover__media img { transform: scale(1.03); }

.hg-cover__body {
	position: absolute;
	inset: auto 0 0 0;
	padding: 26px 26px 24px;
	background: linear-gradient(
		to top,
		rgba(16, 20, 38, .94) 0%,
		rgba(16, 20, 38, .86) 38%,
		rgba(16, 20, 38, .45) 72%,
		rgba(16, 20, 38, 0) 100%
	);
	pointer-events: none;
}

.hg-cover__body > * { pointer-events: auto; }

.hg-cover__body .hg-kicker { color: var(--hg-cyan); }
.hg-cover__body .hg-kicker:hover { color: #fff; }

.hg-cover__title {
	font-size: 27px;
	line-height: 1.18;
	letter-spacing: -0.026em;
	margin: 0;
	color: #fff;
	text-wrap: pretty;
}

.hg-cover__title a { color: #fff; }
.hg-cover__title a:hover { color: var(--hg-cyan); }

.hg-cover__meta {
	display: block;
	margin-top: 10px;
	font-size: 12.5px;
	color: var(--hg-on-dark);
}

.hg-split__rest {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hg-split__rest .hg-list__item:first-child { padding-top: 0; }
.hg-split__rest .hg-list__item:last-child { border-bottom: 0; }

/* En la distribución de lista las filas van a dos columnas. */
.hg-section--list .hg-list { grid-template-columns: repeat(2, 1fr); }

/* ---------- Tarjeta ---------------------------------------------------- */

.hg-card { min-width: 0; }

.hg-card__media { display: block; margin-bottom: 11px; }

.hg-card__media img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
	background: var(--hg-bg-soft);
}

.hg-card__title {
	font-size: 18px;
	line-height: 1.26;
	letter-spacing: -0.016em;
	margin: 0;
}

.hg-card__title a { color: var(--hg-ink); }
.hg-card__title a:hover { color: var(--hg-accent); }

.hg-card__excerpt {
	font-size: 14px;
	line-height: 1.55;
	color: var(--hg-body);
	margin: 9px 0 0;
}

/* ---------- Entrada individual: columna de lectura -------------------- */

/* En páginas sueltas el contenido usa el ancho del contenedor. En las entradas
   lo fija la columna con barra lateral. */
body.page:not(.home) .inside-article {
	max-width: none;
	margin-inline: auto;
}

body.single .featured-image,
body.single .post-image { margin-bottom: 24px; }

body.single .featured-image img,
body.single .post-image img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
}

.hg-single-kicker { margin-bottom: 8px; }

body.single .entry-header { margin-bottom: 22px; }

body.single .entry-meta {
	border-bottom: 1px solid var(--hg-line);
	padding-bottom: 14px;
	margin-top: 10px;
}

/* Contenido relacionado al pie de la entrada */
.hg-related {
	margin-top: 44px;
	padding-top: 4px;
	border-top: 1px solid var(--hg-line);
}

.hg-related .hg-section-head { margin-top: 26px; }

/* La columna del artículo es estrecha por la barra lateral: dos por fila. */
.hg-related .hg-grid { grid-template-columns: repeat(2, 1fr); gap: 26px 22px; }

.hg-related .hg-card__title { font-size: 16.5px; }

@media (max-width: 480px) {
	.hg-related .hg-grid { grid-template-columns: 1fr; }
}

/* Migas de Rank Math */
.rank-math-breadcrumb {
	font-size: 12.5px;
	color: var(--hg-muted);
	margin-bottom: 14px;
}

.rank-math-breadcrumb a { color: var(--hg-muted); text-decoration: underline; }
.rank-math-breadcrumb a:hover { color: var(--hg-accent); }

/* ---------- Entradas, páginas y archivos ------------------------------ */

.site-main .entry-title {
	font-size: 40px;
	line-height: 1.1;
	letter-spacing: -0.03em;
}

.site-main > .page-header,
.site-main .page-header {
	border-bottom: 1px solid var(--hg-line);
	padding-bottom: 16px;
	margin-bottom: 26px;
}

.entry-meta {
	color: var(--hg-muted);
	font-size: 13px;
}

.entry-meta a { color: var(--hg-muted); text-decoration: underline; }
.entry-meta a:hover { color: var(--hg-accent); }

.entry-content { font-size: 17px; line-height: 1.72; }

.entry-content > * + * { margin-top: 1.1em; }

.entry-content h2 { font-size: 27px; margin-top: 1.7em; }
.entry-content h3 { font-size: 21px; margin-top: 1.5em; }
.entry-content h4 { font-size: 18px; margin-top: 1.4em; }

.entry-content a { text-decoration: underline; text-underline-offset: 2px; }

.entry-content img { height: auto; }

.entry-content blockquote {
	border-left: 3px solid var(--hg-accent);
	padding: 2px 0 2px 20px;
	margin-inline: 0;
	color: var(--hg-ink);
	font-size: 18px;
}

.entry-content table { width: 100%; border-collapse: collapse; font-size: 15px; }
.entry-content th, .entry-content td { border: 1px solid var(--hg-line); padding: 10px 12px; text-align: left; }
.entry-content th { background: var(--hg-bg-soft); }

/* Rejilla de búsqueda y blog al estilo Hague.
   Los archivos ya no entran aquí: usan archive.php propio, con su banda de
   héroe y su .hg-grid, así que .site-main debe seguir siendo un bloque. */
body.search .site-main,
body.blog .site-main {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 34px 24px;
	align-items: start;
}

body.archive .site-main { display: block; }

.hg-noresults {
	font-size: 16.5px;
	color: var(--hg-body);
	padding: 20px 0 40px;
}

body.archive .site-main > .page-header,
body.search .site-main > .page-header,
body.blog .site-main > .page-header,
body.archive .site-main > .paging-navigation,
body.search .site-main > .paging-navigation,
body.blog .site-main > .paging-navigation,
body.archive .site-main > .no-results,
body.search .site-main > .no-results {
	grid-column: 1 / -1;
}

body.archive .site-main > article,
body.search .site-main > article,
body.blog .site-main > article {
	margin: 0;
	border: 0;
	padding: 0;
	background: transparent;
	box-shadow: none;
}

body.archive .inside-article,
body.search .inside-article,
body.blog .inside-article { padding: 0; }

body.archive .post-image,
body.search .post-image,
body.blog .post-image { margin: 0 0 11px; }

body.archive .post-image img,
body.search .post-image img,
body.blog .post-image img {
	width: 100%;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	display: block;
	background: var(--hg-bg-soft);
}

body.archive .site-main .entry-title,
body.search .site-main .entry-title,
body.blog .site-main .entry-title {
	font-size: 18px;
	line-height: 1.26;
	letter-spacing: -0.016em;
	margin: 0;
}

body.archive .site-main .entry-title a,
body.search .site-main .entry-title a,
body.blog .site-main .entry-title a { color: var(--hg-ink); }

body.archive .entry-summary,
body.search .entry-summary,
body.blog .entry-summary { font-size: 14px; line-height: 1.55; margin-top: 9px; }

/* ---------- Ficha de autor -------------------------------------------
   Misma banda del héroe de portada: la foto encabeza centrada y el texto
   va debajo, con el mismo eje que el resto de héroes del sitio. */

.hg-hero-band--author { padding: 44px 40px 40px; }

.hg-author {
	display: flex;
	flex-direction: column;
	align-items: center;
}

.hg-author__photo { flex: 0 0 auto; margin-bottom: 24px; }

.hg-author__photo img {
	display: block;
	width: 200px;
	height: 200px;
	object-fit: cover;
	border: 3px solid rgba(255, 255, 255, .22);
	background: var(--hg-navy-dk);
}

.hg-author__info { min-width: 0; width: 100%; }

.hg-hero-band--author .hg-hero-band__title { font-size: 40px; }

.hg-hero-band--author .hg-hero-band__sub {
	font-size: 16.5px;
	line-height: 1.68;
	margin-top: 18px;
}

/* Datos verificables: nº de publicaciones, antigüedad y sitio web. */
.hg-author__facts {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	gap: 10px 22px;
	list-style: none;
	margin: 18px 0 0;
	padding: 0;
	font-size: 13.5px;
	color: var(--hg-on-dark);
}

.hg-author__facts li { position: relative; }

/* Separador entre datos, sin nodos extra en el HTML */
.hg-author__facts li + li::before {
	content: "";
	position: absolute;
	left: -12px;
	top: 50%;
	width: 1px;
	height: 13px;
	margin-top: -6px;
	background: rgba(255, 255, 255, .28);
}

.hg-author__facts strong {
	color: #fff;
	font-size: 15px;
	font-weight: 700;
}

.hg-author__facts a { color: var(--hg-cyan); }
.hg-author__facts a:hover,
.hg-author__facts a:focus { color: #fff; text-decoration: underline; }

.hg-author__heading { margin: 0 0 18px; color: var(--hg-muted); }

@media (max-width: 600px) {

	.hg-author__photo { margin-bottom: 18px; }
	.hg-author__photo img { width: 140px; height: 140px; }
}

/* ---------- Descripción de la sección, plegable -----------------------
   Va dentro de la banda oscura del héroe. El desplegable es <details>
   nativo: sin JavaScript, accesible con teclado y sin salto de maquetación
   porque el contenido oculto no reserva espacio. */

.hg-desc {
	position: relative;
	z-index: 1;
	margin-top: 22px;
	color: var(--hg-on-dark);
	font-size: 17px;
	line-height: 1.62;
	text-wrap: pretty;
}

.hg-desc p { margin: 0 0 14px; }
.hg-desc p:last-child { margin-bottom: 0; }

.hg-desc a { color: var(--hg-cyan); text-decoration: underline; }
.hg-desc a:hover,
.hg-desc a:focus { color: #fff; }

.hg-desc strong,
.hg-desc b { color: #fff; }

/* Encabezados y listas dentro de la descripción larga. */
.hg-desc h2,
.hg-desc h3,
.hg-desc h4 {
	color: #fff;
	font-size: 19px;
	line-height: 1.3;
	margin: 22px 0 10px;
}

.hg-desc ul,
.hg-desc ol { margin: 0 0 14px; padding-left: 20px; text-align: left; }
.hg-desc li { margin-bottom: 6px; }

.hg-desc img { max-width: 100%; height: auto; }

/* El disparador, con aspecto de botón. */
.hg-desc__more { margin-top: 6px; }

.hg-desc__more > summary {
	display: inline-flex;
	align-items: center;
	gap: 7px;
	padding: 8px 16px;
	border: 1px solid rgba(255, 255, 255, .30);
	border-radius: var(--hg-radius);
	font-size: 13px;
	font-weight: 600;
	letter-spacing: 0.03em;
	color: #fff;
	cursor: pointer;
	list-style: none;
	transition: background .15s ease, border-color .15s ease;
}

/* Fuera el triangulito por defecto (WebKit lo pinta aparte). */
.hg-desc__more > summary::-webkit-details-marker { display: none; }

.hg-desc__more > summary:hover,
.hg-desc__more > summary:focus-visible {
	background: var(--hg-orange);
	border-color: var(--hg-orange);
	color: var(--hg-navy-dk);
}

/* Flecha propia, que gira al abrir. */
.hg-desc__more > summary::after {
	content: "";
	width: 7px;
	height: 7px;
	border-right: 2px solid currentColor;
	border-bottom: 2px solid currentColor;
	transform: translateY(-2px) rotate(45deg);
	transition: transform .18s ease;
}

.hg-desc__more[open] > summary::after { transform: translateY(1px) rotate(-135deg); }

/* Un solo rótulo visible según el estado. */
.hg-desc__hide { display: none; }
.hg-desc__more[open] .hg-desc__show { display: none; }
.hg-desc__more[open] .hg-desc__hide { display: inline; }

/* El primer párrafo va centrado, como el resto del héroe, pero el bloque
   largo se alinea a la izquierda: un texto de 300 palabras centrado obliga
   al ojo a buscar el comienzo de cada línea. */
.hg-desc__rest {
	margin-top: 18px;
	text-align: left;
}

.hg-desc__rest h2:first-child,
.hg-desc__rest h3:first-child { margin-top: 0; }

@media (prefers-reduced-motion: reduce) {
	.hg-desc__more > summary,
	.hg-desc__more > summary::after { transition: none; }
}

/* Banda del héroe en archivos: algo más compacta que en portada */
.hg-hero-band--archive { padding: 44px 40px 40px; }
.hg-hero-band--archive .hg-hero-band__title { font-size: 42px; }
.hg-hero-band--archive .hg-hero-band__sub { font-size: 17px; }

.hg-front > .hg-grid { margin-bottom: 12px; }

/* Cabecera de archivo */
.page-header .page-title {
	font-size: 13px;
	font-weight: 700;
	letter-spacing: 0.1em;
	text-transform: uppercase;
	margin: 0;
}

.page-header .taxonomy-description { font-size: 15px; color: var(--hg-body); margin-top: 10px; }

/* Paginación */
.paging-navigation .nav-links a,
.paging-navigation .nav-links .page-numbers {
	border: 1px solid var(--hg-line);
	padding: 8px 13px;
	font-size: 14px;
	font-weight: 600;
	color: var(--hg-ink);
	display: inline-block;
	margin: 0 4px 6px 0;
}

.paging-navigation .nav-links .page-numbers.current {
	background: var(--hg-ink);
	color: #fff;
	border-color: var(--hg-ink);
}

/* ---------- Barra lateral de las entradas ----------------------------- */

.hg-sidebar {
	position: sticky;
	top: 20px;
	font-size: 14.5px;
}

.hg-side-block { margin-bottom: 32px; }

.hg-side-head {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: var(--hg-ink);
	padding-bottom: 9px;
	margin: 0 0 12px;
	border-bottom: 2px solid var(--hg-orange);
}

/* Numeración del ranking en "Mais lidas". El contador va en CSS: no añade
   nodos al HTML y los lectores de pantalla leen el titular, no el número. */
.hg-side-block--rank .hg-side-list { counter-reset: hg-rank; }

.hg-side-block--rank .hg-side-list li { position: relative; }

.hg-side-block--rank .hg-side-thumb::after {
	counter-increment: hg-rank;
	content: counter(hg-rank);
	position: absolute;
	left: 0;
	top: 12px;
	width: 22px;
	height: 22px;
	display: grid;
	place-items: center;
	font-size: 12px;
	font-weight: 700;
	color: #fff;
	background: var(--hg-navy);
	border-radius: var(--hg-radius);
	pointer-events: none;
}

/* Salida hacia la sección completa, bajo la lista temática. */
.hg-side-more {
	display: inline-block;
	margin-top: 12px;
	font-size: 13px;
	font-weight: 600;
	color: var(--hg-accent);
}

.hg-side-more:hover,
.hg-side-more:focus { text-decoration: underline; }

.hg-side-list { list-style: none; margin: 0; padding: 0; }

.hg-side-list li {
	display: grid;
	grid-template-columns: 72px 1fr;
	gap: 12px;
	align-items: start;
	padding: 12px 0;
	border-bottom: 1px solid var(--hg-line);
	margin: 0;
}

.hg-side-list li:last-child { border-bottom: 0; }

.hg-side-thumb img {
	width: 72px;
	height: 56px;
	object-fit: cover;
	display: block;
	background: var(--hg-bg-soft);
}

.hg-side-title {
	display: block;
	font-size: 14px;
	font-weight: 700;
	line-height: 1.3;
	color: var(--hg-ink);
	letter-spacing: -0.01em;
}

.hg-side-title:hover { color: var(--hg-accent); }

.hg-side-list time {
	display: block;
	margin-top: 5px;
	font-size: 12.5px;
	color: var(--hg-muted);
}

/* Secciones como etiquetas */
.hg-side-tags {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
}

.hg-side-tags li { margin: 0; }

.hg-side-tags a {
	display: inline-block;
	padding: 6px 12px;
	border: 1px solid var(--hg-line);
	border-radius: 999px;
	font-size: 12.5px;
	font-weight: 600;
	color: var(--hg-ink);
}

.hg-side-tags a:hover {
	background: var(--hg-navy);
	border-color: var(--hg-navy);
	color: #fff;
}

/* ---------- Página 404 ------------------------------------------------- */

.hg-404-search {
	display: flex;
	gap: 8px;
	max-width: 460px;
	margin: 26px auto 0;
}

.hg-404-search input[type="search"] {
	flex: 1 1 auto;
	min-width: 0;
	border: 1px solid rgba(255, 255, 255, .30);
	background: rgba(255, 255, 255, .10);
	border-radius: 4px;
	padding: 10px 14px;
	font-size: 14.5px;
	color: #fff;
}

.hg-404-search input::placeholder { color: var(--hg-on-dark); opacity: 1; }

.hg-404-search button {
	flex: 0 0 auto;
	background: var(--hg-orange);
	color: var(--hg-navy-dk);
	border: 0;
	border-radius: 4px;
	padding: 10px 18px;
	font-size: 14px;
	font-weight: 700;
	cursor: pointer;
}

.hg-404-search button:hover { filter: brightness(1.08); }

.hg-hero-band--404 .hg-hero-band__links { margin-top: 22px; }

/* Barra lateral */
.sidebar .widget {
	background: transparent;
	padding: 0 0 30px;
	font-size: 14.5px;
}

.sidebar .widget .widget-title {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	border-bottom: 1px solid var(--hg-ink);
	padding-bottom: 9px;
	margin-bottom: 14px;
}

.sidebar .widget ul li { border-bottom: 1px solid var(--hg-line-soft); padding: 8px 0; }
.sidebar .widget ul li a { color: var(--hg-ink); }
.sidebar .widget ul li a:hover { color: var(--hg-accent); }

/* ---------- Pie editorial --------------------------------------------- */

.site-footer {
	background: var(--hg-navy);
	border-top: 0;
	color: var(--hg-on-dark);
	font-size: 14px;
	margin-top: 60px;
}

.site-footer .footer-widgets { padding-top: 34px; }

.hg-footer { padding: 48px 20px 8px; }

.hg-footer-inner {
	max-width: var(--hg-wrap);
	margin-inline: auto;
	display: grid;
	grid-template-columns: 1.7fr 1fr 1.5fr;
	gap: 44px;
	align-items: start;
}

/* Columnas de enlaces */
.hg-footer-head {
	font-size: 11.5px;
	font-weight: 700;
	letter-spacing: 0.11em;
	text-transform: uppercase;
	color: #fff;
	padding-bottom: 10px;
	margin: 0 0 12px;
	border-bottom: 2px solid var(--hg-orange);
}

.hg-footer-col ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hg-footer-col li { margin: 0; }

.hg-footer-col li + li { border-top: 1px solid rgba(255, 255, 255, .12); }

/* La lista de secciones es larga: va a dos columnas para igualar alturas.
   Con dos columnas el filete superior no encaja, así que pasa a inferior. */
.hg-footer-col--wide ul {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	column-gap: 30px;
}

.hg-footer-col--wide li,
.hg-footer-col--wide li + li {
	border-top: 0;
	border-bottom: 1px solid rgba(255, 255, 255, .12);
}

.hg-footer-col li a {
	display: block;
	padding: 8px 0;
	font-size: 14px;
	line-height: 1.4;
	color: var(--hg-on-dark);
}

.hg-footer-col li a:hover { color: var(--hg-cyan); }

/* Columna de últimas: titular + fecha */
.hg-footer-latest li { padding: 10px 0; }
.hg-footer-latest li a { padding: 0; font-weight: 600; color: #fff; }
.hg-footer-latest li a:hover { color: var(--hg-cyan); }

.hg-footer-latest time {
	display: block;
	margin-top: 4px;
	font-size: 12.5px;
	color: var(--hg-on-dark);
}

/* Widgets del pie: fila fina integrada, sin banda blanca */
.site-footer .footer-widgets {
	background: transparent;
	padding: 6px 20px 0;
}

.site-footer .footer-widgets-container {
	max-width: var(--hg-wrap);
	margin-inline: auto;
	padding: 0;
}

/* GeneratePress reparte los widgets en columnas flotantes; aquí queremos una
   sola fila centrada de enlaces. */
#footer-widgets .inside-footer-widgets {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-items: center;
	gap: 10px 28px;
	margin: 0;
}

/* GeneratePress reparte cada widget al 33% con reglas propias; el id gana. */
#footer-widgets .inside-footer-widgets > div[class*="footer-widget-"] {
	width: auto;
	flex: 0 0 auto;
	float: none;
	padding: 0;
	margin: 0;
}

.site-footer .footer-widgets .widget {
	background: transparent;
	padding: 0;
	margin: 0;
	width: auto;
	float: none;
}

.site-footer .footer-widgets .textwidget { margin: 0; }

.hg-widget-link {
	font-size: 13.5px;
	font-weight: 600;
	color: var(--hg-on-dark);
	text-decoration: underline;
	text-underline-offset: 3px;
}

.hg-widget-link:hover { color: var(--hg-cyan); }

/* Barra inferior de créditos */
.site-info {
	font-size: 13px;
	color: var(--hg-on-dark);
	background: var(--hg-navy-dk);
	border-top: 1px solid rgba(255, 255, 255, .12);
	margin-top: 34px;
	padding: 18px 20px;
}

.site-info .inside-site-info {
	max-width: var(--hg-wrap);
	margin-inline: auto;
}

.site-info a { color: var(--hg-on-dark); text-decoration: underline; text-underline-offset: 2px; }
.site-info a:hover { color: var(--hg-cyan); }
.site-info .copyright { color: #fff; font-weight: 600; }
.site-info .hg-sep { color: rgba(255, 255, 255, .35); padding: 0 2px; }

/* ---------- Responsive ------------------------------------------------ */

@media (max-width: 1024px) {
	.hg-hero-band__grid { grid-template-columns: 1fr 1fr; gap: 26px; }

	/* La primera pieza manda y ocupa el ancho completo. */
	.hg-hero-band__grid > .hg-feature:first-child { grid-column: 1 / -1; }
	.hg-hero-band__grid > .hg-feature:first-child .hg-feature__title { font-size: 26px; }

	.hg-hero { grid-template-columns: 1fr 1fr; gap: 26px; }

	/* La primera pieza pasa a ancho completo y manda. */
	.hg-hero > .hg-feature:first-child {
		grid-column: 1 / -1;
		padding-bottom: 22px;
		border-bottom: 1px solid var(--hg-line);
	}

	.hg-hero > .hg-feature:first-child .hg-feature__title { font-size: 28px; }

	.hg-list,
	.hg-section--list .hg-list { grid-template-columns: 1fr; gap: 0; }

	.hg-split { grid-template-columns: 1fr; gap: 24px; }
	.hg-cover__body { padding: 20px 18px 18px; }
	.hg-cover__title { font-size: 21px; }

	.hg-grid { grid-template-columns: repeat(2, 1fr); }

	body.archive .site-main,
	body.search .site-main,
	body.blog .site-main { grid-template-columns: repeat(2, 1fr); }
}

@media (max-width: 768px) {
	body { font-size: 16px; }

	/* Márgenes finos: en móvil el contenido llegaba pegado a los bordes. */
	.site-main { padding-inline: 16px; }
	body.single .inside-article,
	body.page:not(.home) .inside-article { padding-inline: 0; }

	/* GeneratePress apila la cabecera en móvil (columna centrada); aquí la
	   queremos igual que en escritorio: logo a la izquierda, botón a la derecha. */
	.site-header .inside-header {
		padding: 10px 14px;
		gap: 10px;
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		align-items: center;
		text-align: left;
	}

	.site-header .site-logo,
	.site-header .site-branding-container {
		min-width: 0;
		margin: 0 auto 0 0;
		justify-content: flex-start;
	}

	/* Al retirar el botón queda sitio: el buscador se mantiene en móvil. */
	.hg-head-tools { display: block; max-width: 190px; flex: 0 1 auto; }

	.site-header .site-logo img { max-height: 34px; }
	.site-header .main-title { font-size: 20px; }

	.main-navigation .inside-navigation { padding: 0 14px; }
	.main-navigation .main-nav > ul { justify-content: flex-start; gap: 0; }

	.main-navigation .main-nav ul li a { padding: 12px 0; }

	.hg-hero {
		grid-template-columns: 1fr;
		gap: 22px;
		padding: 18px 0 22px;
	}

	.hg-hero > .hg-feature:first-child .hg-feature__title { font-size: 22px; }
	.hg-feature__title { font-size: 19px; }

	.hg-list__item { grid-template-columns: 104px 1fr; gap: 12px; padding: 13px 0; }
	.hg-list__media img { width: 104px; height: 68px; }
	.hg-list__title { font-size: 15px; }

	.hg-side-item img { aspect-ratio: 16 / 9; }

	.hg-hero-band {
		margin: 0 -16px 22px; /* casa con el padding móvil de .site-main */
		padding: 38px 20px 34px;
	}

	.hg-hero-band__title { font-size: 31px; }
	.hg-hero-band__title::after { margin-top: 16px; }
	.hg-hero-band__sub { font-size: 15.5px; margin-top: 14px; }
	.hg-hero-band__links { gap: 8px; margin-top: 20px; }
	.hg-hero-band__links a { padding: 7px 13px; font-size: 12.5px; }

	.hg-hero-band__grid {
		grid-template-columns: 1fr;
		gap: 22px;
		margin-top: 28px;
		padding-top: 26px;
	}

	.hg-hero-band__grid .hg-feature__title,
	.hg-hero-band__grid > .hg-feature:first-child .hg-feature__title { font-size: 19px; }

	.hg-intro { padding-top: 20px; }
	.hg-intro p { font-size: 16px; }

	.hg-grid { gap: 26px 16px; }

	.hg-card__title { font-size: 15.5px; }
	.hg-card__excerpt { display: none; }

	.site-main .entry-title { font-size: 26px; }
	.entry-content { font-size: 16px; }
	.entry-content h2 { font-size: 22px; }
	.entry-content h3 { font-size: 19px; }

	body.archive .site-main,
	body.search .site-main,
	body.blog .site-main { gap: 26px 16px; }

	body.archive .site-main .entry-title,
	body.search .site-main .entry-title,
	body.blog .site-main .entry-title { font-size: 15.5px; }

	body.archive .entry-summary,
	body.search .entry-summary,
	body.blog .entry-summary { display: none; }
}

@media (max-width: 1024px) {
	.hg-footer-inner { grid-template-columns: 1fr 1fr; gap: 32px; }
	.hg-footer-col--wide { grid-column: 1 / -1; }
}

@media (max-width: 768px) {
	.hg-footer { padding: 34px 16px 4px; }
	.hg-footer-inner { grid-template-columns: 1fr; gap: 28px; }
	.hg-footer-col--wide ul { column-gap: 20px; }
	.site-info { padding: 16px; text-align: center; line-height: 2; }
}

@media (max-width: 480px) {
	.hg-footer-col--wide ul { grid-template-columns: 1fr; }
	.hg-footer-col--wide li,
	.hg-footer-col--wide li + li { border-bottom: 0; border-top: 1px solid rgba(255, 255, 255, .12); }
}

@media (max-width: 480px) {
	.hg-grid { grid-template-columns: 1fr; }

	body.archive .site-main,
	body.search .site-main,
	body.blog .site-main { grid-template-columns: 1fr; }

	.hg-latest-item { grid-template-columns: 1fr 68px; }
	.hg-latest-item img { width: 68px; height: 54px; }
}

/* =========================================================================
   RADIO ÚNICO — 11px en todo el sitio
   Va al final para ganar a los radios sueltos declarados más arriba.
   ========================================================================= */

/* Bloques y superficies */
.hg-hero-band,
.hg-cover,
.hg-404-search input[type="search"],
.hg-search,
.main-navigation ul ul,
.entry-content blockquote,
.entry-content table,
.entry-content pre,
.site-footer .hg-footer-col--wide,
.sidebar .widget {
	border-radius: var(--hg-radius);
}

/* Imágenes y miniaturas */
.hg-feature__media img,
.hg-card__media img,
.hg-cover__media img,
.hg-list__media img,
.hg-side-thumb img,
.hg-author__photo img,
.hg-latest-item img,
.hg-side-item img,
.entry-content img,
.post-image img,
.featured-image img,
body.archive .post-image img,
body.search .post-image img,
body.blog .post-image img,
.wp-post-image {
	border-radius: var(--hg-radius);
}

/* La portada recorta su propio velo: el texto va dentro de la imagen. */
.hg-cover { overflow: hidden; }
.hg-cover__media img { border-radius: 0; }

/* Controles */
.hg-search input[type="search"],
.hg-404-search button,
.hg-hero-band__links a,
.hg-side-tags a,
.hg-widget-link,
button,
input[type="submit"],
input[type="button"],
input[type="text"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="number"],
textarea,
select,
.wp-block-button__link,
a.button {
	border-radius: var(--hg-radius);
}

/* Paginación */
.paging-navigation .nav-links a,
.paging-navigation .nav-links .page-numbers {
	border-radius: var(--hg-radius);
}

/* El logo y los iconos en línea no llevan radio. */
.site-header .site-logo img,
.hg-search button,
.hg-search button svg,
svg { border-radius: 0; }