/*
Theme Name: Letras Indie
Theme URI: https://letrasindie.es
Description: Tema de letrasindie.es: letras de rock, indie, punk y post-punk con su traducción al español. Estilo fanzine: papel claro, tinta negra y rojo. Requiere el plugin Letras Indie Core.
Author: Letras Indie
Version: 0.1.2
Requires at least: 6.5
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: letrasindie
*/

/* Siempre fondo claro; acentos solo en rojo y negro. */
:root {
	--papel: #F3ECDD;
	--papel-2: #EAE1CE;
	--hoja: #FBF7EE;
	--tinta: #17130F;
	--tinta-2: #5A524A;
	--linea: rgba(23, 19, 15, .16);
	--rojo: #E2412A;
	--rojo-claro: #F8D9CF;
	--f-titular: "Anton", Impact, "Arial Narrow", sans-serif;
	--f-texto: "Archivo", "Helvetica Neue", Arial, sans-serif;
	--f-letra: "Spectral", Georgia, "Times New Roman", serif;
	--f-rotu: "Permanent Marker", "Comic Sans MS", cursive;
	--ancho: 1180px;
	--gutter: max(16px, env(safe-area-inset-left, 0px));
	color-scheme: light;
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-padding-top: 130px; }
body { margin: 0; background: var(--papel); color: var(--tinta); font-family: var(--f-texto); font-size: 17px; line-height: 1.55; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration-color: var(--rojo); text-underline-offset: .15em; }
a:hover { color: var(--rojo); }
:focus-visible { outline: 3px solid var(--rojo); outline-offset: 2px; }
h1, h2, h3 { text-wrap: balance; }
button, input { font: inherit; color: inherit; }
.screen-reader-text { position: absolute !important; width: 1px; height: 1px; overflow: hidden; clip: rect(1px, 1px, 1px, 1px); white-space: nowrap; }
.lit-saltar { position: absolute; left: -9999px; top: 0; background: var(--tinta); color: var(--papel); padding: 8px 12px; z-index: 100; }
.lit-saltar:focus { left: 8px; top: 8px; }
.lit-trampa { position: absolute !important; left: -9999px; width: 1px; height: 1px; overflow: hidden; }

.lit-ancho { max-width: var(--ancho); margin-inline: auto; padding-left: var(--gutter); padding-right: max(16px, env(safe-area-inset-right, 0px)); }
.lit-main { min-height: 50vh; padding-bottom: 40px; }

/* ---------- Tipografía ---------- */
.lit-titular { font-family: var(--f-titular); font-weight: 400; text-transform: uppercase; line-height: .95; letter-spacing: .005em; margin: 8px 0; }
.lit-titular a { text-decoration: none; }
.lit-titular--xxl { font-size: clamp(48px, 9vw, 110px); }
.lit-titular--xl { font-size: clamp(36px, 5.6vw, 64px); }
.lit-titular--l { font-size: clamp(34px, 5.4vw, 70px); }
.lit-subtitulo-es { font-family: var(--f-letra); font-style: italic; font-size: clamp(19px, 2.4vw, 26px); margin: 0 0 14px; }
.lit-h2 { font-family: var(--f-titular); font-weight: 400; text-transform: uppercase; font-size: 26px; line-height: 1; margin: 28px 0 12px; display: flex; flex-wrap: wrap; align-items: baseline; gap: 6px 12px; }
.lit-h2--s { font-size: 19px; margin: 0 0 8px; }
.lit-h2 small, .lit-h2__mas { font-family: var(--f-texto); font-size: 12px; letter-spacing: .1em; color: var(--tinta-2); text-decoration: none; text-transform: uppercase; }
.lit-cinta { display: inline-block; background: var(--rojo); color: var(--papel); font-weight: 800; font-size: 12px; letter-spacing: .1em; text-transform: uppercase; padding: 2px 8px; }
.lit-fuerte { font-weight: 800; }

