.noprint,
header.header,
nav.nav,
nav.menu-mob,
footer
{display: none !important}

/* CROMO QUE SE COLABA EN EL PDF FISICO (medido el 2026-08-04 sobre el fichero,
   no sobre pdf.html). El enlace de salto es `position:fixed`, asi que Chrome
   lo pintaba en LAS DIEZ paginas del informe, encima del texto: en la pagina 8
   del ingles tapaba media frase. En papel no hay adonde saltar. */
.hp-saltar {display: none !important}

/* Un titulo no se queda solo al pie: "5. Yo futuro" cerraba la pagina 9 y su
   contenido empezaba en la 10. */
h1, h2, h3, h4 {page-break-after: avoid; break-after: avoid-page}

/* Ni una tarjeta, ni una fila, ni un punto de lista se parten por la mitad. */
li, tr, .hpq-card, .hpq-p2, .hp-kpi, .pdf-cabecera, .pdf-grafica
{page-break-inside: avoid; break-inside: avoid}

/* Los plegables se imprimen ABIERTOS. La leyenda "Como leer esto - las reglas
   de tus factores" es un <details> cerrado: en pantalla se abre con un clic,
   pero en el PDF desaparecia sin dejar rastro. La regla cubre a los navegadores
   que ya soportan ::details-content; pdf.tpl ademas los abre por guion, que es
   lo que funciona hoy en Chrome. */
details {display: block !important}
details::details-content {content-visibility: visible !important}
details > summary {list-style: none}

img {
    display: table-row !important;
    page-break-inside: avoid !important;
}

.imp-logo {
    display: block !important;
    width: 100% !important;
}