/* ===================================================================
   Alendara — hoja de impresion
   -------------------------------------------------------------------
   El plan de formacion acaba en la mesa de un comite, en papel o en el
   PDF que imprime el navegador. Esta hoja convierte la pantalla en un
   documento: quita la navegacion, pone un membrete con la empresa y el
   ejercicio, y —lo que mas importa— conserva el color de las
   puntuaciones, que es justo lo que un navegador descarta por su
   cuenta al mandar a papel.
   =================================================================== */

@media print {

  /* Fuerza el mismo esquema claro para todos: imprimir el tema oscuro
     gasta tinta y no se lee. */
  :root{
    --brand:#2E7D52; --brand-strong:#245F3F; --brand-soft:#D9E6DF;
    --gold:#D9A441; --gold-ink:#7A5510; --gold-soft:#F7EAD2;
    --paper:#FFFFFF; --surface:#FFFFFF; --surface-2:#F1F4F2;
    --ink:#16211C; --muted:#4A5A51; --rule:#C8D5CD; --rule-strong:#A9BBB0;
    --ok:#22694A; --ok-soft:#DCEBE2;
    --warn:#7A5510; --warn-soft:#F7EAD2;
    --danger:#9B2F2A; --danger-soft:#F6E0DE;
    --shadow:none;
  }

  /* Sin esto el navegador vacia los fondos y las puntuaciones salen
     todas del mismo gris. */
  *{
    -webkit-print-color-adjust:exact !important;
    print-color-adjust:exact !important;
  }

  @page{ size:A4; margin:16mm 14mm 18mm; }

  /* Una tabla de diez columnas no cabe de pie: la de priorizacion lleva
     las cinco variables del scoring ademas del resultado, y en vertical
     se salian PRN, celda y coste por el margen derecho. */
  @page apaisado{ size:A4 landscape; margin:14mm 12mm 16mm; }
  .apaisado{ page:apaisado }

  html,body{background:#fff;color:var(--ink);font-size:10.5pt}
  .wrap{max-width:none;padding:0;margin:0}
  main{padding:0}

  /* Fuera todo lo que solo sirve en pantalla. */
  .topbar, footer, .subnav, .ejercicios, .toolbar, .filtros, .acciones, .paginacion,
  tr.ajuste-fila, .btn, button, .idioma, .no-imprimir{ display:none !important }

  /* Los <form> NO se ocultan: en presupuesto o en la valoracion por matriz
     la tabla entera vive dentro de uno, y esconderlos dejaba la hoja en
     blanco. Basta con quitar los controles y aplanar los campos. */
  input,select,textarea{
    border:0 !important;background:transparent !important;padding:0 !important;
    color:var(--ink);font-size:9.5pt;-webkit-appearance:none;appearance:none;
  }
  input[type=checkbox],input[type=radio]{-webkit-appearance:auto;appearance:auto}
  label.sr,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

  /* Membrete: se compone con generated content para no ensuciar las
     vistas con markup que solo existe en papel. */
  .hoja::before{
    content:attr(data-membrete);
    display:block;border-bottom:2px solid var(--brand);
    padding-bottom:6pt;margin-bottom:14pt;
    font-family:'Comfortaa',sans-serif;font-weight:700;
    font-size:12pt;color:var(--brand-strong);
  }

  h1{font-size:17pt;margin:0 0 4pt}
  h2{font-size:12.5pt;margin:16pt 0 6pt;break-after:avoid;page-break-after:avoid}
  .lead{font-size:10.5pt;margin-bottom:12pt}
  .hint,.suave{color:var(--muted);font-size:9pt}

  /* Tablas: cabecera repetida en cada pagina y filas sin partir. */
  .tablewrap{overflow:visible;border:0;border-radius:0;box-shadow:none}
  table{width:100%;font-size:9.5pt;border-collapse:collapse}
  thead{display:table-header-group}
  tfoot{display:table-footer-group}
  tr{break-inside:avoid;page-break-inside:avoid}
  th{
    background:var(--surface-2) !important;color:var(--ink);
    border-bottom:1px solid var(--rule-strong);text-align:left;padding:5pt 6pt;
  }
  td{border-bottom:1px solid var(--rule);padding:5pt 6pt;vertical-align:top}
  td.num,th.num{text-align:right;white-space:nowrap}

  /* El color de la puntuacion es el motivo de esta hoja. */
  .sc-pill,.celda-pill,.pill{
    border:1px solid currentColor;padding:1pt 5pt;border-radius:4pt;
    font-size:9pt;font-weight:700;
  }

  /* Tarjetas y tablero: en papel son bloques, no una rejilla con sombra. */
  .cards,.tablero{
    display:grid;grid-template-columns:repeat(2,1fr);gap:8pt;
  }
  .card,.panel-caja{
    border:1px solid var(--rule);box-shadow:none;padding:8pt 10pt;
    break-inside:avoid;page-break-inside:avoid;
  }
  .card .n{font-size:20pt}
  .anillo svg{width:96px;height:96px}

  /* Avisos: sin fondo saturado, solo un filete a la izquierda. */
  .alert{
    border:0;border-left:3pt solid var(--rule-strong);background:transparent !important;
    padding:4pt 0 4pt 8pt;font-size:9.5pt;
  }
  .alert.warn{border-left-color:var(--warn)}
  .alert.success{border-left-color:var(--ok)}
  .alert.error{border-left-color:var(--danger)}

  /* Las URL de los enlaces no interesan en un listado: solo ensucian. */
  a{color:inherit;text-decoration:none}
  a[href]::after{content:none}
}