/*
 * print.css — Impresión (sección 12 de PROMPT.md). Se carga con media="print".
 *
 * Oculta controles y navegación, muestra la línea de tiempo como la vista lista (lectura lineal
 * y sin imágenes, sea cual sea data-vista), imprime la URL de los enlaces externos y quita fondos.
 */

@page {
  margin: 18mm 16mm;
}

/* ---- Fondos, colores y sombras -------------------------------------------------------------- */
*,
*::before,
*::after {
  background: transparent !important;
  color: #000 !important;
  box-shadow: none !important;
  text-shadow: none !important;
  transition: none !important;
  animation: none !important;
}

html {
  font-size: 11pt;
  scroll-padding-top: 0;
}
body {
  display: block;
  min-height: 0;
}

/* ---- Lo que no se imprime ------------------------------------------------------------------------ */
.saltar,
.franja-institucional,
.cabecera__menu,
.cabecera__colapsable,
.zoom,
#selector-vistas,
#filtros,
#nav-horizontal,
#sin-resultados,
.modal,
.modal-backdrop,
.hito__img,
.hito__accion,
.pie__accion,
.pie__nav,
.pie__monumento,
[data-hilo-hoy],
.siglo__decadas,
.recorrido__img,
.error__hilo,
noscript,
button,
.btn:not(a) {
  display: none !important;
}

.cabecera {
  position: static !important;
  margin: 0 0 6mm !important;
}
.cabecera::after {
  display: none;
}
.pie {
  margin-top: 10mm;
  overflow: visible;
  border-top: 1px solid #000;
}

/* ---- Contenido revelado: siempre visible ------------------------------------------------------------ */
[data-reveal],
.reveal-listo [data-reveal]:not(.is-visible) {
  opacity: 1 !important;
  transform: none !important;
}

/* ---- Línea de tiempo como vista lista ----------------------------------------------------------------- */
#linea-tiempo,
#marco-linea,
#lista-linea {
  display: block !important;
  height: auto !important;
  max-height: none !important;
  overflow: visible !important;
  scroll-snap-type: none !important;
}
#marco-linea::before,
#marco-linea::after,
#lista-linea::before,
#lista-linea::after,
#lista-linea .hito::before,
#lista-linea .hito::after,
#lista-linea .hito__tarjeta::before,
#lista-linea .hito__tarjeta::after {
  display: none !important;
}
#lista-linea {
  margin: 0;
  padding: 0;
  list-style: none;
}
#lista-linea .hito {
  display: block !important;
  position: static !important;
  width: auto !important;
  max-width: 70ch;
  margin: 0 0 6mm !important;
  padding: 0 !important;
  transform: none !important;
  opacity: 1 !important;
  break-inside: avoid;
}
#lista-linea .hito[hidden] {
  display: none !important;
}
#lista-linea .hito__tarjeta {
  display: block !important;
  position: static !important;
  padding: 0 !important;
  border: 0 !important;
  transform: none !important;
}
.hito__anio {
  font-weight: 700;
  margin: 0;
}
.hito__titulo {
  font-size: 13pt;
  margin: 0 0 1mm;
}

/* ---- Portada: el monumento a tamaño de papel ------------------------------------------------------------ */
.portada-hero {
  min-height: 0 !important;
}
.siglo__monumento {
  display: block !important;
}
.siglo__anio {
  font-size: 40pt !important;
  line-height: 1 !important;
}
.siglo__marcas,
.siglo__marca[data-anio] {
  display: block !important;
  margin: 0 0 2mm !important;
  padding: 0 0 0 3mm !important;
  max-width: none !important;
}
.siglo__marcas {
  padding: 0 !important;
}
.siglo__marca {
  border-left: 1pt solid #000 !important;
}

/* ---- Insignias y tablas legibles sin color ----------------------------------------------------------------- */
.badge {
  border: 1px solid #000 !important;
}
table,
th,
td {
  border-color: #000 !important;
}

/* ---- Enlaces: se imprime la URL de las fuentes externas ---------------------------------------------------- */
a {
  text-decoration: underline;
}
a[href^="http"]::after {
  content: " (" attr(href) ")";
  font-weight: 400;
  overflow-wrap: anywhere;
}

h1,
h2,
h3 {
  break-after: avoid;
}
p,
li {
  orphans: 3;
  widows: 3;
}