@import url("factura.css?v=16");

.preview-shell { background:#f2f3f8; border-radius:18px; padding:18px; text-align:center; margin-bottom:20px; }
.preview-shell > small { display:block; margin-top:12px; color:#6d6f7a; line-height:1.4; }
.invoice-preview { container-type:inline-size; position:relative; width:min(100%,396px); aspect-ratio:396/612; margin:auto; background:#fff; overflow:hidden; box-shadow:0 5px 18px #15182b25; }
.invoice-preview > img { position:absolute; inset:0; width:100%; height:100%; }
.preview-value, .preview-item { position:absolute; color:#111; font-family:Arial,sans-serif; font-size:2.05cqw; line-height:1.15; text-align:left; white-space:nowrap; }
.preview-client { left:15.9%; top:13%; }
.preview-attention { left:15.9%; top:17.1%; }
.preview-day { left:17.2%; top:20.7%; }
.preview-month { left:26.9%; top:20.7%; }
.preview-year { left:35%; top:20.7%; }
.preview-items { position:absolute; inset:0; }
.preview-item { left:0; width:100%; height:4.2%; }
.preview-item .pqty { position:absolute; left:2%; width:15%; text-align:center; }
.preview-item .pdesc { position:absolute; left:19.5%; width:47%; white-space:normal; }
.preview-item .punit { position:absolute; left:68%; width:11%; text-align:right; }
.preview-item .psub { position:absolute; left:81%; width:13%; text-align:right; }
.preview-total { right:5.8%; top:86.2%; font-size:1.85cqw; }