/* Scheda da stampare o salvare in PDF: fogli A4 impaginati come le locandine dell'agenzia */
@font-face{font-family:'Montserrat';font-weight:400;font-display:swap;src:url(font/montserrat-latin-400-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:500;font-display:swap;src:url(font/montserrat-latin-500-normal.woff2) format('woff2')}
@font-face{font-family:'Montserrat';font-weight:600;font-display:swap;src:url(font/montserrat-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Serif';font-weight:600;font-display:swap;src:url(font/noto-serif-latin-600-normal.woff2) format('woff2')}
@font-face{font-family:'Noto Serif';font-weight:700;font-display:swap;src:url(font/noto-serif-latin-700-normal.woff2) format('woff2')}
:root{--blu:#0F2444;--oro:#C9A24A;--ottone:#A9822F;--grigio:#5B6575;--linea:#D9DDE3;--serif:'Noto Serif',Georgia,serif;--sans:'Montserrat',system-ui,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-print-color-adjust:exact;print-color-adjust:exact}
body{margin:0;background:#E4E7EC;color:var(--blu);font:400 10pt/1.5 var(--sans)}
[hidden]{display:none!important}

.comandi{position:sticky;top:0;z-index:2;display:flex;flex-wrap:wrap;gap:10px 18px;align-items:center;justify-content:center;padding:12px 16px;background:var(--blu);color:#fff;font-size:14px}
.comandi a{color:#fff;text-decoration:none;opacity:.85}
.comandi a:hover{opacity:1;text-decoration:underline}
.comandi button{font:600 14px var(--sans);background:var(--oro);color:var(--blu);border:0;padding:10px 20px;border-radius:2px;cursor:pointer}
.comandi button:disabled{opacity:.55;cursor:progress}
.comandi span{font-size:13px;opacity:.7}

.foglio{width:210mm;min-height:297mm;margin:24px auto;background:#fff;box-shadow:0 12px 40px rgba(15,36,68,.18);padding:12mm 14mm 11mm;display:flex;flex-direction:column;gap:5.5mm}
.f-testa{display:flex;justify-content:space-between;align-items:flex-end;gap:8mm;border-bottom:.6mm solid var(--oro);padding-bottom:3mm}
.f-marchio{height:15mm;width:auto;color:var(--blu);display:block}
.f-testa p{margin:0;font-size:8pt;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--grigio)}
.f-foto{position:relative}
.f-foto img{width:100%;height:112mm;object-fit:cover;display:block;border-radius:1mm}
.sola .f-foto img{height:160mm}
.f-stato{position:absolute;left:5mm;top:5mm;background:var(--blu);color:#fff;font-weight:600;font-size:10pt;padding:1.5mm 4mm;border-radius:.6mm}
.f-mini{display:grid;grid-template-columns:1fr 1fr;gap:4mm}
.f-mini.una{grid-template-columns:1fr}
.f-mini img{width:100%;height:44mm;object-fit:cover;display:block;border-radius:1mm}
.f-corpo{display:flex;justify-content:space-between;align-items:flex-end;gap:10mm}
.f-sopra{margin:0 0 1.5mm;font-size:8pt;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--ottone)}
h1{font:600 22pt/1.15 var(--serif);margin:0}
.f-dati{margin:2.5mm 0 0;font-weight:500;font-size:10.5pt}
.f-classe{margin:1.5mm 0 0;font-size:8.5pt;color:var(--grigio)}
.ape{display:inline-block;background:var(--ape);color:#fff;font-weight:700;padding:.3mm 2.5mm;border-radius:.6mm;min-width:8mm;text-align:center}
.ape-ipe{color:var(--grigio)}
.f-prezzo{margin:0;font:700 19pt/1.2 var(--serif);white-space:nowrap;text-align:right}
.f-prezzo s{display:block;font-size:11pt;font-weight:600;color:var(--grigio)}
.f-prezzo small{font:500 9pt var(--sans);color:var(--grigio)}
.f-prezzo span{display:block;font:600 8.5pt var(--sans);color:var(--ottone)}
.f-piede{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:8mm;background:var(--blu);color:#fff;padding:5mm 6mm;border-radius:1mm}
.f-agenzia{display:flex;align-items:center;gap:5mm}
.f-logo{height:15mm;width:auto;color:#fff;flex:none}
.f-agenzia p{margin:0;font-size:8pt;line-height:1.6}
.f-qr{display:flex;align-items:center;gap:3mm;max-width:55mm}
.f-qr .qr{width:22mm;height:22mm;flex:none;border-radius:1mm}
.f-qr span{font-size:7.5pt;line-height:1.45;opacity:.85}

h2{font:600 13pt var(--serif);margin:1mm 0 2.5mm}
.f-testo{flex:none}
.f-testo p{margin:0 0 2.2mm;text-align:justify;hyphens:auto}
.f-testo h2:not(:first-child){margin-top:5mm}
.f-car{list-style:none;padding:0;margin:0;columns:2;column-gap:9mm}
.f-car li{position:relative;padding-left:4.5mm;margin-bottom:1.4mm;break-inside:avoid}
.f-car li::before{content:'';position:absolute;left:0;top:1.9mm;width:1.7mm;height:1.7mm;border-radius:50%;background:var(--oro)}
.f-altre{display:grid;grid-template-columns:1fr 1fr;grid-auto-rows:1fr;gap:4mm;flex:1;min-height:0;max-height:120mm}
.f-altre img{width:100%;height:100%;min-height:0;object-fit:cover;display:block;border-radius:1mm}
.f-due.fissa{height:297mm}

@page{size:A4;margin:0}
@media print{
  body{background:#fff}
  .comandi{display:none}
  .foglio{margin:0;box-shadow:none;break-after:page}
  .f-uno,.f-due.fissa{height:297mm;overflow:hidden}
  .foglio:last-of-type{break-after:auto}
}
@media screen and (max-width:860px){.foglio{zoom:.82}}
@media screen and (max-width:700px){.foglio{zoom:.62;margin:14px auto}}
@media screen and (max-width:520px){.foglio{zoom:.45;margin:10px auto}}