/* ===== Proposta in 4 pagine (editor + stampa PDF) ===== */
@font-face{font-family:RC;src:url(fonts/rc-400-normal.woff2) format("woff2");font-weight:400;font-style:normal}
@font-face{font-family:RC;src:url(fonts/rc-400-italic.woff2) format("woff2");font-weight:400;font-style:italic}
@font-face{font-family:RC;src:url(fonts/rc-700-normal.woff2) format("woff2");font-weight:700;font-style:normal}
@font-face{font-family:RC;src:url(fonts/rc-700-italic.woff2) format("woff2");font-weight:700;font-style:italic}
@font-face{font-family:GV;src:url(fonts/great-vibes.woff2) format("woff2")}
#bro{position:fixed;inset:0;z-index:9000;background:#dfe5ee;overflow:auto;--nv:#123b7a;--nv2:#0d2f63;--or:#ef7a1a;--te:#b0532c;--se:#1f6fb3;--gr:#25834f;--rd:#d42a2a}
#bro[hidden]{display:none}
.bro-bar{position:sticky;top:0;z-index:5;background:#0d2f63;color:#fff;padding:10px 16px;display:flex;gap:8px;flex-wrap:wrap;align-items:center;box-shadow:0 2px 10px rgba(0,0,0,.25)}
.bro-bar b{font-size:16px;margin-right:8px}.bro-bar button{border:0;border-radius:9px;padding:8px 13px;font:600 14px/1 system-ui,sans-serif;cursor:pointer;background:#fff;color:#0d2f63}
.bro-bar button.gold{background:#f3c44b}.bro-bar button.grn{background:#2ea36a;color:#fff}.bro-bar button:disabled{opacity:.5;cursor:wait}
.bro-st{font-size:13px;opacity:.9;margin-left:6px}
.bro-zoom{display:inline-flex;align-items:center;gap:4px;margin-left:8px;background:rgba(255,255,255,.12);border-radius:10px;padding:3px}.bro-zoom button{padding:6px 10px}.bro-zoom #bz-v{min-width:46px;text-align:center;font:700 13px system-ui}
.bro-help{max-width:900px;margin:12px auto 0;background:#fff;border-radius:10px;padding:10px 14px;font:14px/1.45 system-ui,sans-serif;color:#33415c}
.bro-warn{max-width:900px;margin:10px auto 0;background:#fff4e5;border:1.5px solid #f0b45a;border-radius:10px;padding:10px 14px;font:14px/1.45 system-ui,sans-serif;color:#7a4b00}
.bro-warn button{margin-left:8px;border:0;border-radius:7px;padding:4px 10px;background:#d97706;color:#fff;font-weight:700;cursor:pointer}
.bro-pages{display:flex;flex-direction:column;align-items:center;gap:18px;padding:18px 0 60px;zoom:.78}
/* pagina A4 */
.pg{width:210mm;height:297mm;box-sizing:border-box;padding:7mm 8mm 0;background:#fff;position:relative;overflow:hidden;font-family:RC,"Arial Narrow",Arial,sans-serif;color:var(--nv);box-shadow:0 4px 20px rgba(0,0,0,.18);display:flex;flex-direction:column}
.pg *{box-sizing:border-box}
.pg [contenteditable]{outline:none;border-radius:2px}.pg [contenteditable]:hover{box-shadow:0 0 0 1px #9ec5ff}.pg [contenteditable]:focus{box-shadow:0 0 0 2px #3b82f6;background:rgba(59,130,246,.06)}
.pg .ph{position:relative;background:#cfd8e3 center/cover no-repeat;overflow:hidden;cursor:pointer}
.pg .ph img{width:100%;height:100%;object-fit:cover;display:block}
.pg .ph .noimg{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;text-align:center;font:600 12px/1.3 system-ui,sans-serif;color:#41536e;padding:6px}
.pg .ph:hover::after{content:"📷 cambia foto";position:absolute;right:4px;bottom:4px;background:rgba(13,47,99,.85);color:#fff;font:600 11px system-ui,sans-serif;padding:3px 7px;border-radius:6px}
.pg .ico{cursor:pointer;object-fit:contain}.pg .ico:hover{outline:1px dashed #3b82f6}
.scr{font-family:GV,cursive;font-weight:400}
/* --- pagina 1 --- */
.p1-head{display:flex;align-items:center;gap:5mm;height:37mm}
.p1-logo{width:50mm;height:34mm;object-fit:contain}
.p1-sep{width:.5mm;height:30mm;background:var(--nv)}
.p1-c{flex:1;min-width:0}.p1-pre{font-weight:700;font-size:12.5pt;letter-spacing:.2pt}
.p1-per{font-family:GV,cursive;color:var(--or);font-size:36pt;line-height:1.05;white-space:nowrap;overflow:hidden}
.p1-tit{font-weight:700;font-size:17pt;text-transform:uppercase;line-height:1.1}.p1-sub{font-size:11.5pt}
.p1-date{width:40mm;height:33mm;background:var(--nv);color:#fff;text-align:center;display:flex;flex-direction:column;justify-content:center;font-weight:700;line-height:1.15}
.p1-date .d1{font-size:12pt}.p1-date .d2{font-size:22pt}.p1-date .d3{font-size:13pt;margin-top:2mm}
.p1-hero{height:76mm;margin-top:2mm}
.p1-ov{position:absolute;left:0;right:0;bottom:4mm;text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.6);pointer-events:none}
.p1-ov>*{pointer-events:auto}.p1-ov .h1{font-family:GV,cursive;font-size:54pt;line-height:1}.p1-ov .h2{font-family:GV,cursive;font-size:24pt;line-height:1}
.p1-slogan{text-align:center;font-weight:700;font-size:12.5pt;text-transform:uppercase;margin:2.5mm 0 1.5mm}
.p1-punti{display:grid;grid-template-columns:repeat(6,1fr);height:30mm}
.p1-punti>div{text-align:center;border-left:.3mm solid #bcd0e8;padding:0 1mm;display:flex;flex-direction:column;align-items:center}
.p1-punti>div:first-child{border-left:0}.p1-punti .ico{height:15mm;width:26mm}
.p1-punti .t{font-weight:700;font-size:11pt;text-transform:uppercase;margin-top:1mm}.p1-punti .x{font-style:italic;font-size:9pt;color:#2b4f86}
.p1-bl{display:grid;grid-template-columns:1fr 1fr;gap:4mm;height:62mm;margin-top:2mm}
.p1-bl>div{display:flex;flex-direction:column}.p1-bl .ph{height:21mm}
.p1-bl .hd{color:#fff;text-align:center;padding:1.2mm;line-height:1.15}.p1-bl .hd .t{font-weight:700;font-size:13pt;text-transform:uppercase}.p1-bl .hd .s{font-size:10pt;font-weight:700}
.p1-bl .b0 .hd{background:var(--te)}.p1-bl .b1 .hd{background:var(--se)}
.p1-bl ul{list-style:none;margin:0;padding:2mm 3mm;flex:1;font-size:11pt;line-height:1.5}.p1-bl .b0 ul{background:#fcf1e8}.p1-bl .b1 ul{background:#e8f3fb}
.p1-bl li::before{content:"✔";font-weight:700;margin-right:2mm}.p1-bl .b0 li::before{color:var(--te)}.p1-bl .b1 li::before{color:var(--se)}
.p1-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5mm;height:24mm;margin-top:2mm}
.p1-strip>div{display:flex;flex-direction:column}.p1-strip .ph{flex:1}.p1-strip .c{background:var(--nv);color:#fff;text-align:center;font-weight:700;font-size:8.5pt;text-transform:uppercase;padding:.6mm}
.p1-voli{display:grid;grid-template-columns:1.2fr 1.2fr .9fr;gap:3mm;margin-top:2mm;align-items:center;height:12mm}
.p1-voli>div{display:flex;gap:2mm;align-items:center}.p1-voli .ico{width:15mm;height:9mm}.p1-voli .t{font-weight:700;font-size:12pt;text-transform:uppercase;line-height:1.1}.p1-voli .x{font-size:10pt}
.p1-voli .vg{flex-direction:column;align-items:center;text-align:center}
.p1-prezzo{text-align:center;font-weight:700;font-size:19pt;line-height:1.1;margin-top:1mm}.p1-nota{text-align:center;font-size:7.6pt;line-height:1.25;color:#2b4f86}
.p1-foot{margin:auto -8mm 0;background:var(--nv);color:#fff;text-align:center;padding:2mm 0 2.5mm;position:relative}.p1-foot .t{font-weight:700;font-size:15pt}.p1-foot .x{font-size:10.5pt}
.ill{position:absolute;right:4mm;bottom:2mm;font-family:Georgia,serif;font-style:italic;font-size:7pt;color:inherit;opacity:.85}
/* --- pagine 2-4 --- */
.pn-logo{display:block;margin:0 auto;height:23mm;width:60mm;object-fit:contain}
.pn-bar{background:var(--se);color:#fff;display:flex;justify-content:space-between;align-items:center;padding:1.5mm 4mm;font-weight:700;font-size:15pt;text-transform:uppercase;margin-top:1mm}
.pn-foot{margin-top:auto;border-top:.5mm solid var(--or);text-align:center;padding:1.5mm 0 3mm;position:relative;line-height:1.3}
.pn-foot .a{font-weight:700;font-size:13.5pt}.pn-foot .a .scr{color:var(--or);font-size:15pt;margin-left:1mm}.pn-foot .b{font-weight:700;font-size:10pt}.pn-foot .c{font-size:8pt}.pn-foot .d{font-weight:700;font-size:8pt;text-transform:uppercase}
.pn-foot .n{position:absolute;right:0;bottom:6mm;font-weight:700;font-size:11pt}.pn-foot .ill{bottom:13mm;right:0}
/* pagina 2: itinerario */
.p2-list{display:flex;flex-direction:column;gap:2.2mm;margin-top:2.5mm;flex:1;min-height:0}
.p2-c{display:flex;border:.4mm solid #9cc9ea;border-radius:1.5mm;background:#eef7fd;flex:1;max-height:41mm;min-height:0;overflow:hidden}
.p2-c .ph{width:38%;flex:none}.p2-c .dl{position:absolute;left:2mm;top:2mm;background:#fff;color:var(--nv);font-weight:700;font-size:12pt;padding:1mm 3mm;border-radius:1mm;min-width:30mm;z-index:2}
.p2-c .tx{flex:1;padding:1.5mm 3mm;min-width:0}.p2-c .t{font-weight:700;font-size:15pt;line-height:1.15}
.p2-c .sl{display:flex;align-items:center;gap:2mm;margin:1mm 0}.p2-c .sl .ico{height:8mm;width:14mm}.p2-c .sl i{font-size:11.5pt;color:#1f5aa8}
.p2-c .x{font-size:10.3pt;line-height:1.3;color:#1f4f8f}
.p2-nota{margin:2.5mm 0 1.5mm;border:.4mm solid #f0b45a;background:#fff8e6;text-align:center;font-style:italic;font-size:9.5pt;padding:1.2mm;color:#1f4f8f}
/* pagina 3: comprende / non comprende */
.p3-intro{font-size:11pt;margin:1.5mm 0}
.p3-cols{display:grid;grid-template-columns:1fr 1fr;gap:6mm;flex:1;min-height:0}
.p3-h{font-weight:700;font-size:14.5pt;padding:1mm 3mm;margin-bottom:1mm}.p3-ok .p3-h{background:#e3f3e8;color:var(--gr)}.p3-no .p3-h{background:#fde5e5;color:var(--rd)}
.p3-r{display:flex;gap:3mm;align-items:center;border-bottom:.4mm solid #bfe3ce;height:23.5mm}.p3-no .p3-r{border-color:#f2c7c7}
.p3-r .ico{width:30mm;height:19mm;flex:none}.p3-r .t{font-weight:700;font-size:12pt;line-height:1.15}.p3-ok .t{color:var(--gr)}.p3-no .t{color:var(--rd)}.p3-r .x{font-size:9.6pt;line-height:1.25;color:#1f4f8f}
.p3-box{display:grid;grid-template-columns:repeat(3,1fr);gap:3mm;margin-top:2mm}
.p3-box>div{border:.4mm solid #9cc9ea;background:#f2f8fd;padding:1.5mm 2.5mm;height:15mm}.p3-box .t{font-weight:700;font-size:11pt;text-transform:uppercase}.p3-box .x{font-size:9pt}
.p3-prezzo{text-align:center;font-weight:700;font-size:15.5pt;line-height:1.2;margin-top:1.5mm;text-transform:uppercase}.p3-prezzo small{display:block;font-size:7.5pt;font-weight:400;text-transform:none}
/* pagina 4 */
.p4-g{display:grid;grid-template-columns:1.08fr 1fr;gap:5mm;margin-top:2mm;flex:1;min-height:0}
.p4-h{font-weight:700;font-size:14pt;color:var(--rd);text-transform:uppercase;margin:1mm 0}
.p4-r{display:flex;gap:3mm;align-items:center;border-bottom:.4mm solid #bcd8ee;height:19.5mm}.p4-r .ico{width:23mm;height:15mm;flex:none}.p4-r .t{font-weight:700;font-size:11.5pt}.p4-r .x{font-size:9.2pt;line-height:1.2;color:#1f4f8f}
.p4-i .t{font-weight:700;font-size:11pt;margin-top:1.2mm}.p4-i .x{font-size:9.3pt;line-height:1.25;color:#1f4f8f}
.p4-img{height:72mm}
.p4-pz{background:var(--nv);color:#fff;padding:3mm 4mm;line-height:1.25}.p4-pz .t{font-weight:700;font-size:15pt;text-transform:uppercase}.p4-pz .a{font-size:11pt}.p4-pz .q{font-weight:700;font-size:12.5pt;margin-top:1.5mm}
.p4-pz .big{font-weight:700;font-size:30pt;color:#f3c44b;line-height:1.05}.p4-pz .tot{font-weight:700;font-size:14pt;margin-top:1mm}
.p4-cp{border:.4mm solid #9cc9ea;background:#f2f8fd;margin-top:3mm;padding:2mm 4mm}.p4-cp .h{font-weight:700;font-size:13pt;color:var(--rd)}
.p4-cp li{list-style:none;font-size:10.3pt;line-height:1.55}.p4-cp ul{margin:1mm 0;padding:0}.p4-cp li::before{content:"✔";color:var(--se);font-weight:700;margin-right:2mm}
.p4-cp .n{font-style:italic;color:var(--rd);font-size:9.5pt}
/* menu foto / icone */
.bro-menu{position:fixed;z-index:9500;background:#fff;border-radius:12px;box-shadow:0 10px 40px rgba(0,0,0,.35);padding:14px;width:min(560px,92vw);max-height:80vh;overflow:auto;font:14px system-ui,sans-serif;color:#1b2a41}
.bro-menu h4{margin:0 0 8px}.bro-menu textarea{width:100%;min-height:70px;border:1.5px solid #cfd8e3;border-radius:8px;padding:8px;font:inherit}
.bro-menu .row{display:flex;gap:8px;flex-wrap:wrap;margin:8px 0}.bro-menu button{border:1.5px solid #cfd8e3;background:#fff;border-radius:8px;padding:7px 11px;cursor:pointer;font:600 13px system-ui}
.bro-menu button.gold{background:#f3c44b;border-color:#f3c44b}.bro-menu .grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:6px}
.bro-menu .grid img{width:100%;height:64px;object-fit:cover;border-radius:6px;cursor:pointer;border:2px solid transparent}.bro-menu .grid img:hover{border-color:#3b82f6}
.bro-menu .grid.icons img{object-fit:contain;height:56px;background:#f5f7fa}
@media print{
  @page{size:A4;margin:0}
  body.bro-print>*:not(#bro){display:none!important}
  body.bro-print{background:#fff!important}
  body.bro-print #bro{position:static;background:#fff;overflow:visible}
  body.bro-print .bro-bar,body.bro-print .bro-help,body.bro-print .bro-warn{display:none!important}
  body.bro-print .bro-pages{zoom:1!important;padding:0;gap:0;display:block}
  body.bro-print .pg{box-shadow:none;break-after:page;page-break-after:always;margin:0}
  body.bro-print .pg:last-child{break-after:auto;page-break-after:auto}
  body.bro-print .pg .ph:hover::after{display:none}
  body.bro-print .pg [contenteditable]{box-shadow:none!important;background:none!important}
  body.bro-print .pg .noimg{display:none}
  *{-webkit-print-color-adjust:exact;print-color-adjust:exact}
}
