/**
 * Estilos de front-end — Normativa de la Hermandad de la Macarena.
 *
 * Compuesto enteramente a partir de los tokens de tokens.css. No se
 * introduce ningún color, tipografía, radio o sombra fuera de esa tabla
 * (DESIGN-SYSTEM.md es de cumplimiento obligatorio).
 *
 * @package Hdad_Normativa
 */

/* ============ Base ============ */

.hdad-indice,
.hdad-lector {
	background: var(--hdad-marfil);
	color: var(--hdad-marfil-titulares);
	font-family: var(--hdad-fuente-texto);
	font-weight: var(--hdad-peso-texto-regular);
}

.hdad-indice *,
.hdad-lector * {
	box-sizing: border-box;
}

.hdad-seccion {
	padding: var(--hdad-separacion-secciones) var(--hdad-margen-lateral);
}

.hdad-h1,
.hdad-h1-lector,
.hdad-h2 {
	font-family: var(--hdad-fuente-titulares);
	font-weight: var(--hdad-peso-titulares);
	color: var(--hdad-marfil-titulares);
	margin: 0;
}

.hdad-h1 {
	font-size: var(--hdad-tam-h1-pagina);
	line-height: var(--hdad-interlineado-h1-pagina);
	letter-spacing: var(--hdad-tracking-h1-pagina);
}

.hdad-h1-lector {
	font-size: var(--hdad-tam-h1-lector);
	line-height: var(--hdad-interlineado-h1-lector);
	letter-spacing: var(--hdad-tracking-h1-lector);
}

.hdad-h2 {
	font-size: var(--hdad-tam-h2-seccion);
	line-height: var(--hdad-interlineado-h2-seccion);
	margin-bottom: 1em;
}

.hdad-h2--sobre-verde {
	color: var(--hdad-verde-texto);
}

.hdad-kicker {
	font-family: var(--hdad-fuente-texto);
	text-transform: uppercase;
	font-size: var(--hdad-tam-kicker);
	letter-spacing: var(--hdad-tracking-kicker);
	color: var(--hdad-marfil-acento);
	margin: 0 0 .5em;
}

a {
	color: var(--hdad-marfil-enlace);
	text-decoration-color: var(--hdad-marfil-subrayado-enlace);
	border-radius: var(--hdad-radio-esquina);
}

a:hover {
	color: var(--hdad-marfil-acento);
}

:focus-visible {
	outline: var(--hdad-foco-ancho) solid var(--hdad-foco-color);
	outline-offset: var(--hdad-foco-separacion);
}

/* ============ Bloque 1 — Cabecera del índice ============ */

.hdad-cabecera__intro {
	margin-top: 1.5em;
	columns: 2;
	column-gap: var(--hdad-margen-lateral);
	max-width: calc(2 * var(--hdad-medida-maxima-prosa));
}

.hdad-cabecera__intro p {
	text-align: justify;
	hyphens: auto;
	color: var(--hdad-marfil-parrafo-secundario);
	line-height: var(--hdad-interlineado-articulado);
}

/* ============ Bloque 2 — Tarjetas de corpus ============ */

.hdad-tarjetas-corpus__rejilla {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: var(--hdad-margen-lateral);
}

.hdad-tarjeta-corpus {
	display: flex;
	flex-direction: column;
	gap: .5em;
	padding: 1.5em;
	border: 1px solid var(--hdad-marfil-borde-caja);
	text-decoration: none;
	border-radius: var(--hdad-radio-esquina);
}

.hdad-tarjeta-corpus:hover {
	border-color: var(--hdad-marfil-acento);
}

.hdad-tarjeta-corpus__etiqueta {
	text-transform: uppercase;
	font-size: var(--hdad-tam-kicker);
	letter-spacing: var(--hdad-tracking-kicker);
	color: var(--hdad-marfil-acento);
}

.hdad-tarjeta-corpus__contador {
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-h2-seccion);
	color: var(--hdad-marfil-titulares);
}

.hdad-tarjeta-corpus__titulo {
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-fila-titulo);
	line-height: var(--hdad-interlineado-fila-titulo);
	color: var(--hdad-marfil-titulares);
}

