/*
 * manifiesto.es — libro digital.
 * EB Garamond para leer, Cormorant SC para las versalitas reales, Inter (muy poca) para la interfaz.
 * Tres temas de lectura: claro, sepia y noche (también automático según el sistema).
 */

:root {
  --papel: #f7f2e8;
  --papel-2: #efe7d7;
  --papel-3: #fbf8f1;
  --tinta: #221e19;
  --tenue: #6a6155;
  --rojo: #a4161a;
  --linea: #ddd2bf;
  --marca: #f8e3a0;
  --sombra: rgba(34, 30, 25, .14);
  --lamina: multiply;
  --texto: "EB Garamond", Garamond, "Times New Roman", serif;
  --versalitas: "Cormorant SC", "EB Garamond", Garamond, serif;
  --interfaz: Inter, system-ui, -apple-system, "Segoe UI", sans-serif;
  --escala: 1;
  --tam-lectura: calc(1.32rem * var(--escala));
  --margen: clamp(1.1rem, 5vw, 2.5rem);

  --ancho-texto: 34rem;
  --color-texto: var(--tinta);
  --color-fondo: var(--papel);
  --color-suave: var(--papel-2);
  --color-borde: var(--linea);
  --color-acento: var(--rojo);
  --color-acento-texto: var(--papel);
  --color-tenue: var(--tenue);
  --fuente-texto: var(--texto);
  --fuente-titulos: var(--texto);
  --radio: 2px;
  color-scheme: light;
}
:root[data-tema="sepia"] {
  --papel: #f0e2c4; --papel-2: #e7d5b0; --papel-3: #f6ebd3; --tinta: #3a2d1f; --tenue: #6b5640; --rojo: #9a2a12; --linea: #d4bf96; --marca: #f1cd6e; --sombra: rgba(58, 45, 31, .18);
}
:root[data-tema="noche"] {
  --papel: #171513; --papel-2: #211e1b; --papel-3: #1c1a17; --tinta: #e3dbcc; --tenue: #a99f8f; --rojo: #e8806f; --linea: #3a352f; --marca: #5c4a17; --sombra: rgba(0, 0, 0, .5); --lamina: normal;
  color-scheme: dark;
}
@media (prefers-color-scheme: dark) {
  :root:not([data-tema]) {
    --papel: #171513; --papel-2: #211e1b; --papel-3: #1c1a17; --tinta: #e3dbcc; --tenue: #a99f8f; --rojo: #e8806f; --linea: #3a352f; --marca: #5c4a17; --sombra: rgba(0, 0, 0, .5); --lamina: normal;
    color-scheme: dark;
  }
}
:root[data-letra="0"] { --escala: .9; }
:root[data-letra="2"] { --escala: 1.12; }
:root[data-letra="3"] { --escala: 1.26; }

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; scroll-padding-top: 4.5rem; }
@media (prefers-reduced-motion: no-preference) { html { scroll-behavior: smooth; } }
body {
  margin: 0; background: var(--papel); color: var(--tinta); font-family: var(--texto); font-size: 1.15rem; line-height: 1.55;
  font-kerning: normal; font-variant-ligatures: common-ligatures; min-height: 100vh; display: flex; flex-direction: column;
  transition: background-color .25s ease, color .25s ease;
}
body > * { min-width: 0; }
main { flex: 1; outline: none; }
img { max-width: 100%; height: auto; }
a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: .18em; }
:focus-visible { outline: 2px solid var(--rojo); outline-offset: 3px; border-radius: 2px; }
::selection { background: var(--marca); color: var(--tinta); }
.icono { width: 1.25rem; height: 1.25rem; flex: none; }
.saltar { position: absolute; left: 1rem; top: -4rem; z-index: 100; background: var(--tinta); color: var(--papel); padding: .6rem 1rem; font: 500 .9rem/1 var(--interfaz); text-decoration: none; border-radius: 2px; }
.saltar:focus { top: .75rem; }

