/* ==========================================================================
   print.css — Reglas @media print para la ficha exportable/imprimible.
   Se aplica SOLO al imprimir (window.print()) y se mantiene separado de
   styles.css para no contaminar la interfaz de configuración.
   ========================================================================== */

@media print {
  @page {
    size: A4 portrait;
    margin: 14mm;
  }

  /* Ocultar chrome del sitio y UI de configuración: solo se imprime la ficha.
     (El header/footer reales los inyecta global.js como .site-header /
     .site-footer dentro de #siteHeader / #siteFooter.) */
  #siteHeader,
  .site-header,
  #siteFooter,
  .site-footer,
  .cabecera-sitio,
  .panel-configuracion,
  .tool-intro,
  .related-guides-block,
  .search-panel,
  .favorites-panel,
  .cookie-banner,
  .loyalty-banner,
  .bmc-widget-container,
  .bmc-modal-backdrop {
    display: none !important;
  }

  /* Reorganizar layout para que solo se imprima la ficha */
  body,
  #contenido,
  .tool-shell {
    background: #fff !important;
  }

  .tool-shell,
  .tool-layout,
  .tool-stage,
  .contenedor-principal {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    max-width: none !important;
    gap: 0 !important;
  }

  .vista-previa-ficha {
    border: none !important;
    padding: 0 !important;
    margin: 0 !important;
    min-height: 0 !important;
  }

  .ficha {
    border: none !important;
    box-shadow: none !important;
    padding: 0 !important;
    max-width: none !important;
    width: 100% !important;
  }

  /* Tipografía más densa en impresión */
  body {
    font-size: 12pt;
    color: #000;
  }

  .ficha-header {
    border-bottom: 2px solid #000;
    margin-bottom: 8mm;
  }
  .ficha-titulo { font-size: 16pt; color: #000; }
  .ficha-subtitulo { font-size: 9pt; color: #444; }

  /* Evitar que un ejercicio se parta entre dos páginas */
  .ejercicio-reloj {
    break-inside: avoid;
    page-break-inside: avoid;
  }

  /* Hoja de respuestas embebida para impresión: forzar salto antes */
  .ficha-respuestas-print {
    break-before: page;
    page-break-before: always;
  }

  /* Relojes en impresión: líneas negras sólidas */
  .reloj-esfera {
    fill: #fff;
    stroke: #000;
    stroke-width: 1.5;
  }
  .reloj-marca-minuto { stroke: #555; stroke-width: 0.8; }
  .reloj-marca-hora { stroke: #000; stroke-width: 1.5; }
  .reloj-numero { fill: #000; }
  .reloj-manecilla { stroke: #000; }
  .reloj-manecilla-hora { stroke-width: 3.5; }
  .reloj-manecilla-minuto { stroke-width: 2; }
  .reloj-pivote { fill: #000; }

  /* Respuestas impresas en negro para no gastar tinta de color */
  .respuesta { color: #000; }

  /* Asegurar que colores y fondos se impriman */
  * {
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
  }
}