.hdad-tarjeta-corpus__descripcion {
	color: var(--hdad-marfil-parrafo-secundario);
	font-size: var(--hdad-tam-capitulo-indice);
	line-height: var(--hdad-interlineado-capitulo-indice);
}

/* ============ Buscador del índice ============ */

.hdad-buscador-indice {
	margin-bottom: 2em;
}

.hdad-buscador-indice__etiqueta {
	display: block;
	text-transform: uppercase;
	font-size: var(--hdad-tam-kicker);
	letter-spacing: var(--hdad-tracking-kicker);
	color: var(--hdad-marfil-metadatos);
	margin-bottom: .5em;
}

.hdad-buscador-indice__input {
	width: 100%;
	max-width: 480px;
	padding: .6em .8em;
	background: transparent;
	border: 1px solid var(--hdad-marfil-borde-caja);
	border-radius: var(--hdad-radio-esquina);
	font-family: var(--hdad-fuente-texto);
	font-size: 1em;
	color: var(--hdad-marfil-titulares);
}

.hdad-buscador-indice__input:focus {
	border-color: var(--hdad-marfil-acento);
}

.hdad-buscador-indice__sin-resultados {
	margin-top: .75em;
	color: var(--hdad-marfil-nota-discreta);
}

/* ============ Bloque 3 — Acordeón ============ */

/*
 * El bloque 3 mete dos acordeones (Reglas y Reglamento) uno detrás de
 * otro dentro de la misma sección: sin este margen, el título "Reglamento
 * de Régimen Interno" queda pegado a la línea divisoria de la última fila
 * de Reglas justo encima. Se aplica solo cuando el H2 sigue a un
 * acordeón (no al primer H2 del bloque, que ya tiene aire por su cuenta
 * al venir justo después del buscador del índice).
 */
.hdad-acordeon + .hdad-h2 {
	margin-top: var(--hdad-separacion-secciones);
}

.hdad-acordeon__fila {
	border-bottom: 1px solid var(--hdad-marfil-filete);
}

.hdad-acordeon__cabecera {
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 1em;
	width: 100%;
	padding: 1em 0;
	background: none;
	border: none;
	text-align: left;
	cursor: pointer;
	font-family: inherit;
}

.hdad-acordeon__cabecera--enlace {
	text-decoration: none;
}

.hdad-acordeon__numero {
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-numero-articulo);
	letter-spacing: var(--hdad-tracking-numero-articulo);
	color: var(--hdad-marfil-acento);
	font-variant-numeric: tabular-nums;
}

.hdad-acordeon__titulo {
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-fila-titulo);
	line-height: var(--hdad-interlineado-fila-titulo);
	color: var(--hdad-marfil-titulares);
}

.hdad-acordeon__flecha {
	color: var(--hdad-marfil-acento);
	transition: transform .15s ease;
}

.hdad-acordeon__cabecera[aria-expanded="true"] .hdad-acordeon__flecha {
	transform: rotate(90deg);
}

.hdad-acordeon__contenido {
	display: none;
	padding: 0 0 1em 2em;
}

.hdad-acordeon__fila.hdad-acordeon__fila--abierta .hdad-acordeon__contenido {
	display: block;
}

.hdad-acordeon__leer-titulo {
	display: inline-block;
	margin-bottom: .75em;
	font-size: var(--hdad-tam-capitulo-indice);
}

.hdad-acordeon__capitulos {
	list-style: none;
	margin: 0;
	padding: 0;
}

.hdad-acordeon__capitulos li {
	border-top: 1px solid var(--hdad-marfil-filete-lista);
}

.hdad-acordeon__capitulos a {
	display: flex;
	gap: 1em;
	padding: .6em 0;
	text-decoration: none;
	font-size: var(--hdad-tam-capitulo-indice);
	line-height: var(--hdad-interlineado-capitulo-indice);
	color: var(--hdad-marfil-titulares);
}

.hdad-acordeon__capitulos a:hover {
	color: var(--hdad-marfil-enlace);
}

.hdad-acordeon__fila[hidden],
.hdad-acordeon__capitulos li[hidden],
.hdad-banda-anexos__lista li[hidden] {
	display: none !important;
}

/* ============ Bloque 4 — Banda de anexos ============ */

