/* =========================================================================
   print.css — Reglas @media print para la ficha exportable/imprimible.
   Se aplica tanto al usar Ctrl+P / el botón "Imprimir" del navegador como
   referencia visual para la generación del PDF (misma maquetación).
   ========================================================================= */

@media print {

  @page {
    size: letter portrait;
    margin: 14mm;
  }

  body {
    background: #ffffff !important;
    color: #000000;
  }

  /* Oculta todo lo que no sea la ficha imprimible */
  .cabecera-app,
  .panel-configuracion,
  .pie-app,
  .titulo-vista-previa,
  .grupo-acciones,
  .mensaje-estado {
    display: none !important;
  }

  .contenedor-principal {
    display: block;
    padding: 0;
  }

  .vista-previa-ficha {
    border: none;
    padding: 0;
    overflow: visible;
    box-shadow: none;
  }

  #contenedor-imprimible {
    gap: 0;
  }

  .pagina-ficha {
    border: none;
    border-radius: 0;
    padding: 0;
    max-width: 100%;
    box-shadow: none;
    /* Cada página (ficha del alumno / hoja de respuestas) empieza en una
       hoja nueva al imprimir o exportar a PDF. */
    break-after: page;
    page-break-after: always;
  }

  .pagina-ficha:last-child {
    break-after: auto;
    page-break-after: auto;
  }

  .pagina-ficha[hidden] {
    display: none !important;
  }

  .lista-ejercicios {
    grid-template-columns: repeat(2, 1fr);
    gap: 10mm;
  }

  .ejercicio-fraccion {
    break-inside: avoid;
    page-break-inside: avoid;
    border: 1px solid #999999;
  }

  /* La hoja de respuestas debe distinguirse de la ficha del alumno incluso
     en impresión en blanco y negro: además del color de fondo (que puede
     no imprimirse por configuración del navegador), se usa un borde
     distinto y una etiqueta de texto explícita. */
  .hoja-respuestas .ejercicio-fraccion {
    border: 2px dashed #444444;
  }

  .hoja-respuestas .ejercicio-fraccion .espacio-respuesta {
    border: 1px solid #444444;
    background: #eeeeee !important;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
  }

  .hoja-respuestas::before {
    content: "HOJA DE RESPUESTAS";
    display: block;
    font-weight: 700;
    letter-spacing: 0.1em;
    margin-bottom: 4mm;
    font-size: 0.8rem;
  }

  /* Asegura que los colores/patrones de sombreado de las figuras SVG se
     impriman tal cual se ven en pantalla. */
  svg, svg * {
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    color-adjust: exact;
  }
}