/* Tema cromatico delle pagine costruite dal child theme.
   Vincolo editoriale: apertura #08074E, sezioni alternate con il blu di brand,
   nessun fondale bianco. Le superfici interne restano traslucide e il verde e'
   riservato ad azioni, focus e dati verificati. */

.eee-pagina{
  --eee-notte:var(--e-global-color-00c9c34,#08074E);
  --eee-brand:var(--e-global-color-a3ba570,#2D2185);
  --eee-blu:var(--eee-brand);
  --eee-scuro:var(--eee-notte);
  --eee-bg:var(--eee-notte);
  --eee-testo:var(--eee-su-blu);
  --eee-muted:rgba(255,255,255,.72);
  --eee-grigio:rgba(255,255,255,.075);
  --eee-bordo:rgba(255,255,255,.16);
  --eee-superficie:rgba(255,255,255,.075);
  --eee-superficie-forte:rgba(8,7,78,.46);
  --eee-linea:rgba(255,255,255,.16);
  background:var(--eee-notte);
  color:var(--eee-su-blu);
  color-scheme:dark;
}

.eee-pagina .elementor-location-header,
.eee-pagina .eee-eroe,
.eee-pagina .eee-testata{
  background-color:var(--eee-notte)!important;
}

.eee-pagina article,
.eee-pagina main{
  background:var(--eee-notte);
  color:var(--eee-su-blu);
}

/* Il numero si riferisce alle sole section sorelle: header e barre KPI non
   alterano quindi l'alternanza. Gli inline storici vengono superati qui. */
.eee-pagina > section.eee-sezione:nth-of-type(odd),
.eee-pagina article > section.eee-sezione:nth-of-type(odd),
.eee-pagina main > section.eee-sezione:nth-of-type(odd){
  background:var(--eee-brand)!important;
}
.eee-pagina > section.eee-sezione:nth-of-type(even),
.eee-pagina article > section.eee-sezione:nth-of-type(even),
.eee-pagina main > section.eee-sezione:nth-of-type(even){
  background:var(--eee-notte)!important;
}
.eee-pagina .eee-sezione-blu{background:var(--eee-brand);color:var(--eee-su-blu)}
.eee-pagina .eee-sezione-scura{background:var(--eee-notte);color:var(--eee-su-blu)}

/* Elementor assegna colori direttamente ai titoli e ai paragrafi. Questa
   specificita' mantiene leggibile qualsiasi blocco sopra i due fondali. */
.eee-pagina .eee-testata h1,
.eee-pagina .eee-testata h2,
.eee-pagina .eee-testata h3,
.eee-pagina .eee-testata h4,
.eee-pagina .eee-testata p,
.eee-pagina .eee-sezione h1,
.eee-pagina .eee-sezione h2,
.eee-pagina .eee-sezione h3,
.eee-pagina .eee-sezione h4,
.eee-pagina .eee-sezione p,
.eee-pagina .eee-sezione li,
.eee-pagina .eee-sezione dt,
.eee-pagina .eee-sezione dd,
.eee-pagina .eee-sezione th,
.eee-pagina .eee-sezione td{
  color:var(--eee-su-blu);
}
.eee-pagina .eee-kicker,
.eee-pagina .eee-muted,
.eee-pagina .eee-nota-dati,
.eee-pagina .eee-kpi-label{
  color:var(--eee-muted-su-blu);
}
.eee-pagina .eee-blocco a,
.eee-pagina .eee-corpo a,
.eee-pagina .eee-voce dt a,
.eee-pagina .eee-correlati a,
.eee-pagina .eee-sezione a:not(.eee-btn){
  color:var(--eee-verde);
}
.eee-pagina .eee-blocco a:hover,
.eee-pagina .eee-corpo a:hover,
.eee-pagina .eee-voce dt a:hover,
.eee-pagina .eee-sezione a:not(.eee-btn):hover{
  color:var(--eee-su-blu);
}

/* Superfici: gerarchia e separazione senza introdurre pannelli bianchi. */
.eee-pagina .eee-card,
.eee-pagina .eee-caso,
.eee-pagina .eee-faq details,
.eee-pagina .eee-asse,
.eee-pagina .eee-scheda,
.eee-pagina .eee-prezzo,
.eee-pagina .eee-leva,
.eee-pagina .eee-corpo blockquote,
.eee-pagina .eee-corpo .eee-recensione,
.eee-pagina .eee-avviso,
.eee-pagina .eee-dato{
  background:var(--eee-superficie);
  color:var(--eee-su-blu);
  border-color:var(--eee-linea);
  box-shadow:none;
}
.eee-pagina .eee-card,
.eee-pagina .eee-caso,
.eee-pagina .eee-faq details,
.eee-pagina .eee-asse,
.eee-pagina .eee-scheda,
.eee-pagina .eee-prezzo,
.eee-pagina .eee-leva,
.eee-pagina .eee-dato{
  backdrop-filter:blur(8px);
}
.eee-pagina .eee-card h3,
.eee-pagina .eee-caso h3,
.eee-pagina .eee-asse h3,
.eee-pagina .eee-scheda h3,
.eee-pagina .eee-leva h3,
.eee-pagina .eee-faq summary{
  color:var(--eee-su-blu);
}
.eee-pagina .eee-card p,
.eee-pagina .eee-caso p,
.eee-pagina .eee-asse p,
.eee-pagina .eee-scheda p,
.eee-pagina .eee-leva li,
.eee-pagina .eee-faq details > div{
  color:var(--eee-muted-su-blu);
}
.eee-pagina .eee-card-verde,
.eee-pagina .eee-card-verde h2,
.eee-pagina .eee-card-verde h3,
.eee-pagina .eee-card-verde p{
  color:var(--eee-notte);
}

/* KPI e prove. */
.eee-pagina .eee-barra{background:var(--eee-notte)}
.eee-pagina .eee-dato{border:1px solid var(--eee-linea);border-top:3px solid var(--eee-verde)}
.eee-pagina .eee-dato .eee-dato__v,
.eee-pagina .eee-scheda .eee-scheda__cifra{color:var(--eee-verde)}
.eee-pagina .eee-dato .eee-dato__e,
.eee-pagina .eee-scheda .eee-scheda__cliente{color:var(--eee-su-blu)}
.eee-pagina .eee-dato .eee-dato__f,
.eee-pagina .eee-scheda .eee-scheda__fonte,
.eee-pagina .eee-scheda .eee-scheda__settore,
.eee-pagina .eee-asse__n,
.eee-pagina .eee-tappa p,
.eee-pagina .eee-leva li,
.eee-pagina .eee-voce__esteso{
  color:var(--eee-muted-su-blu);
}
.eee-pagina .eee-scheda__link{color:var(--eee-verde)}
.eee-pagina .eee-scheda__foto{background:var(--eee-superficie-forte)}

/* Grafico di prezzo e tabelle. */
.eee-pagina .eee-prezzo__barra{background:rgba(255,255,255,.17)}
.eee-pagina .eee-prezzo__tacca{color:var(--eee-su-blu)}
.eee-pagina .eee-prezzo__tacca::after{background:rgba(255,255,255,.42)}
.eee-pagina .eee-prezzo__legenda{color:var(--eee-muted-su-blu)}
.eee-pagina .eee-tabella th,
.eee-pagina .eee-corpo th{color:var(--eee-muted-su-blu)}
.eee-pagina .eee-tabella th,
.eee-pagina .eee-tabella td,
.eee-pagina .eee-corpo th,
.eee-pagina .eee-corpo td{border-color:var(--eee-linea)}

/* Campi modulo: scuri anche prima dell'interazione, con placeholder leggibile. */
.eee-pagina .eee-modulo__campo input,
.eee-pagina .eee-modulo__campo select,
.eee-pagina .eee-modulo__campo textarea{
  background:var(--eee-superficie-forte);
  color:var(--eee-su-blu);
  border-color:var(--eee-linea);
}
.eee-pagina .eee-modulo__campo input::placeholder,
.eee-pagina .eee-modulo__campo textarea::placeholder{color:var(--eee-muted-su-blu)}
.eee-pagina .eee-modulo__nota{color:var(--eee-muted-su-blu)}
.eee-pagina .eee-modulo__esito--no{background:var(--eee-superficie);color:var(--eee-su-blu)}

/* Il telaio rappresenta un browser, ma il suo chrome non introduce bianco nel layout. */
.eee-pagina .eee-telaio{background:#E7E5F6}
.eee-pagina .eee-telaio__barra{background:#DAD7EF}
.eee-pagina .eee-telaio__url{background:#EFEEFA;color:#35306F}

/* Pulsanti e filtri sopra i due blu. */
.eee-pagina .eee-btn-blu{background:var(--eee-notte);color:var(--eee-su-blu)}
.eee-pagina .eee-filtro{border-color:var(--eee-linea);color:var(--eee-su-blu);min-height:44px;display:inline-flex;align-items:center}
.eee-pagina .eee-filtro[aria-current="true"]{background:var(--eee-verde);border-color:var(--eee-verde);color:var(--eee-notte)}
.eee-pagina .eee-correlati a{border-color:var(--eee-linea);min-height:44px;display:inline-flex;align-items:center}

/* Movimento progressivo: contenuto presente e visibile senza JS, disattivato
   integralmente quando l'utente chiede meno movimento. */
.eee-js .eee-rivela{opacity:0;transform:translateY(18px);transition:opacity .55s ease var(--eee-ritardo,0ms),transform .55s ease var(--eee-ritardo,0ms)}
.eee-js .eee-rivela.eee-rivela--visibile{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .eee-js .eee-rivela{opacity:1;transform:none}
}

@media print{
  .eee-js .eee-rivela{opacity:1!important;transform:none!important;transition:none!important}
}

@media (forced-colors:active){
  .eee-pagina .eee-card,
  .eee-pagina .eee-caso,
  .eee-pagina .eee-faq details,
  .eee-pagina .eee-asse,
  .eee-pagina .eee-scheda,
  .eee-pagina .eee-prezzo,
  .eee-pagina .eee-leva,
  .eee-pagina .eee-dato{border:1px solid CanvasText}
}