.hdad-banda-anexos {
	background: var(--hdad-verde);
}

.hdad-banda-anexos__contador {
	font-family: var(--hdad-fuente-texto);
	font-size: var(--hdad-tam-metadatos);
	color: var(--hdad-verde-kicker);
	vertical-align: super;
	margin-left: .5em;
}

.hdad-banda-anexos__lista {
	list-style: none;
	margin: 0;
	padding: 0;
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 0;
	border-top: 1px solid var(--hdad-verde-filete);
}

.hdad-banda-anexos__lista li {
	border-bottom: 1px solid var(--hdad-verde-filete);
}

.hdad-banda-anexos__lista a {
	display: flex;
	gap: 1em;
	padding: .9em 1em;
	text-decoration: none;
	color: var(--hdad-verde-texto);
}

.hdad-banda-anexos__lista a:hover {
	color: var(--hdad-verde-kicker);
	transform: translateX(8px);
	transition: transform .15s ease;
}

.hdad-banda-anexos__numero {
	font-family: var(--hdad-fuente-titulares);
	color: var(--hdad-verde-kicker);
	font-variant-numeric: tabular-nums;
	min-width: 4ch;
}

/* ============ Pie del índice ============ */

.hdad-pie-indice {
	padding: 2em var(--hdad-margen-lateral);
	border-top: 1px solid var(--hdad-marfil-filete);
}

.hdad-pie-indice__nota {
	color: var(--hdad-marfil-nota-discreta);
	font-size: var(--hdad-tam-metadatos);
	text-transform: uppercase;
	letter-spacing: var(--hdad-tracking-metadatos);
}

.hdad-pie-indice__enlaces {
	display: flex;
	gap: 2em;
	margin-top: .5em;
}

.hdad-pie-indice__pdf {
	display: flex;
	flex-wrap: wrap;
	align-items: baseline;
	gap: 1.25em;
	margin-top: 1em;
	padding-top: 1em;
	border-top: 1px solid var(--hdad-marfil-filete);
}

/*
 * Solo la etiqueta "Descargar en PDF:" lleva el tamaño pequeño de
 * metadato; los enlaces (Reglas, Reglamento de Régimen Interno...) deben
 * leerse con normalidad, así que ya no heredan ese tamaño del contenedor.
 */
.hdad-pie-indice__pdf-etiqueta {
	font-size: var(--hdad-tam-metadatos);
	text-transform: uppercase;
	letter-spacing: var(--hdad-tracking-metadatos);
	color: var(--hdad-marfil-nota-discreta);
}

.hdad-pie-indice__pdf a {
	font-size: var(--hdad-tam-capitulo-indice);
}

/* ============ Lector: migas y conmutador ============ */

.hdad-migas {
	padding: 1.5em var(--hdad-margen-lateral) 0;
	font-size: var(--hdad-tam-metadatos);
	text-transform: uppercase;
	letter-spacing: var(--hdad-tracking-metadatos);
	color: var(--hdad-marfil-metadatos);
	display: flex;
	gap: .5em;
	flex-wrap: wrap;
}

.hdad-migas a {
	text-decoration: none;
	color: var(--hdad-marfil-metadatos);
}

.hdad-migas a:hover {
	color: var(--hdad-marfil-enlace);
}

.hdad-conmutador-corpus {
	display: flex;
	gap: 0;
	padding: 1em var(--hdad-margen-lateral) 0;
	border-bottom: 1px solid var(--hdad-marfil-filete);
}

.hdad-conmutador-corpus__pestana {
	padding: .75em 1.25em;
	text-decoration: none;
	font-size: var(--hdad-tam-capitulo-indice);
	color: var(--hdad-marfil-parrafo-secundario);
	border: 1px solid transparent;
	border-radius: var(--hdad-radio-esquina);
}

.hdad-conmutador-corpus__pestana--activa {
	background: var(--hdad-verde);
	color: var(--hdad-verde-texto);
	border-color: var(--hdad-verde);
}

/* ============ Lector: cuerpo, índice lateral, articulado ============ */

.hdad-lector__cuerpo {
	display: grid;
	grid-template-columns: 280px minmax(0, 1fr);
	gap: var(--hdad-margen-lateral);
	padding: 2em var(--hdad-margen-lateral) var(--hdad-separacion-secciones);
	align-items: start;
}

