/* Open Smart Services: i colori stanno in stile.json, qui solo forme e ritocchi che lo Stile del sito non copre. */

:root{--r:12px}

/* Testata bianca, una riga azzurra sotto: il segno del marchio. */
.ed-testata.ed-modello{background:#fff;border-bottom:3px solid var(--g-colore-azzurro,#29abe2);box-shadow:0 2px 14px rgba(11,45,114,.06)}

/* Titoli compatti; la parte in evidenza dei titoli in azzurro scuro, senza il gradiente viola di partenza. */
h1,h2,.sez-titolo{letter-spacing:-.015em}
:root{--grad:linear-gradient(100deg,var(--ciano),var(--viola))}
.occhiello{color:var(--ciano);letter-spacing:.08em}

/* Pulsanti pieni, senza bagliore. */
.btn-viola,.btn-ciano{box-shadow:0 1px 2px rgba(11,45,114,.10),0 6px 18px rgba(11,45,114,.14)}
.btn-filo{box-shadow:none}

/* Foto dentro il contenuto: angoli e ombra leggera. */
.ed-w-immagine img{border-radius:var(--r);box-shadow:0 1px 2px rgba(11,45,114,.06),0 16px 36px rgba(11,45,114,.12)}

/* Riquadri con icona: icona azzurra su cerchio chiaro. */
.ew-ribox .ew-ribox-ic,.ew-ribox-icona{color:var(--ciano)}

/* Loghi dei clienti: in scala di grigi, a colori al passaggio. */
.oss-loghi{--ew-ratio:2/1}
.oss-loghi .ew-gal-voce{background:#fff;border:1px solid var(--bordo)}
.oss-loghi .ew-gal-voce img{object-fit:contain;filter:grayscale(1);opacity:.8;transition:filter .25s,opacity .25s}
.oss-loghi .ew-gal-voce:hover img{transform:none;filter:none;opacity:1}

/* Il pannello delle parole dell'apertura divisa: velo più leggero, l'occhiello e il pulsante a contorno restano sopra 4,5:1. */
.ed-hero.ed-hero-divisa .ed-hd-parole{background:linear-gradient(150deg,rgba(11,45,114,.09),rgba(11,111,174,.03) 70%),var(--bg-2)}

/* L'apertura: titolo in maiuscolo e minuscolo, si legge meglio di un cartello stradale. */
.hero h1,.ed-hero h1{text-transform:none;letter-spacing:-.02em;line-height:1.06}

/* Titoli dei riquadri con il link: niente sottolineatura, la mostra solo il passaggio. */
.ew-ribox a,.ew-ribox h3 a{text-decoration:none}
.ew-ribox a:hover,.ew-ribox a:focus{text-decoration:underline}

/* Piede blu notte: testo chiaro (12:1), link bianchi. */
.ed-piede.ed-modello,.ed-piede.ed-modello p,.ed-piede.ed-modello .ed-testo,.ed-piede.ed-modello .ed-w-copyright,.ed-piede.ed-modello .ed-w-descrizione_sito{color:var(--g-colore-su-notte,#d7e2f4)}
.ed-piede.ed-modello a,.ed-piede.ed-modello .mn a{color:#fff;text-decoration:none}
.ed-piede.ed-modello h4,.ed-piede.ed-modello .mn-titolo{font:600 12px/1.2 var(--f-testo);letter-spacing:.14em;text-transform:uppercase;color:var(--g-colore-azzurro,#29abe2);margin:0 0 14px}
.ed-piede.ed-modello a:hover,.ed-piede.ed-modello a:focus{text-decoration:underline}
.ed-piede.ed-modello .ed-w-nome_sito{font-family:var(--f-titolo);font-weight:700;font-size:20px;color:#fff}
.ed-piede.ed-modello .ed-w-immagine img{width:170px;max-width:100%;height:auto;box-shadow:none;border-radius:8px;background:#fff;padding:6px}
.ed-piede.ed-modello .ed-w-testo p{font-size:15px;line-height:1.6;margin:0 0 12px}
.oss-piede-fondo{border-top:1px solid rgba(215,226,244,.18);font-size:14px}
.oss-piede-fondo .mn a{font-size:13px;letter-spacing:.06em}
@media (min-width:768px){.oss-piede-fondo .ed-w-menu_nav .mn-lista{justify-content:flex-end}}

/* Filtri del blog: il filtro scelto su fondo chiaro con il bordo azzurro scuro; il testo è il colore dei link (6,7:1). */
.filtri a:first-child{background:var(--bg-2);border-color:var(--ciano)}

/* Il pulsante Menu del telefono: bersaglio di almeno 44 px. */
.mn-telefono>summary{min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center}

/* Icone social dentro le pagine: cerchio blu, simbolo bianco (12,9:1). */
.ed-pagina .ew-social a,.ed-pagina .ew-social-voce{background:var(--viola);color:#fff}
.ed-pagina .ew-social a:hover,.ed-pagina .ew-social a:focus{background:var(--ciano)}

@media (prefers-reduced-motion:reduce){.oss-loghi img{transition:none}}