/* flots · css/paginas/imprimir.css
   Vista imprimible (/propuesta/imprimir y /contrato). Pantalla nueva, sin artboard:
   hoja A4 (210 mm) centrada sobre --bg con barra de acciones arriba. Al imprimir queda solo la hoja
   (sin barra, banner demo ni toasts) con márgenes de página propios (@page flots-doc). */

.imp{
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:24px;
  width:100%;
  padding:32px var(--gutter) 72px;
}

/* ---------- Barra (solo pantalla) ---------- */
.imp-barra{
  display:flex;
  justify-content:space-between;
  align-items:center;
  flex-wrap:wrap;
  gap:16px 24px;
  width:100%;
  max-width:210mm;
}
.imp-logo{ display:inline-flex; text-decoration:none; color:var(--ink); }
.imp-acciones{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:12px 16px;
}
.imp-acciones .btn{ gap:8px; }
.imp-volver.btn-borde{ background:transparent; }
.imp-volver.btn-borde:hover{ background:var(--surface); }

.imp-main{ width:100%; max-width:210mm; min-width:0; }

/* ---------- Hoja ---------- */
.imp-hoja{
  display:flex;
  flex-direction:column;
  gap:28px;
  width:100%;
  min-height:297mm;
  padding:18mm 18mm 20mm;
  background:var(--surface);
  box-shadow:var(--sombra-ventana);
  font-size:15px;
  line-height:1.5;
  color:var(--ink);
}
.imp-doc-cabeza{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:16px;
  padding-bottom:14px;
  border-bottom:1px solid var(--ink);
}
.imp-doc-cabeza .logo{ font-size:20px; gap:10px; }
.imp-doc-meta{ font-size:13px; color:var(--muted); text-align:right; }

.imp-titulo{
  margin:0;
  font-size:52px;
  font-weight:300;
  line-height:.95;
  letter-spacing:-0.045em;
  overflow-wrap:break-word;
}
.imp-subtitulo{
  margin:-16px 0 0;
  font-size:22px;
  font-weight:400;
  letter-spacing:-0.01em;
}

.imp-muted{ color:var(--muted); }
.imp-ok{ color:var(--accent); font-size:13px; }
.imp-texto{ margin:0; font-size:14.5px; line-height:1.6; color:var(--text-body); }
.imp-pre{ white-space:pre-line; }