.hdad-indice-lateral {
	position: sticky;
	top: 2em;
	max-height: calc(100vh - 4em);
	overflow-y: auto;
	border-right: 1px solid var(--hdad-marfil-filete);
	padding-right: 1em;
}

.hdad-indice-lateral__item {
	display: block;
	padding: .5em .75em;
	text-decoration: none;
	font-size: var(--hdad-tam-capitulo-indice);
	line-height: var(--hdad-interlineado-capitulo-indice);
	color: var(--hdad-marfil-parrafo-secundario);
	border-left: 2px solid transparent;
}

.hdad-indice-lateral__item--sangrado {
	padding-left: 1.75em;
}

.hdad-indice-lateral__item--activo {
	border-left-color: var(--hdad-marfil-acento);
	color: var(--hdad-marfil-titulares);
}

.hdad-indice-lateral__item:hover {
	color: var(--hdad-marfil-enlace);
}

.hdad-articulo-principal__cabecera {
	margin-bottom: 1.5em;
}

.hdad-controles-lectura {
	display: flex;
	gap: .75em;
	margin-top: 1em;
	flex-wrap: wrap;
}

.hdad-controles-lectura button {
	background: none;
	border: 1px solid var(--hdad-marfil-borde-caja);
	border-radius: var(--hdad-radio-esquina);
	padding: .4em .9em;
	font-family: var(--hdad-fuente-texto);
	font-size: var(--hdad-tam-metadatos);
	text-transform: uppercase;
	letter-spacing: var(--hdad-tracking-metadatos);
	color: var(--hdad-marfil-parrafo-secundario);
	cursor: pointer;
}

.hdad-controles-lectura button:hover {
	border-color: var(--hdad-marfil-acento);
	color: var(--hdad-marfil-titulares);
}

.hdad-aviso-vigencia,
.hdad-aviso-pendiente {
	padding: 1em 1.25em;
	border: 1px solid var(--hdad-marfil-borde-caja);
	background: rgba(182, 130, 53, .08);
	margin-bottom: 1.5em;
	font-size: var(--hdad-tam-capitulo-indice);
}

.hdad-descripcion-apartado {
	max-width: var(--hdad-medida-maxima-prosa);
	margin-bottom: 1.5em;
	color: var(--hdad-marfil-parrafo-secundario);
}

/* ---- Variante genérica: dos columnas ---- */

.hdad-articulado__fila {
	display: grid;
	grid-template-columns: 140px minmax(0, 1fr);
	gap: 1.5em;
	padding: 1.5em 0;
	border-top: 1px solid var(--hdad-marfil-filete);
}

.hdad-articulado__numero-columna {
	display: flex;
	flex-direction: column;
	gap: .75em;
}

.hdad-articulado__numero {
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-numero-articulo);
	letter-spacing: var(--hdad-tracking-numero-articulo);
	color: var(--hdad-marfil-acento);
	font-variant-numeric: tabular-nums;
}

.hdad-enlazar {
	font-size: var(--hdad-tam-metadatos);
	text-transform: uppercase;
	letter-spacing: var(--hdad-tracking-metadatos);
	text-decoration: none;
}

.hdad-articulado__texto-columna {
	max-width: var(--hdad-medida-maxima-prosa);
}

.hdad-articulado__texto,
.hdad-descriptivo__texto,
.hdad-culto__texto,
.hdad-juridico__texto {
	font-size: calc(var(--hdad-tam-articulado-base) * var(--hdad-escala-texto, 1));
	line-height: var(--hdad-interlineado-articulado);
	color: var(--hdad-marfil-articulado);
	text-align: justify;
	hyphens: auto;
}

.hdad-nota {
	color: var(--hdad-marfil-nota-discreta);
	font-size: var(--hdad-tam-metadatos);
	margin-top: .5em;
}

/* ---- Referencias cruzadas automáticas ---- */

.hdad-referencia-cruzada {
	text-decoration-style: dotted;
	text-decoration-color: var(--hdad-marfil-acento);
}

.hdad-referencia-cruzada:hover {
	color: var(--hdad-marfil-acento);
}