/* ---------- Botones y chips ---------- */
.lit-btn { display: inline-flex; align-items: center; gap: 8px; border: 2px solid var(--tinta); padding: 8px 13px; font-weight: 800; font-size: 14px; text-decoration: none; letter-spacing: .03em; background: var(--hoja); color: var(--tinta); cursor: pointer; line-height: 1.2; }
.lit-btn:hover { border-color: var(--rojo); color: var(--rojo); }
.lit-btn--negro { background: var(--tinta); color: var(--papel); }
.lit-btn--negro:hover { background: var(--tinta); color: var(--papel); border-color: var(--rojo); }
.lit-btn--rojo { background: var(--rojo); border-color: var(--rojo); color: var(--papel); }
.lit-btn--rojo:hover { background: var(--tinta); border-color: var(--tinta); color: var(--papel); }
.lit-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--rojo); flex: none; }
.lit-botones { display: flex; flex-wrap: wrap; gap: 8px; }
.lit-chips { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0; padding: 0; }
.lit-chip { display: inline-block; border: 2px solid var(--tinta); padding: 2px 9px; font-size: 13px; font-weight: 700; letter-spacing: .03em; text-decoration: none; background: var(--hoja); }
.lit-chip:hover { border-color: var(--rojo); color: var(--rojo); }
.lit-chip--rojo { border-color: var(--rojo); color: var(--rojo); }
.lit-chip--grande { font-size: 16px; padding: 5px 12px; }

/* ---------- Cabecera ---------- */
.lit-cabecera { background: var(--papel); border-bottom: 3px solid var(--tinta); position: sticky; top: 0; z-index: 20; }
.admin-bar .lit-cabecera { top: 32px; }
.lit-cabecera__in { display: flex; align-items: center; gap: 22px; padding-block: 12px; }
.lit-logo { display: block; flex: none; }
.lit-logo img { display: block; height: 42px; width: auto; }
.lit-logo__icono { display: none !important; }
.lit-nav ul { list-style: none; margin: 0; padding: 0; }
.lit-nav > ul { display: flex; gap: 20px; }
.lit-nav a { font-weight: 800; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; text-decoration: none; padding-block: 4px; border-bottom: 3px solid transparent; }
.lit-nav .current-menu-item > a, .lit-nav .current-menu-ancestor > a, .lit-nav a:hover { border-color: var(--rojo); color: var(--tinta); }
.lit-nav li { position: relative; }
.lit-nav .sub-menu { display: none; position: absolute; top: 100%; left: -12px; min-width: 190px; background: var(--hoja); border: 2px solid var(--tinta); padding: 6px 0; z-index: 30; }
.lit-nav li:hover > .sub-menu, .lit-nav li:focus-within > .sub-menu { display: block; }
.lit-nav .sub-menu a { display: block; padding: 6px 14px; border: 0; font-size: 12px; }
.lit-nav .sub-menu a:hover { background: var(--tinta); color: var(--papel); }
.lit-menu-boton { display: none; margin-left: auto; border: 2px solid var(--tinta); background: var(--hoja); font-weight: 800; font-size: 13px; letter-spacing: .08em; text-transform: uppercase; padding: 6px 10px; cursor: pointer; }
.lit-menu-boton[aria-expanded="true"] { background: var(--tinta); color: var(--papel); }

.lit-buscador { margin-left: auto; display: flex; align-items: center; gap: 8px; border: 2px solid var(--tinta); background: var(--hoja); padding: 0 0 0 10px; width: 310px; min-width: 0; }
.lit-buscador svg { flex: none; }
.lit-buscador input { flex: 1; min-width: 0; border: 0; background: transparent; padding: 8px 0; font-size: 15px; outline: none; }
.lit-buscador input::placeholder { color: var(--tinta-2); }
.lit-buscador:focus-within { border-color: var(--rojo); box-shadow: 0 0 0 2px var(--rojo); }
.lit-buscador button { border: 0; border-left: 2px solid var(--tinta); background: var(--tinta); color: var(--papel); font-weight: 800; font-size: 12px; letter-spacing: .08em; text-transform: uppercase; padding: 0 12px; align-self: stretch; cursor: pointer; }
.lit-buscador button:hover { background: var(--rojo); }

