/* ==========================================================================
   TEMA CHIARO — allineamento al vecchio proactiveconsulting.it (2026-09-10)
   Provvisorio, in attesa del ridisegno con un grafico.
   Colori campionati dal sito vecchio: fondo #FAFAFA, testo #15141A,
   testata #1B252F, oro #C7A346.
   Testata e piede restano scuri (sono Elementor, non si toccano):
   cambia l'area di contenuto, che è dove si legge.
   Si spegne togliendo il <link> dalle pagine.
   ========================================================================== */
.pcx{
  --bg:#FAFAFA;
  --bg-2:#F2F3F1;      /* le sezioni alternate */
  --surface:#ffffff;
  --line:#e2e4e0;
  --gold:#C7A346;
  --green:#6EA23A;     /* il verde della brochure, scurito per il fondo chiaro */
  --text:#15141A;
  --muted:#45474C;
  background:var(--bg);
  color:var(--text);
}

/* --- titoli e testo --- */
.pcx h1,.pcx h2,.pcx h3,.pcx h4,.pcx .pcx__h2{color:var(--text)}
.pcx p,.pcx li{color:var(--muted)}
.pcx .pcx__lead{color:#3b3d42}
.pcx .pcx__eyebrow,.pcx .pcx__kicker{color:#9a7d31}
.pcx a:not(.pcx__cta){color:#9a7d31}
.pcx strong,.pcx b{color:#0d0c11}

/* --- l'apertura di pagina: era un gradiente scuro --- */
.pcx .pcx__hero{
  background:linear-gradient(180deg,#ffffff 0%,#FAFAFA 100%);
  border-bottom:1px solid var(--line);
}
.pcx .pcx__closing{
  background:linear-gradient(180deg,#F2F3F1 0%,#EDEEEA 100%);
  border-top:1px solid var(--line);
}

/* --- schede, riquadri, elenchi --- */
.pcx .pcx__card,.pcx .pcx__deptCard,.pcx .pcx__figure,.pcx .pcx__offer,.pcx .pcx__mode{
  background:var(--surface);
  border:1px solid var(--line);
  box-shadow:0 1px 2px rgba(21,20,26,.04),0 10px 26px -20px rgba(21,20,26,.28);
}
.pcx .pcx__rule{background:var(--line)}
.pcx .pcx__num{color:var(--gold)}
.pcx .pcx__pills span,.pcx .pcx__pills li{
  background:var(--surface);border:1px solid var(--line);color:var(--muted);
}
.pcx .pcx__deptClaim,.pcx .pcx__deptNote{color:#5a5c62}

/* --- bottoni --- */
.pcx .pcx__cta--primary{background:var(--gold);color:#141319;border-color:var(--gold)}
.pcx .pcx__cta--primary:hover{background:#b8942f}
.pcx .pcx__cta--ghost{color:var(--text);border:1px solid #c9ccc6;background:transparent}
.pcx .pcx__cta--ghost:hover{background:rgba(21,20,26,.05)}

/* --- immagini e didascalie --- */
.pcx .pcx__figure img{background:#fff}
.pcx figcaption{color:#63666c}