/* ---- Marcadores del hermano ---- */

.hdad-marcar {
	display: inline-block;
	margin-top: .5em;
	background: none;
	border: 1px solid var(--hdad-marfil-borde-caja);
	border-radius: var(--hdad-radio-esquina);
	padding: .3em .8em;
	font-family: var(--hdad-fuente-texto);
	font-size: var(--hdad-tam-metadatos);
	text-transform: uppercase;
	letter-spacing: var(--hdad-tracking-metadatos);
	color: var(--hdad-marfil-parrafo-secundario);
	cursor: pointer;
}

.hdad-marcar:hover {
	border-color: var(--hdad-marfil-acento);
	color: var(--hdad-marfil-titulares);
}

.hdad-marcar[aria-pressed="true"] {
	border-color: var(--hdad-marfil-acento);
	color: var(--hdad-marfil-acento);
}

.hdad-lista-marcadores {
	list-style: none;
	margin: 0;
	padding: 0;
	max-width: var(--hdad-medida-maxima-prosa);
}

.hdad-lista-marcadores__fila {
	padding: 1em 0;
	border-top: 1px solid var(--hdad-marfil-filete);
}

.hdad-lista-marcadores__fila a {
	display: flex;
	gap: 1em;
	text-decoration: none;
}

.hdad-lista-marcadores__slug {
	color: var(--hdad-marfil-metadatos);
	font-size: var(--hdad-tam-metadatos);
}

.hdad-lista-marcadores__nota {
	margin: .4em 0 0;
	color: var(--hdad-marfil-parrafo-secundario);
	font-size: var(--hdad-tam-capitulo-indice);
}

.hdad-marcadores-aviso {
	color: var(--hdad-marfil-nota-discreta);
}

/* ---- Variante "fórmula": litúrgica, estrecha, sin justificar ---- */

.hdad-formula {
	max-width: 56ch;
}

.hdad-formula__bloque {
	padding: 1.5em 0;
	border-top: 1px solid var(--hdad-marfil-filete);
}

.hdad-formula__numero {
	font-family: var(--hdad-fuente-titulares);
	color: var(--hdad-marfil-acento);
	margin-bottom: .5em;
}

.hdad-formula__texto,
.hdad-formula__respuesta {
	font-size: calc(var(--hdad-tam-articulado-base) * 1.15 * var(--hdad-escala-texto, 1));
	line-height: var(--hdad-interlineado-articulado);
	text-align: left;
	color: var(--hdad-marfil-articulado);
}

.hdad-formula__respuesta {
	font-style: italic;
	color: var(--hdad-marfil-enlace);
	padding-left: 1.5em;
	border-left: 2px solid var(--hdad-marfil-acento);
}

/* ---- Variante "culto": esquema de días ---- */

.hdad-culto__dia {
	padding: 1.5em 0;
	border-top: 1px solid var(--hdad-marfil-filete);
}

.hdad-culto__numero {
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-fila-titulo);
	color: var(--hdad-marfil-titulares);
	margin-bottom: .5em;
}

/* ---- Variante "jurídico" ---- */

.hdad-juridico__fecha {
	text-transform: uppercase;
	letter-spacing: var(--hdad-tracking-metadatos);
	font-size: var(--hdad-tam-metadatos);
	color: var(--hdad-marfil-metadatos);
	margin-bottom: 1em;
}

.hdad-juridico__bloque {
	padding: 1.5em 0;
	border-top: 1px solid var(--hdad-marfil-filete);
}

/* ---- Variante "descriptivo" ---- */

/*
 * Una o varias imágenes (campo "Imágenes" del metabox, Hdad_Campos):
 * el Escudo lleva una sola, la Medalla anverso y reverso. Con
 * auto-fit/minmax una sola imagen ocupa todo el ancho disponible y dos o
 * más se reparten en columnas, sin tener que distinguir casos a mano.
 */
.hdad-descriptivo__galeria {
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
	gap: var(--hdad-margen-lateral);
	margin: 0 0 1.5em;
}

.hdad-descriptivo__imagen {
	margin: 0;
}

.hdad-descriptivo__imagen img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: var(--hdad-radio-esquina);
}

