/* Hojas a tamaño real. En pantalla se ven centradas; al imprimir o exportar a PDF salen a escala 1:1. */
:root{ --tinta:#14257A; --fondo-pantalla:#E9ECF3; }
*{box-sizing:border-box}
html,body{margin:0;background:var(--fondo-pantalla);font-family:Arial,"Liberation Sans",Helvetica,sans-serif}
.hoja{position:relative;background:#fff;margin:24px auto;box-shadow:0 6px 24px rgba(0,0,0,.18);overflow:hidden}
.hoja.carta{width:612pt;height:792pt}
.hoja.carta-h{width:792pt;height:612pt}
.hoja.a4{width:595.32pt;height:841.92pt}
.hoja svg.hoja-base{position:absolute;inset:0;display:block}
.campos{position:absolute;inset:0}
.campo{position:absolute;display:flex;align-items:flex-end;font-size:8pt;line-height:1.05;color:var(--tinta);white-space:nowrap;overflow:hidden;padding:0 1pt 1pt}
.campo.c{justify-content:center;align-items:center;text-align:center;padding:1.2pt 1pt 0}
.campo.b{font-weight:bold}
.campo.multi{white-space:normal;align-items:flex-start;padding-top:1pt}
.campo.x{justify-content:center;align-items:center;font-weight:bold;font-size:9pt;padding:0}
.campo img{max-width:100%;max-height:100%;margin:auto;display:block}
.campo.nota{font-size:6.5pt;font-style:italic;justify-content:center;align-items:center;white-space:normal;text-align:center}
.foto{position:absolute;overflow:hidden;background:#f2f2f2}
.foto img{width:100%;height:100%;object-fit:cover;display:block}

/* barra de pantalla (no se imprime) */
.barra{position:sticky;top:0;z-index:5;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding:10px 16px;background:#13235B;color:#fff;font-size:14px}
.barra a,.barra button{color:#fff;background:rgba(255,255,255,.12);border:0;border-radius:8px;padding:7px 12px;font:inherit;font-weight:700;text-decoration:none;cursor:pointer}
.barra a:hover,.barra button:hover{background:rgba(255,255,255,.22)}
.barra .t{font-weight:800;margin-right:auto}

@media print{
  html,body{background:#fff}
  .barra{display:none}
  .hoja{margin:0;box-shadow:none;break-after:page}
  .hoja:last-child{break-after:auto}
}