@media (max-width: 820px) {
	html { scroll-padding-top: 90px; }
	.lit-cabecera__in { flex-wrap: wrap; gap: 10px 12px; padding-block: 10px; }
	.lit-logo__completo { height: 34px !important; }
	.lit-menu-boton { display: block; }
	.lit-nav { display: none; order: 4; flex: 1 0 100%; }
	.lit-nav.is-abierto { display: block; }
	.lit-nav > ul { flex-direction: column; gap: 0; border-top: 2px solid var(--tinta); }
	.lit-nav > ul > li { border-bottom: 1px solid var(--linea); }
	.lit-nav a { display: block; padding: 10px 0; border: 0; font-size: 14px; }
	.lit-nav .sub-menu { display: flex !important; flex-wrap: wrap; gap: 6px; position: static; border: 0; background: none; padding: 0 0 10px; min-width: 0; }
	.lit-nav .sub-menu a { border: 1px solid var(--tinta); padding: 3px 8px; font-size: 12px; background: var(--hoja); }
	/* El buscador siempre a la vista, a todo el ancho bajo el logo. */
	.lit-buscador { order: 3; flex: 1 0 100%; width: 100%; margin-left: 0; border-width: 3px; }
	.lit-buscador input { font-size: 16px; padding: 10px 0; }
	/* Al bajar, la cabecera sube hasta dejar a la vista solo el buscador.
	   Se usa transform para no mover el contenido de la página. */
	.lit-cabecera { transition: transform .2s ease; }
	.lit-cabecera.is-recogida { transform: translateY(calc(-1 * var(--lit-recoger, 0px))); }
}
@media (max-width: 782px) { .admin-bar .lit-cabecera { top: 0; position: relative; } }

/* ---------- Migas ---------- */
.lit-migas { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: var(--tinta-2); padding-block: 14px 4px; display: flex; flex-wrap: wrap; gap: 4px 6px; }
.lit-migas a { text-decoration: none; }
.lit-migas b { color: var(--tinta); }
.lit-migas span { color: var(--rojo); }

/* ---------- Portadas y fotos ---------- */
.lit-cover { display: block; width: 100%; aspect-ratio: 1; object-fit: cover; max-width: 100%; }
img.lit-cover { border: 2px solid var(--tinta); }
.lit-cover--texto { display: grid; align-content: end; padding: 8%; font-family: var(--f-titular); text-transform: uppercase; line-height: .95; overflow: hidden; font-size: clamp(16px, 3vw, 40px); overflow-wrap: anywhere; }
.lit-cover--v1 { background: var(--tinta); color: var(--papel); }
.lit-cover--v2 { background: var(--rojo); color: var(--tinta); }
.lit-cover--v3 { background: var(--papel-2); color: var(--tinta); border: 2px solid var(--tinta); }
.lit-cover--v4 { background: radial-gradient(circle, rgba(23,19,15,.6) 34%, transparent 36%) 0 0 / 6px 6px, var(--hoja); color: var(--tinta); border: 2px solid var(--tinta); }
.lit-cover--v3 span, .lit-cover--v4 span { background: var(--hoja); padding: 0 4px; justify-self: start; }
.lit-cover--mini { width: 52px; height: 52px; font-size: 9px; padding: 4px; }
.lit-cover--sombra { box-shadow: 7px 7px 0 var(--rojo); }

/* Fotocopia: fotos en blanco y negro con trama de puntos. */
.lit-trama { position: relative; display: block; overflow: hidden; background: radial-gradient(circle, rgba(23,19,15,.55) 34%, transparent 36%) 0 0 / 7px 7px, var(--papel-2); }
.lit-trama img { display: block; width: 100%; height: 100%; object-fit: cover; filter: grayscale(1) contrast(1.25) brightness(1.05); mix-blend-mode: multiply; }
.lit-trama:has(img)::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle, rgba(23,19,15,.22) 30%, transparent 32%) 0 0 / 4px 4px; mix-blend-mode: multiply; pointer-events: none; }
.lit-credito { position: absolute; left: 8px; bottom: 8px; z-index: 2; background: var(--hoja); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; padding: 2px 6px; }