.hdad-descriptivo__leyenda {
	margin-top: .5em;
	font-size: var(--hdad-tam-metadatos);
	letter-spacing: var(--hdad-tracking-metadatos);
	text-transform: uppercase;
	color: var(--hdad-marfil-nota-discreta);
	text-align: center;
}

.hdad-descriptivo__ficha {
	padding: 1.5em 0;
	border-top: 1px solid var(--hdad-marfil-filete);
}

/* ============ Anterior / siguiente ============ */

.hdad-anterior-siguiente {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--hdad-margen-lateral);
	margin-top: var(--hdad-separacion-secciones);
	padding-top: 1.5em;
	border-top: 1px solid var(--hdad-marfil-filete);
}

.hdad-anterior-siguiente__enlace {
	display: flex;
	flex-direction: column;
	gap: .35em;
	text-decoration: none;
}

.hdad-anterior-siguiente__enlace--siguiente {
	text-align: right;
	grid-column: 2;
}

.hdad-anterior-siguiente__etiqueta {
	text-transform: uppercase;
	font-size: var(--hdad-tam-metadatos);
	letter-spacing: var(--hdad-tracking-metadatos);
	color: var(--hdad-marfil-metadatos);
}

.hdad-anterior-siguiente__titulo {
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-fila-titulo);
	color: var(--hdad-marfil-titulares);
}

/* ============ Buscador global a texto completo ============ */

/*
 * Envoltorio que usan templates/partes/indice-cuerpo.php y
 * templates/partes/lector-cuerpo.php para darle al buscador el mismo
 * margen lateral que el resto de bloques de la página (ver .hdad-migas,
 * .hdad-conmutador-corpus, .hdad-lector__cuerpo, .hdad-seccion): el propio
 * .hdad-buscador-global se deja sin margen propio porque también se
 * inserta a mano vía shortcode o módulo de Divi dentro de columnas que ya
 * traen su propio margen, y duplicarlo ahí quedaría descentrado.
 */
.hdad-buscador-pagina {
	padding: 1.5em var(--hdad-margen-lateral) 0;
}

.hdad-buscador-global {
	margin-bottom: 1.5em;
}

.hdad-buscador-global__etiqueta {
	display: block;
	text-transform: uppercase;
	font-size: var(--hdad-tam-kicker);
	letter-spacing: var(--hdad-tracking-kicker);
	color: var(--hdad-marfil-metadatos);
	margin-bottom: .5em;
}

.hdad-buscador-global__input {
	width: 100%;
	max-width: 480px;
	padding: .6em .8em;
	background: transparent;
	border: 1px solid var(--hdad-marfil-borde-caja);
	border-radius: var(--hdad-radio-esquina);
	font-family: var(--hdad-fuente-texto);
	font-size: 1em;
	color: var(--hdad-marfil-titulares);
}

.hdad-buscador-global__input:focus {
	border-color: var(--hdad-marfil-acento);
}

.hdad-buscador-global__ayuda,
.hdad-buscador-global__sin-resultados {
	margin-top: .5em;
	color: var(--hdad-marfil-nota-discreta);
	font-size: var(--hdad-tam-capitulo-indice);
}

.hdad-buscador-global__resultados {
	list-style: none;
	margin: 1em 0 0;
	padding: 0;
	border-top: 1px solid var(--hdad-marfil-filete);
}

.hdad-buscador-global__apartado {
	padding: .9em 0;
	border-bottom: 1px solid var(--hdad-marfil-filete);
}

.hdad-buscador-global__titulo {
	display: block;
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-fila-titulo);
	color: var(--hdad-marfil-titulares);
	text-decoration: none;
	margin-bottom: .4em;
}

.hdad-buscador-global__numero,
.hdad-buscador-global__numero-articulo {
	color: var(--hdad-marfil-acento);
	font-variant-numeric: tabular-nums;
}

.hdad-buscador-global__coincidencias {
	list-style: none;
	margin: 0;
	padding-left: 1.25em;
}

.hdad-buscador-global__coincidencias li {
	margin-bottom: .5em;
}

.hdad-buscador-global__coincidencias a {
	display: block;
	text-decoration: none;
	font-size: var(--hdad-tam-capitulo-indice);
	line-height: var(--hdad-interlineado-capitulo-indice);
}

