/* Omnia: i colori del logo, rosso e blu su fondo crema; forme arrotondate, niente caratteri con le grazie. */
:root{
  --scuro:#2a398c; --scuro-2:#34459f; --scuro-3:#4557b4; --piede:#1e2a6b;
  --scuro-rgb:42,57,140; --scuro-2-rgb:52,69,159;
  --accento:#b00d1e; --accento-chiaro:#d8323f; --accento-rgb:176,13,30; --su-accento:#ffffff;
  --su-scuro:#dfe3f5; --etichetta:#b00d1e; --etichetta-2:#8e0b18;
  --riquadro:#fdf1ee; --riquadro-linea:#f3cfc8; --riquadro-testo:#5c1a14; --riquadro-etichetta:#fbe0da;
  --carta:#ffffff; --fondo:#fbf7ef; --testo:#22243a; --testo-2:#565a70; --linea:#ece4d6;
  --testata-fondo:#ffffff; --testata-testo:#2a398c; --testata-linea:#ece4d6;
  --titoli:"Hanken Grotesk","Segoe UI",system-ui,sans-serif;
  --peso-titoli:700; --raggio:12px; --raggio-grande:20px;
}
body{background:var(--fondo)}
h1,h2,h3{letter-spacing:-.015em}

/* La prima schermata e' chiara e calda, non una fascia scura */
.eroe-centro{background:var(--fondo);color:var(--testo)}
.eroe-centro .sotto{color:var(--testo-2)}
.eroe-centro h1{color:var(--scuro)}
.eroe-centro .btn.vuoto{color:var(--scuro);box-shadow:inset 0 0 0 2px var(--scuro)}
.eroe-centro .btn.vuoto:hover{background:var(--scuro);color:#fff}
.btn{color:var(--su-accento);border-radius:999px}
.btn:hover{background:var(--accento-chiaro);color:#fff}
.btn.chiaro{border-radius:999px}

.sito-nav a:hover{color:var(--accento);border-color:var(--accento)}
.marchio img{height:54px}
.sito-nav a.riservata{border-color:var(--scuro);border-radius:999px}
/* La testata e' bianca: sottomenu e menu del telefono chiari, non blu scuro (il blu del testo ci spariva sopra) */
.sito-nav .sub-menu{background:var(--carta);border-color:var(--linea);box-shadow:0 18px 44px rgba(var(--scuro-rgb),.18)}
.sito-nav .sub-menu a{color:var(--scuro)}
.sito-nav .sub-menu a:hover{background:var(--fondo);color:var(--accento)}
@media (max-width:1080px){
  .sito-nav{background:var(--carta);border-bottom-color:var(--linea);box-shadow:0 18px 30px rgba(var(--scuro-rgb),.12)}
  .sito-nav a{border-bottom-color:var(--linea)}
  .sito-nav .sub-menu{background:none;box-shadow:none}
  .sito-nav .sub-menu a{color:var(--testo-2)}
}

/* Le schede dei problemi sono l'ingresso del sito */
.fascia#aree{background:var(--carta)}
.area{background:var(--fondo);border:0;border-radius:var(--raggio-grande)}
.area .ico{background:var(--accento);color:#fff;border-radius:50%}
.guida{border-radius:var(--raggio-grande);overflow:hidden}
.testa{background:var(--scuro)}
.chiusura{background:var(--accento)}
.chiusura .btn{background:#fff;color:var(--accento)}
.chiusura .btn:hover{background:var(--fondo);color:var(--accento)}
.chiusura .ico-svg{color:#fff}
.chiusura small,.chiusura p{color:#fbe0da}
.chi-siamo{background:var(--fondo)}
.t .eroe-copertina a.btn.vuoto{color:var(--scuro);box-shadow:inset 0 0 0 2px var(--scuro)}
.t .eroe-copertina a.btn.vuoto:hover{background:var(--scuro);color:#fff}
.chiusura.t a.btn{color:var(--accento)}
.aree{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:860px){.aree{grid-template-columns:1fr}}