/* ---------- Listas ---------- */
.lit-lista { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--tinta); }
.lit-fila { display: grid; grid-template-columns: 52px minmax(0, 1fr) auto; gap: 14px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--linea); }
.lit-fila__texto { min-width: 0; display: grid; }
.lit-fila__artista { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.lit-fila__titulo { font-weight: 800; font-size: 16px; line-height: 1.25; text-decoration: none; }
.lit-fila__es { font-family: var(--f-letra); font-style: italic; color: var(--tinta-2); font-size: 15px; }
.lit-fila__fecha { font-size: 12px; color: var(--tinta-2); white-space: nowrap; }
@media (max-width: 600px) { .lit-fila { grid-template-columns: 52px minmax(0, 1fr); } .lit-fila__fecha { display: none; } }

.lit-az { display: flex; flex-wrap: wrap; gap: 3px; }
.lit-az a, .lit-az span { width: 28px; height: 28px; display: grid; place-items: center; border: 1px solid var(--tinta); font-weight: 800; font-size: 13px; text-decoration: none; background: var(--hoja); }
.lit-az span { opacity: .3; }
.lit-az a:hover, .lit-az a[aria-current] { background: var(--tinta); color: var(--papel); }

/* ---------- Portada ---------- */
.lit-portada-hero { display: grid; grid-template-columns: minmax(0, 1.25fr) minmax(0, 1fr); gap: 36px; padding-block: 28px; border-bottom: 1px solid var(--linea); }
.lit-portada-hero__lado { display: grid; gap: 18px; align-content: start; }
.lit-portada-hero__lado .lit-buscador { width: 100%; margin: 0; border-width: 3px; }
.lit-portada-hero__lado .lit-buscador input { font-size: 17px; padding: 12px 0; }
.lit-cita { border-left: 6px solid var(--rojo); padding: 4px 0 4px 16px; margin: 0 0 16px; display: grid; gap: 10px; }
.lit-cita p { margin: 0; font-family: var(--f-letra); font-size: 19px; line-height: 1.35; }
.lit-cita p + p { color: var(--tinta-2); font-style: italic; }
.lit-destacada--portada { display: grid; grid-template-columns: minmax(0, 200px) minmax(0, 1fr); gap: 26px; align-items: start; }
.lit-destacada__portada { display: block; margin-top: 4px; }
.lit-destacada__texto { min-width: 0; }
@media (max-width: 1000px) { .lit-destacada--portada { grid-template-columns: minmax(0, 150px) minmax(0, 1fr); gap: 18px; } }
@media (max-width: 520px) { .lit-destacada--portada { grid-template-columns: minmax(0, 1fr); } .lit-destacada__portada { max-width: 180px; } }
.lit-contador { font-family: var(--f-titular); font-size: 58px; line-height: .9; margin: 0; }
.lit-contador small { display: block; font-family: var(--f-texto); font-size: 13px; letter-spacing: .1em; text-transform: uppercase; color: var(--tinta-2); }
.lit-portada-grid { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 36px; padding-block: 8px; }
.lit-generos { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--tinta); }
.lit-generos a { display: flex; justify-content: space-between; padding: 9px 0; border-bottom: 1px solid var(--linea); text-decoration: none; font-weight: 800; text-transform: uppercase; letter-spacing: .04em; font-size: 14px; }
.lit-generos span { font-weight: 500; color: var(--tinta-2); font-variant-numeric: tabular-nums; }
.lit-archivo { background: var(--tinta); color: var(--papel); padding: 18px 20px; margin-top: 24px; }
.lit-archivo h2 { font-family: var(--f-titular); font-weight: 400; text-transform: uppercase; margin: 0 0 4px; font-size: 22px; }
.lit-archivo p { margin: 0 0 12px; font-size: 14px; color: #D9CFBC; }
@media (max-width: 820px) {
	.lit-portada-hero, .lit-portada-grid { grid-template-columns: minmax(0, 1fr); }
	/* En móvil ya está el buscador de la cabecera, siempre visible. */
	.lit-portada-hero__lado > .lit-buscador { display: none; }
}

/* ---------- Pedir la traducción ---------- */
.lit-caja-pedir { border: 2px solid var(--rojo); background: var(--hoja); padding: 14px 16px; display: grid; gap: 8px; align-content: start; }
.lit-caja-pedir > p { margin: 0; font-size: 14px; color: var(--tinta-2); }
.lit-caja-pedir--destacada { border-width: 3px; box-shadow: 6px 6px 0 var(--rojo); }
.lit-pedir-form { display: grid; gap: 8px; }
.lit-pedir-campos { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: 8px; }
.lit-pedir-campos label { display: grid; gap: 2px; font-size: 12px; font-weight: 700; letter-spacing: .04em; color: var(--tinta-2); min-width: 0; }
.lit-pedir-email { grid-column: 1 / -1; }
.lit-pedir-campos input { border: 2px solid var(--tinta); background: var(--papel); padding: 7px 9px; font-size: 15px; min-width: 0; color: var(--tinta); }
.lit-pedir-campos input:focus { outline: none; border-color: var(--rojo); }
.lit-pedir-form .lit-btn { justify-self: start; }
.lit-pedir-legal { margin: 0; font-size: 12px; color: var(--tinta-2); }
.lit-pedir { font-size: 11px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; border: 2px solid var(--rojo); color: var(--rojo); background: var(--hoja); padding: 4px 9px; cursor: pointer; white-space: nowrap; }
.lit-pedir:hover { background: var(--rojo); color: var(--papel); }
.lit-pedir-form.is-pedida .lit-pedir { background: var(--rojo); color: var(--papel); cursor: default; }
.lit-aviso { border: 2px solid var(--rojo); background: var(--rojo-claro); padding: 10px 14px; font-weight: 700; margin: 16px 0; }
.lit-aviso--error, .lit-aviso--limite { background: var(--hoja); }
.lit-pedidas { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--tinta); }
.lit-pedidas li { display: grid; grid-template-columns: 54px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--linea); }
.lit-pedidas__votos { font-family: var(--f-titular); font-size: 26px; line-height: 1; color: var(--rojo); text-align: center; }
.lit-pedidas__votos small { display: block; font-family: var(--f-texto); font-size: 10px; letter-spacing: .1em; text-transform: uppercase; color: var(--tinta-2); }
.lit-pedidas__texto { display: grid; min-width: 0; }
.lit-pedidas__texto small { font-size: 12px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
@media (max-width: 520px) { .lit-pedir-campos { grid-template-columns: minmax(0, 1fr); } }

/* ---------- Archivos, búsqueda, A–Z ---------- */
.lit-cab-archivo { padding-block: 24px 16px; border-bottom: 3px solid var(--tinta); margin-bottom: 18px; }
.lit-cab-archivo p { margin: 4px 0 0; color: var(--tinta-2); }
.lit-busqueda { display: grid; grid-template-columns: minmax(0, 2fr) minmax(0, 1fr); gap: 36px; align-items: start; }
.lit-busqueda-artistas { margin-bottom: 22px; }
.lit-sin-resultados .lit-busqueda { grid-template-columns: minmax(0, 560px); }
@media (max-width: 820px) { .lit-busqueda { grid-template-columns: minmax(0, 1fr); } }
.lit-az--fija { position: sticky; top: 70px; z-index: 5; background: var(--papel); padding-block: 8px; }
@media (max-width: 820px) { .lit-az--fija { top: 60px; } }
.lit-indice { display: grid; grid-template-columns: 80px minmax(0, 1fr); gap: 16px; border-bottom: 1px solid var(--linea); padding-block: 14px; }
.lit-indice__letra { font-family: var(--f-titular); font-weight: 400; font-size: 54px; line-height: .9; margin: 0; color: var(--rojo); }
.lit-indice ul { list-style: none; margin: 0; padding: 0; columns: 3 200px; column-gap: 24px; }
.lit-indice li { break-inside: avoid; padding: 3px 0; }
.lit-indice a { font-weight: 700; text-decoration: none; }
.lit-indice li span { font-size: 12px; color: var(--tinta-2); }
.lit-rejilla-artistas { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 18px; }
.lit-ficha-artista { display: grid; gap: 4px; text-decoration: none; }
.lit-ficha-artista .lit-trama { aspect-ratio: 4 / 3; border: 2px solid var(--tinta); }
.lit-ficha-artista b { font-family: var(--f-titular); font-weight: 400; text-transform: uppercase; font-size: 22px; line-height: 1.05; }
.lit-ficha-artista small { color: var(--tinta-2); }
.nav-links { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 22px; }
.nav-links .page-numbers { border: 2px solid var(--tinta); padding: 4px 10px; text-decoration: none; font-weight: 800; background: var(--hoja); }
.nav-links .current { background: var(--tinta); color: var(--papel); }

/* ---------- Artista ---------- */
.lit-artista__hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); border-bottom: 3px solid var(--tinta); }
.lit-artista__foto { min-height: 340px; border-right: 3px solid var(--tinta); }
.lit-artista__foto img { position: absolute; inset: 0; }
.lit-artista__info { padding: 28px clamp(16px, 3vw, 40px); display: grid; gap: 14px; align-content: end; max-width: 700px; }
.lit-artista__info .lit-cinta { justify-self: start; }
.lit-hechos { display: grid; grid-template-columns: repeat(auto-fit, minmax(120px, 1fr)); border-top: 2px solid var(--tinta); margin: 0; }
.lit-hechos div { padding: 8px 10px 0 0; }
.lit-hechos dt { font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--tinta-2); font-weight: 700; }
.lit-hechos dd { margin: 0; font-weight: 700; }
.lit-artista__cuerpo { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 36px; padding-top: 10px; }
.lit-bio { max-width: 65ch; }
.lit-disco { display: grid; grid-template-columns: repeat(auto-fill, minmax(150px, 1fr)); gap: 16px; }
.lit-disco__item { display: grid; gap: 4px; text-decoration: none; font-size: 14px; line-height: 1.3; }
.lit-disco__item .lit-cover { margin-bottom: 4px; }
.lit-disco__item > span { color: var(--tinta-2); }
.lit-disco__item em { color: var(--rojo); font-style: normal; font-weight: 800; }
.lit-galeria { display: grid; grid-template-columns: repeat(auto-fill, minmax(200px, 1fr)); gap: 10px; }
.lit-galeria figure { margin: 0; aspect-ratio: 4 / 3; border: 2px solid var(--tinta); }
.lit-miembros { list-style: none; margin: 0; padding: 0; border-top: 2px solid var(--tinta); }
.lit-miembros li { display: grid; grid-template-columns: 40px minmax(0, 1fr); gap: 10px; align-items: center; padding: 8px 0; border-bottom: 1px solid var(--linea); font-size: 15px; }
.lit-miembros__foto { width: 40px; height: 40px; border-radius: 50%; }
.lit-miembros small { display: block; color: var(--tinta-2); font-size: 13px; }
.lit-letras-az { list-style: none; margin: 0; padding: 0; columns: 2 160px; column-gap: 20px; font-size: 15px; }
.lit-letras-az li { break-inside: avoid; padding: 4px 0; border-bottom: 1px dotted var(--linea); }
.lit-letras-az a { font-weight: 700; text-decoration: none; }
@media (max-width: 820px) {
	.lit-artista__hero, .lit-artista__cuerpo { grid-template-columns: minmax(0, 1fr); }
	.lit-artista__foto { min-height: 240px; border-right: 0; border-bottom: 3px solid var(--tinta); }
}

