/* ==========================================================================
   INFORME DE LIQUIDACION (PDF)
   --------------------------------------------------------------------------
   En pantalla el informe esta oculto. Al presionar "Descargar informe en PDF"
   el navegador imprime SOLO este bloque (id="reporte" en index.html).
   Para cambiar el aspecto del PDF, edite este archivo.
   ========================================================================== */

/* Ocultar en pantalla */
.reporte{display:none}

/* Detalle de la tabla (se usa tambien en pantalla, dentro de la calculadora) */
.detalle{width:100%;border-collapse:collapse;font-size:.92rem}
.detalle td{padding:10px 0;border-bottom:1px solid var(--line);vertical-align:top}
.detalle td:last-child{text-align:right;font-weight:600;white-space:nowrap;padding-left:16px;font-variant-numeric:tabular-nums}
.detalle .det{display:block;font-weight:400;font-size:.76rem;color:var(--mut);line-height:1.45;margin-top:3px;white-space:normal;text-align:left}
.detalle tr.sec td{background:var(--bg);color:var(--celeste);font-family:Manrope,sans-serif;font-weight:800;font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;padding:9px 12px;border:0;white-space:normal;text-align:left}
.detalle tr.dato td{font-size:.86rem;color:var(--mut);font-weight:500}
.detalle tr.dato td:last-child{color:var(--ink);font-weight:600}
.detalle tr.sub-total td{font-weight:700;color:var(--azul-oscuro);border-top:2px solid var(--azul-oscuro);border-bottom:0}
.detalle tr.tot td{border:0;background:var(--verde-fondo);color:var(--azul-oscuro);font-family:Manrope,sans-serif;font-size:1.1rem;padding:16px;font-weight:800}
.detalle tr.tot td:last-child{color:var(--verde)}
.detalle tr.tot .det{color:var(--mut)}

.pdf-btn{margin-top:22px;width:100%;justify-content:center}
.pdf-tip{margin-top:8px;text-align:center}

/* ----------------------------- IMPRESION / PDF --------------------------- */
@media print{
  @page{size:Letter;margin:12mm 14mm}
  html,body{background:#fff!important}
  body > *:not(#reporte){display:none!important}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}

  .reporte{display:block;font-family:Inter,Arial,sans-serif;color:#14243a;font-size:10.5pt;line-height:1.5}
  .rep-head{background:#0a639c;color:#fff;border-radius:8px;padding:18px 22px;display:flex;justify-content:space-between;align-items:center;border-bottom:4px solid #8fd3f7}
  .rep-brand{display:flex;gap:12px;align-items:center}
  .rep-brand b{font-family:Manrope,Arial,sans-serif;font-size:16pt;display:block;line-height:1.1}
  .rep-brand small{font-size:7.5pt;letter-spacing:.16em;text-transform:uppercase;color:#8fd3f7}
  .rep-meta{text-align:right;font-size:8.5pt;color:#b8c6da;line-height:1.6}
  .rep-meta b{color:#fff}
  .rep-title{margin:22px 0 6px;font-family:Manrope,Arial,sans-serif;font-size:17pt;font-weight:800;color:#0b3b60}
  .rep-sub{margin-bottom:14px;color:#5a6a7e;font-size:9.5pt}
  .reporte .detalle{font-size:10pt}
  .reporte .detalle tr{page-break-inside:avoid}
  .reporte .detalle td{padding:7px 0}
  .reporte .detalle tr.sec td{padding:6px 10px}
  .rep-note{margin-top:16px;padding:12px 14px;border-left:4px solid #8fd3f7;background:#f3f8fc;font-size:8.5pt;color:#5a6a7e;page-break-inside:avoid}
  .rep-foot{margin-top:18px;padding-top:10px;border-top:1px solid #dfe6ee;display:flex;justify-content:space-between;font-size:8.5pt;color:#5a6a7e}
}

/* ---------------- Resultado en pantalla: compacto y siempre visible ---------------- */
.res .resumen{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
.res .resumen div{background:var(--bg);border-radius:10px;padding:10px 14px}
.res .resumen small{display:block;font-size:.72rem;color:var(--mut)}
.res .resumen b{font-family:Manrope,sans-serif;font-size:1.05rem;color:var(--azul-oscuro)}
.res .resumen .neto{grid-column:1/-1;background:var(--verde-fondo);border:1.5px solid var(--verde)}
.res .resumen .neto small{color:var(--azul-oscuro)}
.res .resumen .neto b{color:var(--verde);font-size:1.5rem}
.res .detalle td{padding:7px 0}
.res .detalle{font-size:.86rem}
.res .detalle tr.sec td{padding:6px 10px}
.res .detalle tr.tot{display:none}   /* el neto ya aparece arriba */
@media(min-width:961px){
  .cbox{align-items:start}
  .res{position:sticky;top:90px;max-height:calc(100vh - 110px);overflow-y:auto;padding:22px 24px}
  .res h3{margin-bottom:12px;padding-bottom:10px}
}

/* ---- Tabla de amortizacion en el PDF ---- */
@media print{
  .rep-h2{margin:22px 0 8px;font-family:Manrope,Arial,sans-serif;font-size:13pt;color:#0b3b60;page-break-after:avoid}
  .reporte .amort{width:100%;border-collapse:collapse;font-size:8pt}
  .reporte .amort th{background:#0a639c;color:#fff;padding:5px 6px;text-align:right;font-family:Manrope,Arial,sans-serif}
  .reporte .amort th:first-child,.reporte .amort td:first-child{text-align:center}
  .reporte .amort td{padding:4px 6px;text-align:right;border-bottom:1px solid #dfe6ee;font-variant-numeric:tabular-nums}
  .reporte .amort tbody tr:nth-child(even){background:#f3f8fc}
  .reporte .amort tr{page-break-inside:avoid}
  .reporte .amort thead{display:table-header-group}
}