.imp-datos{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:16px 24px;
  margin:0;
  font-size:14px;
}
.imp-datos dt{ margin-bottom:4px; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.imp-datos dd{ margin:0; overflow-wrap:anywhere; }

.imp-seccion{ display:flex; flex-direction:column; gap:12px; }
.imp-seccion h2,
.imp-firmas h2{
  margin:0;
  padding-bottom:8px;
  border-bottom:1px solid var(--ink);
  font-size:17px;
  font-weight:500;
  line-height:1.3;
}

.imp-def{
  display:grid;
  grid-template-columns:170px minmax(0, 1fr);
  gap:10px 16px;
  margin:0;
}
.imp-def dt{ color:var(--muted); }
.imp-def dd{ margin:0; min-width:0; overflow-wrap:anywhere; }
.imp-lista{ margin:0; padding:0; list-style:none; }
.imp-lista-puntos{ padding-left:20px; list-style:disc; font-size:14.5px; line-height:1.6; color:var(--text-body); }
.imp-lista-puntos li + li{ margin-top:4px; }

.imp-tabla{
  width:100%;
  border-collapse:collapse;
  font-size:14.5px;
}
.imp-tabla th,
.imp-tabla td{
  padding:10px 12px 10px 0;
  border-bottom:1px solid var(--line);
  text-align:left;
  vertical-align:top;
  font-weight:400;
}
.imp-tabla thead th{ padding-top:0; font-size:13px; color:var(--muted); border-bottom-color:var(--ink); }
.imp-tabla tbody th{ font-weight:500; }
.imp-tabla tfoot th,
.imp-tabla tfoot td{ border-bottom:0; padding-top:14px; font-weight:500; }
.imp-num{ text-align:right !important; white-space:nowrap; padding-right:0 !important; }
.imp-total{ font-size:20px; }

/* ---------- Contrato ---------- */
.imp-intro{ font-size:15px; }
.imp-clausulas{
  display:flex;
  flex-direction:column;
  gap:18px;
  margin:0;
  padding:0;
  list-style:none;
}
.imp-clausula{ display:flex; flex-direction:column; gap:6px; }
.imp-clausula h2{ margin:0; font-size:15px; font-weight:600; line-height:1.35; }

.imp-firmas{ display:flex; flex-direction:column; gap:16px; margin-top:8px; }
.imp-firmas-grilla{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:32px;
}
.imp-firma{ display:flex; flex-direction:column; gap:4px; min-width:0; font-size:14px; }
.imp-firma-rol{ margin-bottom:28px; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; color:var(--muted); }
.imp-firma-linea{ display:block; height:1px; margin-bottom:6px; background:var(--ink); }
.imp-firma-nombre{ font-weight:500; overflow-wrap:anywhere; }
.imp-firma-hecha .imp-firma-rol{ margin-bottom:8px; }
.imp-firma-electronica{
  padding:6px 0 8px;
  border-bottom:1px solid var(--ink);
  margin-bottom:6px;
  font-size:24px;
  font-weight:300;
  letter-spacing:-0.02em;
  overflow-wrap:anywhere;
}

.imp-pie{
  display:flex;
  justify-content:space-between;
  flex-wrap:wrap;
  gap:8px 16px;
  margin-top:auto;
  padding-top:14px;
  border-top:1px solid var(--line);
  font-size:12.5px;
  color:var(--muted);
}

.imp-vacio{ align-items:flex-start; padding:0; text-align:left; }
.imp-hoja .cargando{ padding:32px 0; }

/* ---------- Tablet / celular ---------- */
@media (max-width: 1199px){
  .imp{ padding-top:24px; }
}
@media (max-width: 767px){
  .imp{ gap:16px; padding:16px 12px 48px; }
  .imp-barra{ padding:4px 8px 0; }
  .imp-acciones{ width:100%; gap:10px 12px; }
  .imp-acciones .btn{ flex:1 1 auto; height:44px; padding:0 14px; font-size:14px; }
  .imp-acciones .idioma{ margin-left:auto; }
  .imp-hoja{ gap:22px; min-height:0; padding:24px 20px 28px; font-size:14px; }
  .imp-titulo{ font-size:40px; letter-spacing:-0.05em; }
  .imp-subtitulo{ margin-top:-12px; font-size:19px; }
  .imp-datos{ grid-template-columns:minmax(0, 1fr); gap:12px; }
  .imp-def{ grid-template-columns:minmax(0, 1fr); gap:2px; }
  .imp-def dd{ margin-bottom:8px; }
  .imp-tabla{ font-size:14px; }
  .imp-firmas-grilla{ grid-template-columns:minmax(0, 1fr); gap:24px; }
}

/* ---------- Impresión ---------- */
@page flots-doc{
  size:A4;
  margin:16mm 16mm 18mm;
}
@media print{
  html:has(.imp),
  body:has(.imp),
  body:has(.imp) #app{ min-height:0; background:#FFFFFF; }
  body:has(.imp) .banner-demo,
  body:has(.imp) .toasts,
  .imp-barra,
  .imp-solo-pantalla{ display:none !important; }
  .imp{ display:block; padding:0; }
  .imp-main{ max-width:none; }
  .imp-hoja{
    page:flots-doc;
    width:auto;
    min-height:0;
    padding:0;
    box-shadow:none;
    gap:6mm;
    font-size:10.5pt;
  }
  .imp-titulo{ font-size:32pt; }
  .imp-subtitulo{ margin-top:-4mm; font-size:15pt; }
  .imp-texto, .imp-lista-puntos, .imp-tabla{ font-size:10pt; }
  .imp-datos{ font-size:10pt; }
  .imp-seccion h2, .imp-firmas h2{ font-size:12pt; }
  .imp-clausula h2{ font-size:10.5pt; }
  .imp-seccion h2, .imp-clausula h2, .imp-firmas h2{ break-after:avoid-page; }
  .imp-clausula, .imp-tabla, .imp-firmas, .imp-datos{ break-inside:avoid-page; }
  .imp-pie{ margin-top:6mm; }
  .imp a{ color:var(--ink); text-decoration:none; }
}