.hdad-buscador-global__fragmento {
	display: block;
	color: var(--hdad-marfil-parrafo-secundario);
}

.hdad-buscador-global__fragmento mark {
	background: rgba(182, 130, 53, .28);
	color: var(--hdad-marfil-titulares);
	padding: 0 .15em;
}

/* ============ Cita de artículo (shortcode y módulo de Divi) ============ */

/*
 * Bloque embebible fuera del lector (Hdad_Plantillas::renderizar_cita()):
 * el shortcode [hdad_cita] y el módulo de Divi 5 "Cita de artículo" pueden
 * aparecer en cualquier página del sitio, con su propio tema activo
 * alrededor, así que este bloque se apoya solo en los tokens globales de
 * DESIGN-SYSTEM.md y no da por hecho ningún contenedor propio del lector.
 */

.hdad-cita-articulo {
	margin: 0;
	padding: 1.25em 1.5em;
	border-left: 2px solid var(--hdad-marfil-acento);
	background: transparent;
}

.hdad-cita-articulo__numero {
	margin: 0 0 .5em;
	font-family: var(--hdad-fuente-titulares);
	font-size: var(--hdad-tam-numero-articulo);
	letter-spacing: var(--hdad-tracking-numero-articulo);
	color: var(--hdad-marfil-acento);
	font-variant-numeric: tabular-nums;
}

.hdad-cita-articulo__texto {
	font-family: var(--hdad-fuente-texto);
	font-size: var(--hdad-tam-articulado-base);
	line-height: var(--hdad-interlineado-articulado);
	color: var(--hdad-marfil-articulado);
	max-width: var(--hdad-medida-maxima-prosa);
	hyphens: auto;
}

.hdad-cita-articulo__origen {
	margin-top: .75em;
}

.hdad-cita-articulo__origen a {
	font-size: var(--hdad-tam-metadatos);
	letter-spacing: var(--hdad-tracking-metadatos);
	text-transform: uppercase;
	color: var(--hdad-marfil-enlace);
	text-decoration-color: var(--hdad-marfil-subrayado-enlace);
}

.hdad-cita-articulo--no-disponible,
.hdad-aviso-shortcode,
.hdad-aviso-modulo-divi {
	padding: .75em 1em;
	border-left: 2px solid var(--hdad-marfil-borde-caja);
	color: var(--hdad-marfil-metadatos);
	font-size: var(--hdad-tam-metadatos);
}

/* ============ Puntos de ruptura ============ */

@media (max-width: 900px) {
	.hdad-tarjetas-corpus__rejilla,
	.hdad-banda-anexos__lista {
		grid-template-columns: 1fr;
	}

	.hdad-lector__cuerpo {
		grid-template-columns: 1fr;
	}

	.hdad-indice-lateral {
		position: static;
		max-height: none;
		border-right: none;
		border-bottom: 1px solid var(--hdad-marfil-filete);
		padding-bottom: 1em;
	}

	.hdad-pie-indice__enlaces {
		flex-direction: column;
		gap: .75em;
	}
}

@media (max-width: 760px) {
	.hdad-cabecera__intro {
		columns: 1;
	}
}

@media (max-width: 620px) {
	.hdad-articulado__fila {
		grid-template-columns: 1fr;
		gap: .75em;
	}

	.hdad-anterior-siguiente {
		grid-template-columns: 1fr;
	}

	.hdad-anterior-siguiente__enlace--siguiente {
		grid-column: 1;
		text-align: left;
	}

	.hdad-migas,
	.hdad-conmutador-corpus,
	.hdad-lector__cuerpo,
	.hdad-buscador-pagina,
	.hdad-seccion {
		padding-left: clamp(16px, 5vw, 24px);
		padding-right: clamp(16px, 5vw, 24px);
	}
}

/* ============ Impresión ============ */

@media print {
	.hdad-migas,
	.hdad-conmutador-corpus,
	.hdad-indice-lateral,
	.hdad-controles-lectura,
	.hdad-anterior-siguiente,
	.hdad-buscador-indice,
	.hdad-buscador-pagina {
		display: none !important;
	}

	.hdad-lector__cuerpo {
		grid-template-columns: 1fr;
	}
}