/* ---------- Álbum ---------- */
.lit-album__hero { display: grid; grid-template-columns: minmax(0, 300px) minmax(0, 1fr); gap: 32px; padding-block: 20px 26px; align-items: end; }
.lit-album__hero .lit-cover--texto { font-size: clamp(26px, 3.6vw, 44px); }
.lit-album__por { font-weight: 800; font-size: 19px; text-decoration: none; border-bottom: 3px solid var(--rojo); margin-right: 10px; }
.lit-album__datos { display: flex; flex-wrap: wrap; gap: 6px 18px; margin: 14px 0; font-size: 15px; }
.lit-pistas { list-style: none; margin: 0; padding: 0; border-top: 3px solid var(--tinta); }
.lit-pistas li { display: grid; grid-template-columns: 40px minmax(0, 1fr) auto; gap: 12px; align-items: center; padding: 10px 0; border-bottom: 1px solid var(--linea); }
.lit-pistas__n { font-family: var(--f-titular); font-size: 21px; color: var(--tinta-2); }
.lit-pistas__si .lit-pistas__n { color: var(--rojo); }
.lit-pistas__titulo { display: grid; text-decoration: none; min-width: 0; }
.lit-pistas__titulo b { font-size: 17px; font-weight: 800; }
.lit-pistas__titulo span { font-family: var(--f-letra); font-style: italic; color: var(--tinta-2); font-size: 15px; }
.lit-pistas__no { color: var(--tinta-2); }
.lit-pistas__no .lit-pistas__titulo b { font-weight: 500; }
.lit-pistas__leer { font-size: 11px; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: var(--rojo); text-decoration: none; white-space: nowrap; }
.lit-album__mas { margin-top: 10px; }
@media (max-width: 640px) {
	.lit-album__hero { grid-template-columns: minmax(0, 1fr); }
	.lit-album__hero > .lit-cover { max-width: 240px; }
	.lit-pistas li { grid-template-columns: 32px minmax(0, 1fr); }
	.lit-pistas li > :last-child { grid-column: 2; justify-self: start; }
}

