/*! MailSenpai - msp-ds-v2-ondata2.css: strato v2 (giro 2, 04/10/2026), gruppo «Pagine secondarie» (B2B, Grandi volumi, API, Chi siamo, Contattaci, Blog). Si carica solo con lo strato v2 acceso.
@pagine: 97998,5193,99348,20,3724,18,99407,99501,99513,99506,99507,99512
Sorgente: scratchpad o2v2/tema/ondata2.src.css (genera.sh). Solo transform/opacity nelle animazioni; contrasti misurati nel LEGGIMI del backup ondata2. */
/* fasce scure: aurora che sfuma in alto e in basso (niente gradino contro i divisori o tra due contenitori scuri vicini); colonne senza il fondo pieno del giro 1 */
.msp-v2 .ms2.msp-v2-bg--scuro::before{-webkit-mask-image:linear-gradient(180deg,transparent 17%,#000 30%,#000 66%,transparent 83%);mask-image:linear-gradient(180deg,transparent 17%,#000 30%,#000 66%,transparent 83%)}
.msp-v2 .ms2.msp-v2-bg--scuro .fusion-layout-column:is([style*="--awb-bg-color:#0e1011"],[style*="--awb-bg-color:#0E1011"]){--awb-bg-color:transparent!important}
.msp-v2 .ms2.msp-v2-bg--scuro .fusion-layout-column:is([style*="--awb-bg-color:#0e1011"],[style*="--awb-bg-color:#0E1011"])>.fusion-column-wrapper{background-color:transparent!important;box-shadow:none!important}
/* riquadri dei contenuti: centrati quando sono meno delle colonne; sollevamento leggero */
.msp-v2 .ms2 .fusion-content-boxes{justify-content:center}
@media (hover:hover) and (prefers-reduced-motion:no-preference){.msp-v2 .ms2 .content-box-column>.col{transition:transform .35s var(--v2-ease),box-shadow .35s var(--v2-ease)}.msp-v2 .ms2 .content-box-column>.col:hover{transform:translateY(-4px)}}
/* Chi siamo: «Team formidabile» da solo, centrato */
.msp-v2 .o2v2-team .fusion-column-wrapper{align-items:center;text-align:center;max-width:720px;margin-inline:auto!important}
.msp-v2 .o2v2-team .fusion-text p{margin-inline:auto}
/* moduli (Bancomail, Grandi volumi, Contattaci): caselle 20 px con bordo AA (3,9:1) e anello di focus; i nomi dei campi non cambiano */
.msp-v2 .ms2 .fusion-form-checkbox label{position:relative;display:inline-block;padding-left:32px!important;line-height:1.5;min-height:24px}
.msp-v2 .ms2 .fusion-form-checkbox label::before{position:absolute;left:0;top:1px;transform:none!important;width:20px!important;height:20px!important;margin:0!important;box-sizing:border-box;border:1.5px solid #8a7f75!important;border-radius:5px!important;background-color:#fff}
.msp-v2 .ms2 .fusion-form-checkbox input:checked+label::before{background-color:var(--v2-o1)!important;border-color:var(--v2-o1)!important;box-shadow:inset 0 0 0 3px #fff}
.msp-v2 .ms2 .fusion-form-checkbox input:focus-visible+label::before{outline:2px solid var(--v2-act);outline-offset:2px}
/* API (/api-smtp/, /smtp-api/): il foglio mspd- prende i token v2 */
.msp-v2 .mspd{--ink:#2f2a26;--mut:#5d5750;--b:#a85419;--od:#9a4814;--line:#efe2d4;--soft:#fff8f1}
.msp-v2 .mspd-eyebrow::before{content:none!important;display:none!important}
.msp-v2 .mspd-eyebrow{border:1px solid var(--v2-line2);background:#fff;border-radius:999px;padding:6px 14px;font-size:12px;color:var(--v2-eye)}
.msp-v2 .fusion-fullwidth:has(.mspd-hero){background:radial-gradient(34% 420px at 10% 0,rgba(255,196,150,.45),transparent 70%),radial-gradient(30% 380px at 90% 40px,rgba(252,175,59,.2),transparent 70%),linear-gradient(180deg,#fff6ec 0,#fffaf5 460px,rgba(255,250,245,0) 760px)!important}
.msp-v2 .mspd .mspd-btn:not(.prova):not(.out){background:linear-gradient(135deg,var(--v2-o1),var(--v2-o2));color:#fff!important;border-color:transparent;box-shadow:var(--v2-sh2)}
.msp-v2 .mspd .mspd-btn:not(.prova):not(.out):hover,.msp-v2 .mspd .mspd-btn.out:hover{background:linear-gradient(135deg,var(--v2-o1h),var(--v2-o2h));color:#fff!important;border-color:transparent}
.msp-v2 .mspd .mspd-btn.out{background:#fff;border-color:var(--v2-o1);color:var(--v2-act)!important}
.msp-v2 .mspd .mspd-final .mspd-btn.out{background:transparent;border-color:rgba(255,255,255,.55);color:#fff!important}
.msp-v2 .mspd .mspd-btn.prova:hover{background:linear-gradient(135deg,var(--v2-g1h),var(--v2-g2h));color:#fff!important}
.msp-v2 .mspd .mspd-btn:active{transform:translateY(0) scale(.98)}
.msp-v2 .mspd-final{background:radial-gradient(60% 120% at 10% 0%,rgba(245,134,52,.24),transparent 60%),radial-gradient(50% 120% at 95% 100%,rgba(171,102,52,.25),transparent 60%),#17191a}
@media (prefers-reduced-motion:no-preference){.msp-v2 .mspd .mspd-btn{transition:background .2s,border-color .2s,color .2s,transform .2s var(--v2-ease)}.msp-v2 .mspd .mspd-btn:hover{transform:translateY(-2px)}}
/* telefono: illustrazioni piu' piccole e meno vuoti (Grandi volumi, Chi siamo, Contattaci) */
@media (max-width:640px){
.msp-v2 .ms2:not(.ms2-hero) lottie-player{max-width:min(220px,62vw)!important;margin-inline:auto!important}
body.msp-v2 #wrapper .fusion-fullwidth.ms2-featrow{padding-top:12px!important;padding-bottom:12px!important}
.msp-v2 .ms2-featrow .fusion-layout-column{margin-bottom:16px!important}
.msp-v2 .ms2 .fusion-tabs .tab-content>.tab-pane{padding:20px 16px!important}
.msp-v2 .ms2 .fusion-form .fusion-form-field{margin-top:0!important;margin-bottom:20px!important}
}
/* telefono: scala unica delle spaziature per tutte le pagine del gruppo (correzione 04/10 sera, rilievo del verificatore B2B 390 px).
   sezione 40 px sopra e sotto, colonne senza margini o imbottiture extra, schede a 20 px tra loro: niente vuoti di 400 px tra un testo e il titolo dopo */
@media (max-width:640px){
body.msp-v2 #wrapper #content .fusion-fullwidth.ms2:not(.ms2-hero):not(.ms2-featrow):not(.msp-v2-divhost){padding-top:40px!important;padding-bottom:40px!important;margin-top:0!important;margin-bottom:0!important}
body.msp-v2 #content .ms2:not(.ms2-hero)>.fusion-builder-row>.fusion-layout-column{margin-top:0!important}
body.msp-v2 #content .ms2:not(.ms2-hero)>.fusion-builder-row>.fusion-layout-column:last-child{margin-bottom:0!important}
body.msp-v2 #content .ms2:not(.ms2-hero)>.fusion-builder-row>.fusion-layout-column:not([style*="bg-color"]):not([style*="bg-image"])>.fusion-column-wrapper{padding-top:0!important;padding-bottom:0!important}
body.msp-v2 #content .ms2 .fusion-content-boxes>.content-box-column{margin-bottom:20px!important}
body.msp-v2 #content .ms2 .fusion-content-boxes>.content-box-column:last-child{margin-bottom:0!important}
body.msp-v2 #content .ms2 .fusion-content-boxes{margin-bottom:0!important}
}
/* API: la riga «OpenAPI 3.1 · YAML · JSON» sempre sotto i pulsanti, cosi' l'altezza della hero non cambia all'arrivo di Poppins (CLS 0,21 a 768 px) */
.msp-v2 .mspd-cta .mspd-small{display:block;flex:0 0 100%;width:100%}
/* Contattaci «Lavora con noi»: il finto pulsante «Choose File» di Avada era invisibile (opacita' 0) ma raggiungibile col tab; il campo file vero copre gia' tutta la casella */
.msp-v2 #content .fusion-form-upload-field-button{visibility:hidden!important}
.msp-v2 #content .fusion-form-upload-field-container:focus-within{outline:2px solid var(--v2-act,#a85419);outline-offset:2px;border-radius:8px}

/* === NEWSLETTER 05/10 (post-live) - indice /blog/ (ID 18), fascia «Sblocca Insight esclusivi» / «Unlock Exclusive Insights» ===
   Il messaggio «niente spam» compariva due volte: quello del widget («Niente spam: solo contenuti utili…») e il testo della pagina
   («Non inviamo spam! Leggi la nostra informativa…», «We Don't Send Spam!…»), schiacciato sotto il pulsante. Resta solo quello del
   widget (il link alla privacy e' gia' nel consenso). Il testo della pagina si nasconde SOLO quando il widget e' definito:
   senza JS (o senza :has) resta visibile. Stile interno del widget: msp-ds-v2-blog.js (caricato anche sull'ID 18). */
.msp-v2 .ms2-iscriviti .fusion-text:has(msp-app-form:defined)+.fusion-text{display:none!important}
.msp-v2 .ms2-iscriviti .fusion-text:has(msp-app-form) p{margin:0}