:root{--arancio-s:#C73800}
/* =====================================================================
   +Tutela - allineamento al layout uniforme del sito Consumerismo
   (apertura navy con scudo in dissolvenza, angoli arrotondati, pulsanti a pillola).
   Caricato dopo stile.css: basta toglierlo per tornare alla grafica precedente.
   ===================================================================== */
.hero{background:transparent;border-bottom:0;padding:22px 0 26px;overflow:visible}
.hero:before{display:none}
.hero>.wrap{position:relative;overflow:hidden;background:var(--navy);border-radius:12px;padding:60px 48px 56px;max-width:1140px;box-shadow:0 10px 30px rgba(35,54,70,.12)}
.hero>.wrap:after{content:"";position:absolute;right:-4%;top:50%;transform:translateY(-50%);width:44%;height:130%;background:url('menu/immagini/scudo-dissolvenza.png') right center/contain no-repeat;opacity:.55;pointer-events:none;z-index:0}
.hero-inner{position:relative;z-index:1}
.hero .logo-testata img{width:220px;height:auto}
.hero h1{color:#fff;font-weight:700}
.hero h1 .plus{color:var(--arancio-s)}
.hero p.claim{color:rgba(255,255,255,.85)}
.hero-cta .nota{color:rgba(255,255,255,.75)}
.badge-area{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.25);border-radius:40px}
.slogan{color:#fff;border-top-color:rgba(255,255,255,.2)}
.btn-grande,.btn-side{border-radius:40px}
.btn-grande:focus-visible,.btn-side:focus-visible{outline:3px solid #fff;outline-offset:3px}
/* angoli e bordi coerenti con le altre pagine */
.form-box,.caso,.testi-box,.google-barra,.passo,.side-contatti,.staff-scheda,.art,.vuoto{border-radius:12px}
.caso,.testi-box{border-top-width:4px}
.blocco-pieno{border-radius:12px}
@media(max-width:860px){
  .hero{padding:14px 0 20px}
  .hero>.wrap{margin:0 12px;padding:40px 22px 36px}
  .hero>.wrap:after{width:80%;right:-30%;opacity:.3}
  .hero .logo-testata img{width:180px}
}
/* allineamento finale con le altre pagine del sito */
.hero>.wrap{max-width:1108px}
.hero h1{font-size:clamp(2.3rem,5vw,3.6rem);font-family:"Ubuntu",sans-serif;font-weight:700;letter-spacing:-.01em}
.slogan{font-family:'Titillium Web',sans-serif;font-style:italic;font-weight:600}
button,input,select,textarea{font-family:inherit}
.blocco h2,.blocco-pieno h2{font-size:clamp(1.7rem,3.2vw,2.35rem);font-weight:700;line-height:1.2}
.layout{max-width:1108px;margin-left:auto;margin-right:auto}
@media(max-width:860px){.hero>.wrap{margin:0 10px}.wrap:has(>.layout){padding-left:10px;padding-right:10px}}
.col-dx{padding-bottom:48px}
@media(max-width:699px){.col-dx{padding-bottom:32px}}
/* allineamento a schede come il resto del sito: stessi margini interni (28 px desktop, 20 px telefono) e stessi spazi (22/14 px) */
.hero>.wrap{padding:72px 28px 56px}
.layout{gap:22px;margin-top:22px;margin-bottom:48px}
.col-sx{border-right:0;background:#F9F5F0;border-radius:12px;padding:28px 24px}
.col-dx{background:#fff;border:1px solid #e6e1da;border-radius:12px;padding:52px 28px 48px !important}
.contenuto > section.blocco-pieno{margin-left:-28px;margin-right:-28px;padding-left:28px;padding-right:28px}
@media(max-width:980px){
 .layout{gap:14px;margin-top:14px;margin-bottom:32px}
 .col-sx{background:none;padding:0;border-radius:0}
 .sidebar{margin-bottom:0;border-radius:12px;overflow:hidden;background:#fff}
 .col-dx{padding:40px 20px 32px !important}
 .contenuto > section.blocco-pieno,.contenuto > section:nth-of-type(even){margin-left:-20px;margin-right:-20px;padding-left:20px;padding-right:20px}
}
@media(max-width:860px){.hero>.wrap{padding:52px 20px 40px}}
.hero{padding:28px 0 0}
.contenuto > section{padding-left:0 !important;padding-right:0 !important}
.contenuto > section:nth-of-type(even),.contenuto > section.blocco-pieno{margin-left:-28px !important;margin-right:-28px !important;padding-left:28px !important;padding-right:28px !important}
@media(max-width:980px){.contenuto > section:nth-of-type(even),.contenuto > section.blocco-pieno{margin-left:-20px !important;margin-right:-20px !important;padding-left:20px !important;padding-right:20px !important}}
@media(max-width:860px){.hero{padding:14px 0 0}}
.rassicuratori{margin-left:0 !important;margin-right:0 !important}
/* presentazione di Teo */
.teo-pres-g{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;align-items:center}
.teo-pres-g img{width:100%;height:auto;display:block}
.teo-pres .teo-pres-lead{font-size:1.2rem;font-weight:600;color:#fff}
.teo-pres-azioni{list-style:none;margin:14px 0 12px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
.teo-pres-azioni li{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.16);border-left:4px solid #FC4600;border-radius:10px;padding:10px 12px}
.teo-pres-azioni b{display:block;color:#fff}
.teo-pres-azioni span{font-size:.88rem;color:rgba(255,255,255,.8)}
.teo-pres .teo-pres-nota{font-size:.85rem;color:rgba(255,255,255,.7)}
.teo-pres-btn{margin-top:6px}
@media(max-width:760px){.teo-pres-g{grid-template-columns:1fr}.teo-pres-g img{max-width:280px;margin:0 auto;order:-1}.teo-pres-azioni{grid-template-columns:1fr}}
/* testi piccoli in arancio: contrasto adeguato */
.contenuto p a:not([class*="btn"]),.contenuto li a:not([class*="btn"]),.sidebar a:hover{color:#C73800}
.blocco-pieno .eyebrow,.hero .eyebrow,.blocco-pieno p a:not([class*="btn"]){color:#FF7A3D !important}
.teo-pres-g img.teo-pres-img{border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.35)}

/* ==== 1.8.1 (9/11/2026): FORMATTAZIONE DELLA PAGINA ====
   1. La nota sulla conciliazione obbligatoria non aveva stile: compariva sempre, stretta in mezza colonna, prima ancora di
      scegliere l'area. Ora sta nascosta e appare (a tutta larghezza, come riquadro) solo per le aree con conciliazione.
   2. Nelle sezioni senza fondo i riquadri (recensioni, confronti, casi) uscivano di 3 px oltre il bordo della colonna:
      tornano a filo del testo, come nelle sezioni con il fondo. Il filetto in testa parte dal testo.
   3. Niente striscia bianca vuota sotto l'ultima sezione con il fondo. */
.avviso-regolato{display:none;grid-column:1/-1;margin:2px 0 4px;padding:14px 16px;border-left:4px solid #FC4600;border-radius:10px;background:#FFF4EE;color:#233646;font-size:.95rem;line-height:1.55}
.avviso-regolato.on{display:block}
.avviso-regolato strong{color:#C73800}
.contenuto > section:nth-of-type(odd):not(#form) > .riquadro,
.contenuto > section:nth-of-type(odd):not(#form) > .confronto,
.contenuto > section:nth-of-type(odd):not(#form) > .rassicuratori,
.contenuto > section:nth-of-type(odd):not(#form) > .griglia-casi,
.contenuto > section:nth-of-type(odd):not(#form) > .testi,
.contenuto > section:nth-of-type(odd):not(#form) > .striscia{margin-left:0 !important;margin-right:0 !important}
.contenuto > section:nth-of-type(odd).blocco:before{left:0 !important;right:0 !important}
.contenuto > section:last-of-type:nth-of-type(even),.contenuto > section.blocco-pieno:last-of-type{margin-bottom:-48px;border-radius:0 0 12px 12px}
@media(max-width:980px){.contenuto > section:last-of-type:nth-of-type(even),.contenuto > section.blocco-pieno:last-of-type{margin-bottom:-32px}}