/* ---------- Canción ---------- */
.lit-cancion__cabecera { padding-block: 8px 18px; border-bottom: 3px solid var(--tinta); }
.lit-cancion__datos { display: flex; flex-wrap: wrap; align-items: center; gap: 6px 16px; font-size: 15px; margin: 0; }
.lit-cancion__cuerpo { display: grid; grid-template-columns: minmax(0, 1fr) 260px; gap: 36px; padding-top: 20px; }
.lit-herramientas { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin-bottom: 18px; }
.lit-vista { display: inline-flex; border: 2px solid var(--tinta); }
.lit-vista button { font-size: 12px; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; border: 0; background: var(--hoja); padding: 7px 11px; cursor: pointer; }
.lit-vista button + button { border-left: 2px solid var(--tinta); }
.lit-vista button[aria-pressed="true"] { background: var(--tinta); color: var(--papel); }
.lit-cancion__lado { display: grid; gap: 18px; align-content: start; }
.lit-tarjeta { border: 2px solid var(--tinta); background: var(--hoja); padding: 12px; font-size: 14px; display: grid; gap: 8px; }
.lit-tarjeta p { margin: 0; }
.lit-tarjeta__h { margin: 0; font-size: 11px; letter-spacing: .14em; text-transform: uppercase; color: var(--rojo); }
.lit-tarjeta ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 4px; }
.lit-tarjeta li a { font-weight: 700; text-decoration: none; }
.lit-tarjeta__album { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; text-decoration: none; }
.lit-tarjeta__album .lit-cover--mini { width: 64px; height: 64px; }
.lit-tarjeta dl { margin: 0; display: grid; grid-template-columns: auto minmax(0, 1fr); gap: 3px 10px; }
.lit-tarjeta dt { color: var(--tinta-2); }
.lit-tarjeta dd { margin: 0; font-weight: 700; }
.lit-paginador { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); border-block: 3px solid var(--tinta); margin-top: 28px; }
.lit-paginador a { padding: 12px 14px; text-decoration: none; min-width: 0; }
.lit-paginador__next { border-left: 2px solid var(--tinta); text-align: right; grid-column: 2; }
.lit-paginador small { display: block; font-size: 11px; letter-spacing: .12em; text-transform: uppercase; color: var(--rojo); font-weight: 800; }
@media (max-width: 820px) { .lit-cancion__cuerpo { grid-template-columns: minmax(0, 1fr); } }

