/* Impresión del informe «¿Cuánto aguanta tu empresa sin ti?».
 * docs/02-interfaz-y-estilo.md §5: sin navegación ni botones, gráficos en trazo,
 * saltos limpios entre secciones, enlace permanente al pie. */

@page {
    margin: 18mm 16mm;
}

@media print {
    * {
        -webkit-print-color-adjust: exact;
        print-color-adjust: exact;
    }

    body {
        background: #fff;
        color: #12171D;
        font-size: 11pt;
    }

    /* Fuera de la hoja: todo salvo el informe. La barra de lectura, el
       encabezado adherido y el índice son ayudas de pantalla y no tienen
       equivalente en papel. */
    #qz-hero,
    #qz-portada,
    #qz-retomar,
    #qz-cuestionario,
    #qz-error,
    #qz-copiar,
    #qz-imprimir,
    #qz-copiado,
    #qz-lectura,
    #qz-mini,
    #qz-indice,
    .qz-guardar .qz-acciones {
        display: none !important;
    }

    /* Las secciones que el observador no alcanzó a marcar quedarían en opacidad
       cero: al imprimir se fuerzan visibles y sin desplazamiento. */
    .qz-anim .qz-seccion,
    .qz-seccion {
        opacity: 1 !important;
        transform: none !important;
    }

    #qz-informe {
        display: block !important;
    }

    .qz {
        max-width: 100%;
    }

    /* Membrete y pie de marca. */
    .qz-solo-impresion {
        display: block !important;
    }

    .qz-print-membrete {
        display: flex;
        justify-content: space-between;
        border-bottom: 2px solid #12171D;
        padding-bottom: 8px;
        margin-bottom: 10px;
        font-family: 'Oswald', sans-serif;
        font-size: 9pt;
        text-transform: uppercase;
        letter-spacing: 0.5px;
    }

    .qz-print-pie {
        margin-top: 20px;
        padding-top: 8px;
        border-top: 1px solid #C7CCC9;
        font-family: 'IBM Plex Mono', monospace;
        font-size: 7.5pt;
        color: #334155;
        word-break: break-all;
    }

    /* Saltos limpios entre secciones. */
    .qz-seccion,
    .qz-guardar,
    .qz-cierre,
    .qz-promo {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .qz-titular,
    .qz-seccion h2,
    .qz-seccion h3 {
        break-after: avoid;
        page-break-after: avoid;
    }

    /* Gráficos en trazo con relleno: fondo blanco, sin fondos de color. */
    .qz-guardar,
    .qz-cierre {
        background: #fff !important;
        border: 1px solid #C7CCC9;
    }

    .qz-cierre a.qz-btn,
    .qz-promo a.qz-btn {
        border: 1px solid #12171D;
        color: #12171D !important;
        background: #fff !important;
        padding: 6px 12px;
    }

    /* La tabla equivalente, oculta en pantalla, no se imprime tampoco. */
    .qz-tabla-eq.qz-sr {
        display: none !important;
    }

    /* Las acciones de los frentes secundarios van plegadas en pantalla. En papel
       no hay quien las despliegue, así que se abren y se oculta el rótulo que
       invita a hacerlo. */
    .qz-accion-det > .qz-accion-cuerpo {
        display: block !important;
    }

    .qz-accion-det summary {
        display: none !important;
    }

    .qz-accion-mini {
        background: #fff !important;
        border: 1px solid #C7CCC9;
    }

    /* Las tablas de evidencia y de ejemplo no se parten entre páginas, y su
       encabezado se repite si alguna llegara a hacerlo. */
    .qz-tabla-ev, .qz-tabla-ej {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .qz-tabla-ev thead, .qz-tabla-ej thead {
        display: table-header-group;
    }

    .qz-accion-rot {
        break-after: avoid;
        page-break-after: avoid;
    }

    /* Las seis preguntas van plegadas en pantalla y abiertas en papel, como las
       acciones condensadas. El summary conserva su texto porque es la pregunta,
       no un rótulo de apertura. */
    .qz-pregunta-det > p {
        display: block !important;
    }

    .qz-pregunta-det {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .qz-pregunta-det summary {
        list-style: none;
    }

    .qz-pregunta-det summary::-webkit-details-marker {
        display: none;
    }

    /* El signo de abrir/cerrar no significa nada en papel, donde todo va
       desplegado. */
    .qz details > summary::after {
        content: none !important;
    }

    /* La cifra al margen se apoya en un espacio que la hoja no tiene: vuelve al
       flujo, con su separador. */
    .qz-seccion-num .qz-num-cifra {
        position: static !important;
        font-size: inherit !important;
        font-weight: inherit !important;
        color: inherit !important;
        margin-top: 0 !important;
    }

    .qz-seccion-num .qz-num-sep {
        display: inline !important;
    }

    /* El ritmo de 96 px entre secciones es de pantalla; en papel desperdicia
       media página. */
    .qz-seccion {
        padding-block: 8mm;
    }

    /* ---------- Hoja de trabajo ----------
       Es la sección que se llena a mano, así que cada plantilla (.qz-plantilla,
       renderHojaTrabajo() en dependencia-ui.js) empieza en página nueva y no
       se parte. Sin fondos: la tinta se reserva para los renglones. */
    .qz-plantilla {
        break-before: page;
        page-break-before: always;
        break-inside: avoid;
        page-break-inside: avoid;
        background: #fff !important;
        border: none;
        padding: 0;
        margin: 0 0 12mm 0;
    }

    /* La primera arranca en la página que ya abrió la sección. */
    .qz-plantilla:first-of-type {
        break-before: auto;
        page-break-before: auto;
    }

    .qz-plantilla h3 {
        break-after: avoid;
        page-break-after: avoid;
    }

    /* Renglones algo más altos en papel que en pantalla: la letra manuscrita
       ocupa más que la digital. */
    .qz-tabla-blank td,
    .qz-input-line {
        height: 9mm;
    }

    .qz-tabla-blank {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .qz-tabla-blank thead {
        display: table-header-group;
    }

    /* Las líneas donde se escribe necesitan contraste en papel; el gris claro de
       pantalla sale casi invisible en muchas impresoras. */
    .qz-tabla-blank th,
    .qz-tabla-blank td {
        border-color: #8C949E !important;
    }

    .qz-input-line {
        border-bottom-color: #8C949E !important;
    }

    /* La comparativa (misma tabla que la evidencia) no se parte entre páginas. */
    .qz-tabla {
        break-inside: avoid;
        page-break-inside: avoid;
    }

    .qz-tabla thead {
        display: table-header-group;
    }

    /* Forzar la bandera para que el navegador sepa que hay hoja */
    /* (Esto ya lo hace tu JS, pero el CSS debe responder) */
    .qz-accion-condensada summary {
        font-weight: bold;
    }
  
    /* Ocultar el botón de desplegar y forzar abierto en papel */
    .qz-accion-condensada .qz-accion-detalle {
        display: block !important;
    }
    .qz-accion-condensada summary::-webkit-details-marker,
    .qz-accion-condensada summary::marker {
        display: none;
    }

    .qz-hoja-trabajo {
        margin-top: 2rem;
    }
    .qz-salto-pagina {
        page-break-before: always;
        break-before: page;
        height: 0;
        margin: 0;
        padding: 0;
    }

    /* Líneas para escribir a mano */
    .qz-linea-blank {
        border-bottom: 1px solid #333;
        height: 2rem;
        margin-bottom: 0.5rem;
        width: 100%;
    }

    .qz-campos label {
        display: flex;
        align-items: baseline;
        margin-bottom: 1rem;
        gap: 0.5rem;
    }
}