/* ==================================================================
 * print.css — Generador de Vocabulario (monomodo: tabla/glosario).
 *
 * Las tarjetas ahora son su propia herramienta hermanada
 * (/herramientas/tarjetas-didacticas/). Aquí se imprimen solo
 * la tabla completa y, si aplica, la versión "para completar"
 * con su hoja de respuestas en páginas separadas.
 * ================================================================== */

@media print {
  /* Ocultar todo por defecto */
  body * { visibility: hidden; }

  /* Mostrar solo el contenido del panel de vista previa */
  .panel-vista-previa,
  .panel-vista-previa * { visibility: visible; }

  /* Posicionar el panel de vista previa al inicio de la página */
  .panel-vista-previa {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    margin: 0;
    padding: 0;
    border: none;
    box-shadow: none;
    min-height: 0;
  }

  /* Ocultar elementos de UI dentro del panel */
  .cali-previa-barra,
  .cali-estado,
  .acciones-exportacion,
  .estado-vacio {
    display: none !important;
  }

  /* Reset visual del contenedor de vista previa */
  .contenedor-previa {
    border: none;
    background: none;
    padding: 0;
    max-height: none;
    overflow: visible;
  }
  .vista-previa {
    margin: 0;
    padding: 0;
  }

  /* Títulos de bloque ("Para el alumno" / "Hoja de respuestas") */
  .bloque-set__titulo {
    font-size: 14pt;
    color: #000;
    background: transparent;
    padding: 0 0 6pt 0;
    margin: 0 0 8pt 0;
    border-bottom: 1pt solid #999;
  }

  .bloque-set__titulo--salto {
    /* Forzar salto de página antes de la hoja de respuestas. */
    page-break-before: always;
    break-before: page;
    margin-top: 0;
  }

  /* ============== TABLA / GLOSARIO ============== */
  .glosario-contenedor {
    border: none;
    padding: 0;
    margin: 0 0 12pt 0;
    border-radius: 0;
    background: #fff;
    page-break-inside: auto;
    break-inside: auto;
  }

  .glosario-titulo {
    font-size: 16pt;
    color: #000;
    margin-bottom: 4pt;
  }

  .glosario-subtitulo {
    font-size: 10pt;
    color: #444;
    margin-bottom: 10pt;
  }

  .tabla-glosario {
    font-size: 11pt;
    border-collapse: collapse;
    width: 100%;
  }

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

  .tabla-glosario thead th {
    background: #000 !important;
    color: #fff !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    border: 0.5pt solid #000;
    padding: 6pt;
    font-size: 11pt;
  }

  .tabla-glosario tbody tr {
    page-break-inside: avoid;
    break-inside: avoid;
  }

  .tabla-glosario tbody td {
    border: 0.5pt solid #555;
    padding: 6pt;
    color: #000;
    background: #fff;
  }

  .tabla-glosario__termino {
    background: #eee !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    font-weight: bold;
  }

  .tabla-glosario__definicion--vacia {
    height: 28pt;
    background: #fff !important;
  }

  /* ============== PIE Y ENCABEZADO ============== */
  .encabezado, .pie, .panel-configuracion, .cali-panel,
  .tool-sidebar, .tool-seo-content, .site-footer {
    display: none !important;
  }

  @page {
    size: A4 portrait;
    margin: 12mm;
  }
}