/* El bloque "Letra traducida" del plugin, adaptado a la página de canción. */
.lit-contenido .li-lyrics { margin: 0; padding: 0; background: none; border: 0; }
.lit-cancion .li-lyrics__head { display: none; }
.li-lyrics__grid { column-gap: 36px; row-gap: 4px; font-family: var(--f-letra); font-size: 19px; line-height: 1.5; }
.li-lyrics__label { font-family: var(--f-texto); font-size: 11px; font-weight: 800; letter-spacing: .14em; }
.li-lyrics__line--tr { color: var(--tinta-2); }
.li-lyrics__ref { font-family: var(--f-texto); font-size: 11px; font-weight: 800; vertical-align: super; line-height: 0; }
.li-lyrics__ref a:hover { background: var(--rojo); color: var(--papel); text-decoration: none; }
.li-lyrics__notes { margin-top: 28px; border-top: 3px solid var(--tinta); font-family: var(--f-texto); font-size: 16px; }
.li-lyrics__notes-title { font-size: 24px; }
.li-lyrics__notes ol { padding-left: 1.8em; }
.li-lyrics__notes li { padding: 6px 8px; transition: background .4s; }
.li-lyrics__notes li::marker { font-family: var(--f-titular); font-weight: 400; font-size: 1.2em; }
.li-lyrics__notes li.is-destacada, .li-lyrics__notes li:target { background: var(--rojo-claro); }
.li-lyrics__frag { font-family: var(--f-letra); font-style: italic; }
/* Vista solo español / solo inglés. */
.lit-vista-es .li-lyrics__grid, .lit-vista-en .li-lyrics__grid { grid-template-columns: minmax(0, 1fr); }
.lit-vista-es .li-lyrics__line--or, .lit-vista-en .li-lyrics__line--tr { display: none; }
.lit-vista-es .li-lyrics__label, .lit-vista-en .li-lyrics__label { display: none; }
.lit-vista-es .li-lyrics__line--tr { color: var(--tinta); font-style: normal; font-size: 1.05em; margin: 0; }
@media (max-width: 767px) {
	.li-lyrics__grid { font-size: 18px; }
	.lit-contenido .li-lyrics { padding: 0; }
}