/* ------------------------------------------------------------ cabecera */
.progreso { position: fixed; top: 0; left: 0; right: 0; height: 3px; z-index: 60; pointer-events: none; }
.progreso span { display: block; height: 100%; background: var(--rojo); transform: scaleX(0); transform-origin: left; }
.cabecera { position: sticky; top: 0; z-index: 50; background: color-mix(in srgb, var(--papel) 94%, transparent); backdrop-filter: blur(6px); border-bottom: 1px solid var(--linea); transition: transform .3s ease, background-color .25s ease; }
.cabecera.apartada { transform: translateY(-100%); }
.cabecera-fila { display: flex; align-items: center; gap: 1rem; min-height: 3.5rem; padding-inline: var(--margen); max-width: 90rem; margin-inline: auto; }
.marca { display: flex; align-items: center; gap: .6rem; text-decoration: none; min-height: 2.75rem; flex: none; }
.marca-icono { width: 1.75rem; height: 1.75rem; display: block; }
:root[data-tema="noche"] .marca-icono { filter: brightness(1.1); }
.marca-nombre { font: 600 1.18rem/1 var(--versalitas); text-transform: lowercase; letter-spacing: .07em; }
.marca:hover .marca-nombre { color: var(--rojo); }
.cabecera-capitulo { flex: 1; min-width: 0; margin: 0; text-align: center; font: 600 1.05rem/1 var(--versalitas); text-transform: lowercase; letter-spacing: .08em; color: var(--tenue); white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.navegacion { margin-left: auto; }
.cabecera-capitulo + .navegacion { margin-left: 0; }
.navegacion .menu { list-style: none; display: flex; gap: .25rem; margin: 0; padding: 0; }
.navegacion .menu a { display: inline-flex; align-items: center; min-height: 2.75rem; padding: 0 .7rem; font: 500 .82rem/1 var(--interfaz); letter-spacing: .06em; text-transform: uppercase; color: var(--tenue); text-decoration: none; }
.navegacion .menu a:hover, .navegacion .menu a[aria-current] { color: var(--tinta); }
.navegacion .menu a[aria-current] { box-shadow: inset 0 -2px 0 var(--rojo); }
.controles { display: flex; align-items: center; gap: .1rem; }
.control {
  display: inline-flex; align-items: center; justify-content: center; gap: .4rem; min-width: 2.75rem; height: 2.75rem; padding: 0 .55rem; border: 0; border-radius: 999px;
  background: transparent; color: var(--tinta); cursor: pointer; text-decoration: none; font: 500 .82rem/1 var(--interfaz); letter-spacing: .04em;
}
.control:hover { background: var(--papel-2); }
.control[aria-expanded="true"] { background: var(--papel-2); color: var(--rojo); }
.control-menu { display: none; }
@media (max-width: 52rem) {
  .cabecera-capitulo { display: none; }
  .control-menu { display: inline-flex; }
  .control-texto { display: none; }
  .navegacion { position: absolute; top: 100%; left: 0; right: 0; background: var(--papel); border-bottom: 1px solid var(--linea); box-shadow: 0 12px 24px -16px var(--sombra); display: none; margin: 0; }
  .navegacion.abierto { display: block; }
  .navegacion .menu { flex-direction: column; padding: .5rem var(--margen) 1rem; }
  .navegacion .menu a { font-size: .95rem; width: 100%; border-bottom: 1px solid var(--linea); }
  .marca { margin-right: auto; }
}
@media (max-width: 26rem) {
  .marca-icono { display: none; }
  .control { min-width: 2.6rem; padding: 0 .4rem; }
}

/* ------------------------------------------------------------ botones y elementos comunes */
.boton {
  display: inline-flex; align-items: center; gap: .6rem; min-height: 3rem; padding: .8rem 1.4rem; border: 1px solid var(--tinta); border-radius: 2px;
  background: var(--tinta); color: var(--papel); font: 500 .92rem/1 var(--interfaz); letter-spacing: .03em; text-decoration: none; transition: background-color .15s ease, color .15s ease, border-color .15s ease;
}
.boton:hover { background: var(--rojo); border-color: var(--rojo); color: var(--papel); }
.boton-secundario { background: transparent; color: var(--tinta); }
.boton-secundario:hover { background: var(--papel-2); color: var(--tinta); border-color: var(--tinta); }
.boton:active, .control:active { transform: translateY(1px); }
.indice-lista a:focus-visible .indice-titulo { color: var(--rojo); }
.portada-datos, .indice-min, .buscar-total, .lista-textos-meta { font-variant-numeric: tabular-nums; }
.enlace-flecha { display: inline-flex; align-items: center; gap: .45rem; font: 500 .9rem/1 var(--interfaz); letter-spacing: .03em; color: var(--rojo); text-decoration: none; min-height: 2.75rem; }
.enlace-flecha .icono { width: 1.1rem; height: 1.1rem; transition: transform .15s ease; }
.enlace-flecha:hover .icono { transform: translateX(3px); }
.enlace-flecha:hover { text-decoration: underline; }
.seccion-titulo { display: flex; align-items: center; gap: 1.25rem; font: 600 1.55rem/1 var(--versalitas); text-transform: lowercase; letter-spacing: .14em; color: var(--tinta); margin: 0 0 2rem; text-align: center; }
.seccion-titulo::before, .seccion-titulo::after { content: ""; flex: 1; height: 1px; background: var(--linea); }
.seccion-titulo-menor { font-size: 1.2rem; margin-top: 3.5rem; }
.seccion-entradilla { text-align: center; color: var(--tenue); font-style: italic; margin: -1rem 0 1.5rem; }
.portadilla-ornamento, .pie-ornamento, .epigrafe-ornamento { color: var(--rojo); text-align: center; font-size: 1.6rem; line-height: 1; margin: 1.5rem 0 0; }
.migas ol { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: .4rem; margin: 0 0 1.5rem; padding: 0; font: 500 .75rem/1.3 var(--interfaz); letter-spacing: .08em; text-transform: uppercase; color: var(--tenue); }
.migas li + li::before { content: "·"; margin-right: .4rem; }
.migas a { text-decoration: none; }
.migas a:hover { color: var(--rojo); }

/* buscador */
.x-buscador { max-width: 34rem; margin: 0 auto; gap: .5rem; align-items: flex-end; }
.x-buscador input {
  border: 0; border-bottom: 1px solid var(--tinta); border-radius: 0; background: transparent; color: var(--tinta); font: italic 400 1.35rem/1.3 var(--texto); padding: .5rem .1rem; min-height: 3rem;
}
.x-buscador input::placeholder { color: var(--tenue); opacity: 1; }
.x-buscador input:focus { outline: none; border-bottom: 2px solid var(--rojo); }
.x-buscador button { border-radius: 2px; background: var(--tinta); border: 1px solid var(--tinta); color: var(--papel); font: 500 .9rem/1 var(--interfaz); padding: 0 1.2rem; min-height: 3rem; }
.x-buscador button:hover { background: var(--rojo); border-color: var(--rojo); transform: none; box-shadow: none; }

/* ------------------------------------------------------------ portada */
.portada { padding: clamp(2.5rem, 7vw, 5.5rem) var(--margen) clamp(3rem, 7vw, 5rem); }
.portada-rejilla { max-width: 74rem; margin: 0 auto; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: clamp(2rem, 6vw, 5.5rem); align-items: center; }
.portada-lamina { margin: 0; }
.lamina-marco { background: var(--papel-3); border: 1px solid var(--linea); padding: clamp(.6rem, 1.5vw, 1rem); box-shadow: 0 1px 0 var(--linea), 0 30px 50px -35px var(--sombra); outline: 1px solid var(--linea); outline-offset: 6px; }
.lamina-marco img { display: block; width: 100%; mix-blend-mode: var(--lamina); filter: sepia(.15) contrast(1.05); }
:root[data-tema="noche"] .lamina-marco img { filter: grayscale(.4) brightness(.78) contrast(1.05); }
@media (prefers-color-scheme: dark) { :root:not([data-tema]) .lamina-marco img { filter: grayscale(.4) brightness(.78) contrast(1.05); } }
.portada-lamina figcaption { text-align: center; margin-top: .9rem; font: 600 1rem/1.2 var(--versalitas); text-transform: lowercase; letter-spacing: .1em; color: var(--tenue); }
.portada-autores { font: 600 1.15rem/1.2 var(--versalitas); text-transform: lowercase; letter-spacing: .16em; color: var(--rojo); margin: 0 0 1.25rem; }
.portada-titulo { font: 500 clamp(2.9rem, 6.4vw, 5.4rem)/1 var(--texto); letter-spacing: -.012em; margin: 0; text-wrap: balance; }
.portada-lema { font: italic 400 clamp(1.3rem, 2.4vw, 1.7rem)/1.3 var(--texto); color: var(--tenue); margin: 1.25rem 0 0; }
.portada-datos { font: 600 1.12rem/1.3 var(--versalitas); letter-spacing: .1em; text-transform: lowercase; color: var(--tenue); margin: 1.75rem 0 0; font-variant-numeric: oldstyle-nums; }
.portada-botones { display: flex; flex-wrap: wrap; gap: .75rem; margin: 2rem 0 0; }
.portada-continuar { margin: 1.5rem 0 0; }
.portada-continuar a { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: .2rem .6rem; text-decoration: none; padding: .7rem 0; border-top: 1px solid var(--linea); }
.continuar-rotulo { font: 500 .75rem/1 var(--interfaz); letter-spacing: .1em; text-transform: uppercase; color: var(--rojo); }
.portada-continuar [data-continuar-texto] { font-style: italic; }
.portada-continuar a:hover [data-continuar-texto] { text-decoration: underline; }

.epigrafe { max-width: 46rem; margin: 0 auto; padding: clamp(2rem, 6vw, 4rem) var(--margen); text-align: center; border-top: 1px solid var(--linea); }
.epigrafe-ornamento { margin: 0 0 1.5rem; }
.epigrafe-texto { margin: 0 0 1rem; border: 0; padding: 0; font: italic 400 clamp(1.4rem, 2.8vw, 1.85rem)/1.42 var(--texto); text-wrap: pretty; }
.epigrafe-texto p { margin: 0; }
.epigrafe-texto p::before { content: "«"; color: var(--rojo); }
.epigrafe-texto p::after { content: "»"; color: var(--rojo); }

.indice-portada { max-width: 46rem; margin: 0 auto; padding: clamp(2.5rem, 6vw, 4.5rem) var(--margen) 1rem; }
.buscar-portada { max-width: 46rem; margin: 0 auto; padding: clamp(2.5rem, 6vw, 4rem) var(--margen) clamp(3rem, 6vw, 5rem); }

/* índice (portada y lateral) */
.indice-lista, .indice-sub { list-style: none; margin: 0; padding: 0; }
.indice-lista > li { border-bottom: 1px solid var(--linea); padding-block: .4rem; }
.indice-lista a { display: flex; align-items: baseline; gap: .8rem; text-decoration: none; padding-block: .35rem; }
.indice-lista .nivel-2 > a { min-height: 2.75rem; }
.indice-num { font: 500 1.35rem/1 var(--texto); color: var(--rojo); min-width: 2.2rem; font-variant-numeric: oldstyle-nums; }
.indice-titulo { font: 600 1.4rem/1.15 var(--versalitas); text-transform: lowercase; letter-spacing: .06em; }
.indice-inicio .indice-titulo { font: italic 400 1.3rem/1.2 var(--texto); text-transform: none; letter-spacing: 0; }
.indice-min { margin-left: auto; font: 500 .8rem/1 var(--interfaz); letter-spacing: .08em; color: var(--tenue); white-space: nowrap; padding-left: .5rem; }
.indice-sub { padding: 0 0 .6rem 3rem; }
.indice-sub a { gap: .4rem; padding-block: .25rem; }
.indice-sub .indice-num { font-size: 1rem; min-width: 0; }
.indice-sub .indice-titulo { font: 400 1.1rem/1.3 var(--texto); text-transform: none; letter-spacing: 0; }
.indice-sub .nivel-3 .indice-titulo { font: 600 1.08rem/1.25 var(--versalitas); text-transform: lowercase; letter-spacing: .06em; }
.indice-sub .nivel-4 { padding-left: 1.5rem; }
.indice-sub .nivel-4 .indice-titulo { font-style: italic; }
.indice-lista a:hover .indice-titulo { color: var(--rojo); }
.indice-lista a[aria-current] .indice-titulo { color: var(--rojo); }

/* portada: ficha en cifras, capítulos, cita a sangre, medidas, final y otras lecturas */
.ficha-libro { border-block: 1px solid var(--linea); background: var(--papel-3); }
.ficha-cifras { max-width: 74rem; margin: 0 auto; padding: clamp(1.75rem, 4vw, 2.5rem) var(--margen); display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1.5rem; }
.ficha-cifras div { display: flex; flex-direction: column-reverse; align-items: center; text-align: center; gap: .4rem; }
.ficha-cifras dd { margin: 0; font: 500 clamp(2.4rem, 5vw, 3.6rem)/1 var(--texto); color: var(--rojo); font-variant-numeric: oldstyle-nums; letter-spacing: -.01em; }
.ficha-cifras dt { font: 600 1.05rem/1.2 var(--versalitas); text-transform: lowercase; letter-spacing: .1em; color: var(--tenue); }
.ficha-cifras div + div { border-left: 1px solid var(--linea); }

.capitulos-portada { max-width: 74rem; margin: 0 auto; padding: clamp(3rem, 7vw, 5rem) var(--margen) 1rem; }
.capitulos-rejilla { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1.25rem; }
.capitulo-ficha { background: var(--papel-3); border: 1px solid var(--linea); display: flex; flex-direction: column; transition: border-color .18s ease, box-shadow .18s ease; }
.capitulo-ficha:hover { border-color: var(--rojo); box-shadow: 0 18px 40px -30px var(--sombra); }
.capitulo-enlace { display: grid; grid-template-columns: auto minmax(0, 1fr); grid-template-areas: "num titulo" "num incipit" "num min"; column-gap: 1.25rem; row-gap: .6rem; padding: clamp(1.25rem, 3vw, 2rem); text-decoration: none; flex: 1; align-content: start; }
.capitulo-num { grid-area: num; font: 500 clamp(3rem, 6vw, 4.5rem)/.85 var(--texto); color: var(--rojo); min-width: 3.5rem; }
.capitulo-titulo { grid-area: titulo; font: 600 1.45rem/1.2 var(--versalitas); text-transform: lowercase; letter-spacing: .07em; text-wrap: balance; }
.capitulo-incipit { grid-area: incipit; font: italic 400 1.15rem/1.45 var(--texto); color: var(--tenue); text-wrap: pretty; }
.capitulo-min { grid-area: min; font: 500 .85rem/1 var(--interfaz); letter-spacing: .06em; color: var(--tenue); font-variant-numeric: tabular-nums; }
.capitulo-enlace:hover .capitulo-titulo { color: var(--rojo); }
.capitulo-subs { list-style: none; margin: 0; padding: .9rem clamp(1.25rem, 3vw, 2rem) 1.25rem calc(clamp(1.25rem, 3vw, 2rem) + 4.75rem); border-top: 1px solid var(--linea); }
.capitulo-subs a { display: flex; gap: .4rem; min-height: 2.75rem; align-items: center; text-decoration: none; font: 600 1.08rem/1.2 var(--versalitas); letter-spacing: .05em; }
.capitulo-subs a span { color: var(--rojo); font-family: var(--texto); }
.capitulo-subs a:hover { color: var(--rojo); }

.cita-banda { background: var(--tinta); color: var(--papel); margin-top: clamp(3rem, 7vw, 5rem); padding: clamp(3.5rem, 9vw, 7rem) var(--margen); text-align: center; position: relative; overflow: hidden; }
.cita-banda::before { content: "«"; position: absolute; left: 50%; top: -.2em; transform: translateX(-50%); font: 400 clamp(14rem, 30vw, 26rem)/1 var(--texto); color: var(--papel); opacity: .06; pointer-events: none; }
.cita-banda figure { margin: 0 auto; max-width: 52rem; position: relative; }
.cita-banda blockquote { margin: 0; padding: 0; border: 0; }
.cita-banda blockquote p { margin: 0; font: 400 clamp(1.9rem, 4.4vw, 3.4rem)/1.18 var(--texto); text-wrap: balance; letter-spacing: -.005em; }
.cita-banda figcaption { margin-top: 2rem; }
.cita-banda figcaption a { display: inline-flex; align-items: center; gap: .5rem; min-height: 2.75rem; font: 600 1.1rem/1 var(--versalitas); text-transform: lowercase; letter-spacing: .12em; color: var(--papel); text-decoration: none; opacity: .85; }
.cita-banda figcaption a:hover { opacity: 1; text-decoration: underline; text-underline-offset: .25em; }
.cita-banda :focus-visible { outline-color: var(--papel); }

.medidas { max-width: 74rem; margin: 0 auto; padding: clamp(3.5rem, 8vw, 6rem) var(--margen) 1rem; display: grid; grid-template-columns: minmax(0, 18rem) minmax(0, 1fr); gap: clamp(2rem, 5vw, 4.5rem); align-items: start; }
.medidas-cabecera { position: sticky; top: 5rem; }
.medidas-cabecera .seccion-titulo { justify-content: flex-start; text-align: left; font-size: 1.9rem; margin-bottom: 1rem; }
.medidas-cabecera .seccion-titulo::before { display: none; }
.medidas-cabecera .seccion-titulo::after { flex: 0 0 3rem; }
.medidas-cabecera .seccion-entradilla { text-align: left; margin: 0; font-size: 1.15rem; }
.medidas-lista { list-style: none; margin: 0; padding: 0; columns: 2 18rem; column-gap: 2.5rem; }
.medidas-lista li { break-inside: avoid; border-top: 1px solid var(--linea); }
.medidas-lista a { display: grid; grid-template-columns: 2.6rem minmax(0, 1fr); gap: .75rem; padding: .9rem 0 1rem; text-decoration: none; }
.medida-num { font: 500 2.1rem/.9 var(--texto); color: var(--rojo); font-variant-numeric: oldstyle-nums; text-align: right; }
.medida-texto { font-size: 1.12rem; line-height: 1.45; text-wrap: pretty; }
.medidas-lista a:hover .medida-texto { color: var(--rojo); }

.final-banda { background: var(--rojo); color: #fbf4ea; text-align: center; padding: clamp(3.5rem, 9vw, 7rem) var(--margen); margin-top: clamp(2rem, 5vw, 3rem); --foco: #fbf4ea; }
:root[data-tema="noche"] .final-banda { background: #5a1410; }
@media (prefers-color-scheme: dark) { :root:not([data-tema]) .final-banda { background: #5a1410; } }
.final-cierre { margin: 0 auto; max-width: 44rem; font: italic 400 clamp(1.6rem, 3.5vw, 2.5rem)/1.25 var(--texto); text-wrap: balance; }
.final-consigna { margin: 1.75rem auto 0; font: 700 clamp(1.9rem, 5.5vw, 4.25rem)/1.05 var(--versalitas); text-transform: lowercase; letter-spacing: .06em; text-wrap: balance; }
.final-acciones { display: flex; flex-wrap: wrap; justify-content: center; align-items: center; gap: 1rem 2rem; margin: 2.5rem 0 0; }
.boton-claro { background: #fbf4ea; color: #7a1012; border-color: #fbf4ea; }
.boton-claro:hover { background: transparent; color: #fbf4ea; border-color: #fbf4ea; }
.enlace-claro, .enlace-claro:hover { color: #fbf4ea; }

.lecturas { max-width: 74rem; margin: 0 auto; padding: clamp(3rem, 7vw, 5rem) var(--margen) 0; }
.lecturas-rejilla { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fit, minmax(min(100%, 15rem), 1fr)); gap: 1rem; }
.lecturas-rejilla a { display: grid; grid-template-columns: minmax(0, 1fr) auto; grid-template-areas: "titulo flecha" "dominio flecha"; gap: .3rem 1rem; align-items: center; padding: 1.25rem 1.4rem; border: 1px solid var(--linea); text-decoration: none; height: 100%; transition: border-color .18s ease, background-color .18s ease; }
.lecturas-rejilla a:hover { border-color: var(--rojo); background: var(--papel-3); }
.lectura-titulo { grid-area: titulo; font: 500 1.35rem/1.2 var(--texto); }
.lectura-dominio { grid-area: dominio; font: 500 .95rem/1.2 var(--interfaz); color: var(--tenue); overflow-wrap: anywhere; }
.lecturas-rejilla .icono { grid-area: flecha; color: var(--rojo); }
.tipo-inicio .pie-lecturas { display: none; }
@media (max-width: 60rem) {
  .ficha-cifras { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 1.75rem; }
  .ficha-cifras div:nth-child(4) { border-left: 0; }
  .capitulos-rejilla { grid-template-columns: minmax(0, 1fr); }
  .medidas { grid-template-columns: minmax(0, 1fr); }
  .medidas-cabecera { position: static; }
}
@media (max-width: 40rem) {
  .ficha-cifras { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .ficha-cifras div + div { border-left: 0; }
  .ficha-cifras div:last-child { grid-column: 1 / -1; }
  .capitulo-enlace { grid-template-areas: "num titulo" "incipit incipit" "min min"; }
  .capitulo-num { min-width: 0; font-size: 2.8rem; }
  .capitulo-subs { padding-left: 1.25rem; }
  .medidas-lista { columns: 1; }
}

/* ------------------------------------------------------------ lector */
.lector { max-width: 90rem; margin: 0 auto; padding-inline: var(--margen); }
.libro { max-width: calc(30em + 2 * var(--margen)); margin: 0 auto; font-size: var(--tam-lectura); }
.libro-portadilla { text-align: center; padding: clamp(2.5rem, 8vw, 5.5rem) 0 clamp(2rem, 5vw, 3rem); }
.libro-portadilla .portada-autores { font-size: .9em; }
.libro-titulo { font: 500 clamp(2.3rem, 5.2vw, 3.6rem)/1.04 var(--texto); margin: 0 auto; max-width: 14em; text-wrap: balance; letter-spacing: -.01em; }
.libro-portadilla .portada-lema { font-size: 1.05em; }
.libro-portadilla .portada-datos { margin-top: 1.25rem; }
.libro-texto { line-height: 1.62; text-align: justify; hyphens: auto; -webkit-hyphens: auto; hanging-punctuation: first; font-variant-numeric: oldstyle-nums; }
.contenido.libro-texto > * { max-width: none; }
.libro-texto p { margin: 0; scroll-margin-top: 5rem; }
.libro-texto p + p { text-indent: 1.5em; }
.libro-texto p { text-wrap: pretty; }
.libro-texto p.enumeracion { text-indent: 0; position: relative; padding-left: 2.1em; margin: .3em 0; text-align: left; }
.libro-texto p.enumeracion + p:not(.enumeracion) { margin-top: .6em; }
.enum-num { position: absolute; left: 0; width: 1.65em; text-align: right; color: var(--rojo); font-variant-numeric: oldstyle-nums; }
.libro-texto p.inicial { text-indent: 0; display: flow-root; }
.libro-texto p.inicial::first-letter { float: left; font: 500 4.05em/.8 var(--texto); color: var(--rojo); padding: .07em .09em 0 0; text-transform: uppercase; }
.libro-texto p.inicial::first-line { font-family: var(--versalitas); font-weight: 600; text-transform: lowercase; letter-spacing: .04em; }
.libro-texto p:target { background: var(--marca); box-shadow: 0 0 0 .35em var(--marca); border-radius: 1px; }
.libro-texto h2.capitulo, .libro-texto h3.apartado, .libro-texto h4.subapartado { text-align: center; text-wrap: balance; scroll-margin-top: 4.5rem; }
.libro-texto h2.capitulo { margin: 3.5em 0 2em; display: flex; flex-direction: column; align-items: center; gap: .55em; font-weight: 500; }
.libro-texto h2.capitulo::before { content: ""; display: block; width: 3.5em; height: 1px; background: var(--linea); margin-bottom: 2.5em; }
.libro-texto h2.capitulo .num { font: 500 2.4em/1 var(--texto); color: var(--rojo); letter-spacing: .02em; }
.libro-texto h2.capitulo .titulo { font: 600 1.15em/1.25 var(--versalitas); text-transform: lowercase; letter-spacing: .12em; max-width: 22em; }
.libro-texto h3.apartado { margin: 3.2em 0 1.4em; font: 600 1em/1.3 var(--versalitas); text-transform: lowercase; letter-spacing: .1em; }
.libro-texto h3.apartado .num { font-family: var(--texto); color: var(--rojo); font-weight: 500; letter-spacing: 0; }
.libro-texto h4.subapartado { margin: 2.6em 0 1.2em; font: italic 400 1.02em/1.35 var(--texto); }
.libro-texto h4.subapartado .num { font-style: normal; color: var(--rojo); }
.libro-texto h2 + p, .libro-texto h3 + p, .libro-texto h4 + p { text-indent: 0; }
.libro-texto p.consigna { text-align: center; text-indent: 0; margin: 3.5em 0 1.5em; font: 700 1.45em/1.25 var(--versalitas); text-transform: lowercase; letter-spacing: .07em; color: var(--rojo); text-wrap: balance; hyphens: none; }
.libro-texto p.consigna::before { content: "❦"; display: block; font: 400 1.1rem/1 var(--texto); margin-bottom: 1.25rem; letter-spacing: 0; }
.colofon-logos { display: flex; justify-content: center; align-items: center; flex-wrap: wrap; gap: 2rem; margin: 2.5rem 0 0; }
.colofon-logos a { display: block; }
.colofon-logos img { display: block; width: 6.5rem; height: auto; margin: 0; filter: grayscale(1) contrast(1.1); mix-blend-mode: var(--lamina); opacity: .8; transition: filter .2s ease, opacity .2s ease; }
.colofon-logos a:hover img { filter: none; opacity: 1; }
.libro-fin { text-align: center; padding: 3rem 0 1rem; font-size: 1rem; }
.libro-fin-marca { font: 600 1.4rem/1 var(--versalitas); text-transform: lowercase; letter-spacing: .4em; color: var(--tenue); margin: 0 0 1.5rem; }
.libro-fin-marca::before, .libro-fin-marca::after { content: "—"; margin: 0 .6em; letter-spacing: 0; color: var(--linea); }
.libro-fin-enlaces { display: flex; flex-wrap: wrap; justify-content: center; gap: .5rem 1.5rem; margin: 0; }
.libro-fin-enlaces a { display: inline-flex; align-items: center; gap: .4rem; min-height: 2.75rem; font: 500 .88rem/1 var(--interfaz); color: var(--tenue); text-decoration: none; }
.libro-fin-enlaces a:hover { color: var(--rojo); }

/* índice lateral */
.indice-lateral-cabecera { display: flex; align-items: center; justify-content: space-between; gap: 1rem; margin-bottom: .5rem; }
.indice-lateral-titulo { margin: 0; font: 500 .75rem/1 var(--interfaz); letter-spacing: .14em; text-transform: uppercase; color: var(--tenue); }
.indice-lateral .indice-lista > li { padding-block: .15rem; }
.indice-lateral .indice-lista a { padding-block: .3rem; }
.indice-lateral .indice-num { font-size: 1.15rem; min-width: 1.8rem; }
.indice-lateral .indice-titulo { font-size: 1.24rem; letter-spacing: .05em; line-height: 1.18; }
.indice-lateral .indice-inicio .indice-titulo { font-size: 1.02rem; }
.indice-lateral .indice-min { display: none; }
.indice-lateral .indice-sub { padding-left: 1.7rem; }
.indice-lateral .indice-sub .indice-titulo { font-size: 1.02rem; }
.indice-lateral .indice-sub .nivel-3 .indice-titulo { font-size: 1.14rem; }
.indice-lateral a[aria-current] { box-shadow: inset 2px 0 0 var(--rojo); padding-left: .55rem; margin-left: -.55rem; }

@media (min-width: 75rem) {
  .lector.con-indice { display: grid; grid-template-columns: 16rem minmax(0, 1fr) 16rem; gap: 2rem; }
  .indice-lateral { position: sticky; top: 4.5rem; align-self: start; max-height: calc(100vh - 5.5rem); overflow-y: auto; padding: 2rem .5rem 2rem 0; scrollbar-width: thin; }
  .indice-cerrar, [aria-controls="indice-lateral"] { display: none !important; }
}
@media (max-width: 74.99rem) {
  .indice-lateral {
    position: fixed; z-index: 70; top: 0; bottom: 0; left: 0; width: min(23rem, 88vw); padding: 1rem 1.25rem 2rem; overflow-y: auto; background: var(--papel);
    border-right: 1px solid var(--linea); box-shadow: 20px 0 60px -30px var(--sombra); transform: translateX(-105%); visibility: hidden; transition: transform .25s ease, visibility .25s;
  }
  .indice-lateral.abierto { transform: none; visibility: visible; }
}

/* enlace a cada pasaje, cita y avisos */
.libro-texto p[id] { position: relative; }
.pasaje-enlace { position: absolute; left: -2.5rem; top: .15em; width: 1.9rem; height: 1.9rem; display: grid; place-items: center; border: 0; border-radius: 50%; background: none; color: var(--tenue); font: 400 1.05rem/1 var(--texto); text-indent: 0; opacity: 0; cursor: pointer; transition: opacity .15s ease, background-color .15s ease; }
.libro-texto p:hover > .pasaje-enlace, .pasaje-enlace:focus-visible { opacity: .75; }
.pasaje-enlace:hover { opacity: 1; color: var(--rojo); background: var(--papel-2); }
.cita-boton { position: fixed; z-index: 80; border: 0; border-radius: 999px; background: var(--tinta); color: var(--papel); font: 500 .82rem/1 var(--interfaz); letter-spacing: .03em; padding: .7rem 1.1rem; cursor: pointer; box-shadow: 0 10px 24px -10px var(--sombra); }
.cita-boton[hidden] { display: none; }
.cita-boton:hover { background: var(--rojo); }
.aviso-flotante { position: fixed; z-index: 90; left: 50%; bottom: 1.5rem; margin: 0; transform: translate(-50%, 1rem); opacity: 0; pointer-events: none; background: var(--tinta); color: var(--papel); padding: .75rem 1.25rem; border-radius: 999px; font: 500 .9rem/1.2 var(--interfaz); transition: opacity .2s ease, transform .2s ease; }
.aviso-flotante:empty { display: none; }
.aviso-flotante.visible { opacity: 1; transform: translate(-50%, 0); }
.cabecera-quedan { font: 500 .78rem/1 var(--interfaz); text-transform: none; letter-spacing: .04em; color: var(--tenue); white-space: nowrap; }

/* ------------------------------------------------------------ hojas (páginas, búsqueda, 404) */
.hoja { max-width: 42rem; margin: 0 auto; padding: clamp(2.5rem, 7vw, 4.5rem) var(--margen) 2rem; }
.hoja-cabecera { text-align: center; margin-bottom: 2.5rem; }
.hoja-titulo { font: 500 clamp(2.2rem, 5vw, 3.4rem)/1.05 var(--texto); margin: 0; text-wrap: balance; letter-spacing: -.01em; }
.hoja-texto { font-size: 1.2rem; line-height: 1.6; hyphens: auto; }
.contenido.hoja-texto > * { max-width: none; }
.hoja-texto p { text-align: justify; }
.hoja-texto a { color: var(--rojo); }
.hoja-entradilla { text-align: center; font-style: italic; color: var(--tenue); font-size: 1.2rem; }
.lista-textos { list-style: none; margin: 0; padding: 0; }
.lista-textos li { padding-block: 1.5rem; border-bottom: 1px solid var(--linea); }
.lista-textos-titulo { font: 500 1.7rem/1.15 var(--texto); margin: 0 0 .4rem; }
.lista-textos-titulo a { text-decoration: none; }
.lista-textos-titulo a:hover { color: var(--rojo); }
.lista-textos p { margin: 0; color: var(--tenue); }
.lista-textos-meta { font: 500 .75rem/1.4 var(--interfaz) !important; letter-spacing: .1em; text-transform: uppercase; margin-top: .5rem !important; }
.buscar-total { text-align: center; font: 600 1.15rem/1.3 var(--versalitas); letter-spacing: .1em; text-transform: lowercase; color: var(--tenue); margin: 2rem 0 1rem; }
.pasajes { list-style: none; margin: 0; padding: 0; }
.pasaje { padding-block: 1.6rem; border-bottom: 1px solid var(--linea); }
.pasaje-lugar { margin: 0 0 .6rem; font: 600 1rem/1.2 var(--versalitas); text-transform: lowercase; letter-spacing: .1em; color: var(--rojo); }
.pasaje-texto { margin: 0 0 .4rem; padding: 0; border: 0; font-style: normal; font-size: 1.2rem; line-height: 1.55; }
.pasaje-texto p { margin: 0; }
mark { background: var(--marca); color: inherit; padding: 0 .1em; border-radius: 1px; }
.hoja-error { text-align: center; }
.error-num { font: 500 clamp(6rem, 20vw, 10rem)/1 var(--texto); color: var(--rojo); margin: 0 0 .5rem; font-variant-numeric: oldstyle-nums; letter-spacing: .02em; }
.hoja-error .x-buscador { margin-top: 2rem; }
.error-enlaces { display: flex; flex-wrap: wrap; justify-content: center; gap: .75rem; margin-top: 2.5rem; }

/* ------------------------------------------------------------ pie */
.pie { background: var(--papel-2); border-top: 1px solid var(--linea); margin-top: clamp(3rem, 8vw, 5rem); }
.pie-interior { max-width: 46rem; margin: 0 auto; padding: 2.5rem var(--margen) 3rem; text-align: center; }
.pie-ornamento { margin: 0 0 1rem; }
.pie-titulo { font: 600 1.35rem/1.2 var(--versalitas); text-transform: lowercase; letter-spacing: .1em; margin: 0; }
.pie-lema { font-style: italic; color: var(--tenue); margin: .3rem 0 0; }
.pie-bloque { margin-top: 2rem; }
.pie-rotulo { font: 500 .72rem/1 var(--interfaz); letter-spacing: .14em; text-transform: uppercase; color: var(--tenue); margin: 0 0 .5rem; }
.pie-lista { list-style: none; margin: 0; padding: 0; display: flex; flex-wrap: wrap; justify-content: center; gap: 0 1.4rem; }
.pie-lista a { display: inline-flex; align-items: center; min-height: 2.75rem; font-size: 1.08rem; text-decoration: none; }
.pie-lista a:hover { color: var(--rojo); text-decoration: underline; }
.pie-legal a { font: 400 .85rem/1.2 var(--interfaz); color: var(--tenue); }
.pie-nota { font: 400 .8rem/1.5 var(--interfaz); color: var(--tenue); margin: 1.5rem 0 0; }

/* acabado */
html { accent-color: var(--rojo); scrollbar-color: var(--linea) var(--papel); }
a, button, .control, .boton { transition-duration: .18s; }
.x-buscador input { font-size: max(1.35rem, 16px); }

/* ------------------------------------------------------------ adaptación */
@media (max-width: 60rem) {
  .portada-rejilla { grid-template-columns: minmax(0, 1fr); }
  .portada-lamina { max-width: 34rem; }
  .portada-texto { text-align: left; }
  .lamina-marco { outline: none; }
  .portada-lamina figcaption { display: none; }
}
@media (max-width: 40rem) {
  :root { --tam-lectura: calc(1.17rem * var(--escala)); }
  .libro-texto { text-align: left; hyphens: manual; }
  .libro-texto p + p { text-indent: 1.2em; }
  .indice-sub { padding-left: 2.2rem; }
  .indice-titulo { font-size: 1.22rem; }
  .indice-min { display: none; }
  .hoja-texto p { text-align: left; }
  .x-buscador { flex-direction: column; align-items: stretch; }
}

@media (prefers-reduced-motion: reduce) {
  .cabecera, .indice-lateral, body { transition: none; }
}

@media print {
  :root { --papel: #fff; --tinta: #000; --rojo: #000; --tenue: #333; --linea: #999; }
  .cabecera, .progreso, .indice-lateral, .pie, .libro-fin-enlaces, .pasaje-enlace, .cita-boton, .aviso-flotante, .portada-botones, .portada-continuar, .buscar-portada, .x-buscador { display: none !important; }
  .lector.con-indice { display: block; }
  .libro { max-width: none; font-size: 11.5pt; }
  .libro-texto h2.capitulo { break-before: page; margin-top: 0; }
  .libro-texto p { orphans: 3; widows: 3; }
  a { text-decoration: none; }
}