/*
 * Impresión.
 * En la sala de lectura y en clase el papel sigue siendo un soporte habitual de repaso.
 * Al imprimir con una ficha abierta se obtiene solo esa ficha, en tinta negra sobre blanco y sin los elementos de navegación, sea cual sea el tema en pantalla.
 */

@media print {
  /* Fondo blanco y tinta negra en los dos temas */
  :root, :root[data-tema="oscuro"] {
    --fondo: #ffffff;
    --fondo-2: #ffffff;
    --superficie: #ffffff;
    --superficie-2: #ffffff;
    --superficie-3: #f2f2f2;
    --tinta: #000000;
    --tinta-2: #222222;
    --tinta-3: #444444;
    --tinta-intensa: #000000;
    --borde: #bbbbbb;
    --borde-2: #dddddd;
  }

  body {
    background: #fff !important;
    color: #000;
    font-size: 11pt;
    line-height: 1.45;
  }

  /* Fuera todo lo que no es contenido */
  .aurora,
  .barra-progreso,
  .cabecera,
  .buscador,
  .paginacion,
  .ir-arriba,
  .saltar-al-contenido,
  .boton-menu-lateral,
  .menu-lateral,
  .menu-lateral-fondo,
  .portada,
  .metricas,
  .cerrar,
  .boton-enlace,
  .boton-primario,
  .calc-copiar,
  .calc-ejemplo,
  .estado-origen { display: none !important; }

  /* Con una ficha abierta se imprime solo la ficha */
  body:has(.modal:not(.oculta)) .vista { display: none !important; }
  body:has(.modal:not(.oculta)) .pie { display: none !important; }

  .modal {
    position: static !important;
    display: block !important;
    padding: 0 !important;
  }
  .modal-fondo { display: none !important; }
  .modal-tarjeta {
    max-width: none;
    max-height: none;
    width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    overflow: visible;
    animation: none;
  }
  .modal-cuerpo { padding: 0; gap: 0.3rem; }
  .modal-imagen-marco { background: #fff; }

  /* Sin modal abierto se imprime el listado de la vista activa */
  .vista.oculta { display: none !important; }

  /* Los bloques destacados conservan su jerarquía con un filete lateral */
  .bloque-perla, .bloque-error, .bloque-clave, .quiz-retro, .nota-unidades {
    background: none !important;
    border-left: 3px solid #000 !important;
    padding-left: 0.8rem;
  }

  /* Que no se parta una tarjeta ni una fila de grados entre dos páginas */
  .tarjeta, .tarjeta-texto, .termino, .tema-tarjeta, .tema-seccion,
  .calc-resultado, .tabla-grados tr, .tabla-diferencial tr { break-inside: avoid; page-break-inside: avoid; }

  h2, h3 { break-after: avoid; page-break-after: avoid; }

  .tabla-envoltorio { overflow: visible; border-color: #bbb; }
  .tabla-grados, .tabla-diferencial { min-width: 0; }

  img, svg { max-width: 100% !important; }

  /* Aviso al pie de todo lo impreso */
  .modal-cuerpo::after {
    content: "Material de estudio y de consulta. No sustituye la formación académica ni la valoración de un profesional. Atlas de Radiología e Imagen.";
    display: block;
    margin-top: 1.2rem;
    padding-top: 0.6rem;
    border-top: 1px solid #bbb;
    font-size: 8.5pt;
    color: #444;
  }

  @page { margin: 1.6cm; }
}