/* ---------- Páginas y entradas ---------- */
.lit-prosa { max-width: 68ch; }
.lit-prosa h2 { font-family: var(--f-titular); font-weight: 400; text-transform: uppercase; }
.lit-entradas { display: grid; gap: 22px; max-width: 70ch; }
.lit-entrada h2 { font-family: var(--f-titular); font-weight: 400; text-transform: uppercase; margin: 0; font-size: 28px; line-height: 1.05; }
.lit-entrada h2 a { text-decoration: none; }
.lit-entrada__fecha { margin: 2px 0 6px; font-size: 13px; color: var(--tinta-2); }
.lit-404 { padding-block: 40px; max-width: 760px; }
.lit-404 .lit-buscador { width: 100%; margin: 14px 0 24px; border-width: 3px; }

/* ---------- Pie ---------- */
.lit-pie { border-top: 3px solid var(--tinta); background: var(--papel); }
.lit-pie__in { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 24px; padding-block: 20px 26px; font-size: 14px; }
.lit-pie__marca { font-family: var(--f-titular); text-transform: uppercase; font-size: 18px; text-decoration: none; }
.lit-pie ul { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; gap: 6px 18px; }
.lit-pie a { text-decoration: none; }
.lit-pie__nota { margin: 0 0 0 auto; color: var(--tinta-2); font-size: 13px; }

/* ---------- Comentarios ---------- */
.comments-area { max-width: 820px; margin-top: 30px; border-top: 3px solid var(--tinta); }
.comment-list { list-style: none; padding: 0; }
.comment-form input[type="text"], .comment-form input[type="email"], .comment-form input[type="url"], .comment-form textarea { width: 100%; border: 2px solid var(--tinta); background: var(--hoja); padding: 8px; }
.comment-form .submit { border: 2px solid var(--tinta); background: var(--tinta); color: var(--papel); font-weight: 800; padding: 8px 14px; cursor: pointer; }

@media (prefers-reduced-motion: reduce) { *, *::before, *::after { transition: none !important; scroll-behavior: auto !important; } }