/* Blog Proactive — estende il sistema pcx di brochure.css.
   Prefisso pcb__ per non collidere con pcx__ né con Elementor. */
.pcb{--pcb-max:1180px}
.pcb__wrap{max-width:820px;margin:0 auto;padding:0 24px}
.pcb__intro{padding-bottom:8px}
.pcb__intro--small{padding-top:64px;padding-bottom:0}
.pcb__intro h1{margin-bottom:8px}

/* --- indice: griglia di schede --- */
.pcb__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:28px;margin-top:8px}
.pcb__card{background:var(--surface);border:1px solid var(--line);border-radius:14px;overflow:hidden;
  display:flex;flex-direction:column;transition:transform .18s ease,border-color .18s ease}
.pcb__card:hover{transform:translateY(-3px);border-color:var(--gold)}
.pcb__cardImg{display:block;aspect-ratio:16/9;overflow:hidden;background:#0b1a22}
.pcb__cardImg img{width:100%;height:100%;object-fit:cover;display:block}
.pcb__cardBody{padding:20px 22px 22px;display:flex;flex-direction:column;gap:10px;flex:1}
.pcb__cardTitle{font-size:1.16rem;line-height:1.3;margin:0;font-weight:700}
.pcb__cardTitle a{color:var(--text);text-decoration:none}
.pcb__cardTitle a:hover{color:var(--gold)}
.pcb__cardText{color:var(--muted);font-size:.94rem;line-height:1.6;margin:0;flex:1}
.pcb__cat{display:inline-block;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;
  color:var(--gold);font-weight:700}
.pcb__meta{color:var(--muted);font-size:.82rem}

/* --- paginazione --- */
.pcb__pager{display:flex;align-items:center;justify-content:center;gap:18px;margin-top:48px;flex-wrap:wrap}
.pcb__pageNums{display:flex;gap:6px;flex-wrap:wrap}
.pcb__pageNums a,.pcb__pageCur{min-width:36px;height:36px;display:inline-flex;align-items:center;
  justify-content:center;border-radius:8px;border:1px solid var(--line);text-decoration:none;font-size:.9rem}
.pcb__pageNums a{color:var(--muted)}
.pcb__pageNums a:hover{color:var(--gold);border-color:var(--gold)}
.pcb__pageCur{background:var(--gold);color:#0b1a22;border-color:var(--gold);font-weight:700}
.pcb__pagePrev,.pcb__pageNext{color:var(--text);text-decoration:none;font-size:.92rem}
.pcb__pagePrev:hover,.pcb__pageNext:hover{color:var(--gold)}

/* --- articolo --- */
.pcb__article{padding:96px 0 72px}
.pcb__breadcrumb{font-size:.84rem;color:var(--muted);margin-bottom:18px}
.pcb__breadcrumb a{color:var(--muted);text-decoration:none}
.pcb__breadcrumb a:hover{color:var(--gold)}
.pcb__article h1{font-size:clamp(1.9rem,4vw,2.9rem);line-height:1.14;margin:10px 0 14px}
.pcb__hero{max-width:1000px;margin:36px auto 8px;padding:0 24px}
.pcb__hero img{width:100%;border-radius:16px;display:block}
.pcb__content{margin-top:36px;font-size:1.06rem;line-height:1.78;color:var(--text)}
.pcb__content h2{font-size:1.6rem;line-height:1.25;margin:2.1em 0 .6em}
.pcb__content h3{font-size:1.25rem;margin:1.7em 0 .5em}
.pcb__content p{margin:0 0 1.15em}
.pcb__content ul,.pcb__content ol{margin:0 0 1.3em;padding-left:1.3em}
.pcb__content li{margin-bottom:.5em}
.pcb__content a{color:var(--gold)}
.pcb__content img{max-width:100%;height:auto;border-radius:12px;margin:1.6em 0}
.pcb__content figure{margin:1.8em 0}
.pcb__content figcaption{color:var(--muted);font-size:.86rem;margin-top:.6em}
.pcb__content blockquote{border-left:3px solid var(--gold);margin:1.8em 0;padding:.2em 0 .2em 1.2em;
  color:var(--muted);font-style:italic}
.pcb__content table{width:100%;border-collapse:collapse;margin:1.6em 0;font-size:.95rem}
.pcb__content th,.pcb__content td{border:1px solid var(--line);padding:10px 12px;text-align:left}
.pcb__content th{background:var(--surface);font-weight:600}
.pcb__content strong{color:#fff}

/* --- chiusura articolo --- */
.pcb__cta{margin:56px 0 0;padding:30px 32px;background:var(--surface);border:1px solid var(--line);
  border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:22px;flex-wrap:wrap}
.pcb__cta p{margin:0;font-size:1.08rem;font-weight:600}
.pcb__nav{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:32px}
.pcb__navLink{display:block;padding:18px 20px;border:1px solid var(--line);border-radius:12px;
  color:var(--text);text-decoration:none;font-size:.98rem;line-height:1.4}
.pcb__navLink:hover{border-color:var(--gold)}
.pcb__navLink span{display:block;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--gold);margin-bottom:7px;font-weight:700}
@media(max-width:720px){.pcb__nav{grid-template-columns:1fr}.pcb__article{padding-top:72px}}

/* --- specificità: brochure.css definisce `h2{font-size:clamp(...)}` dentro .pcx,
   che vince su .pcb__cardTitle. Serve un selettore più forte. --- */
.pcx .pcb__grid .pcb__cardTitle{font-size:1.16rem;line-height:1.3;margin:0;font-weight:700}
.pcx .pcb__grid .pcb__cardTitle a{font-size:inherit;line-height:inherit}
.pcx .pcb__grid h2{font-size:1.16rem;line-height:1.3;margin:0}
.pcx .pcb__content h2{font-size:1.6rem;line-height:1.25;margin:2.1em 0 .6em}
.pcx .pcb__content h3{font-size:1.25rem;margin:1.7em 0 .5em}

/* --- chip categorie in testa all'indice --- */
.pcb__cats{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 34px}
.pcb__cats a{display:inline-flex;align-items:center;gap:7px;padding:7px 15px;border-radius:999px;
  border:1px solid var(--line);color:var(--muted);text-decoration:none;font-size:.86rem}
.pcb__cats a:hover{color:var(--gold);border-color:var(--gold)}
.pcb__cats a b{color:var(--gold);font-weight:700;font-size:.78rem}
a.pcb__cat{text-decoration:none}
a.pcb__cat:hover{color:#e0bd6a}
.pcb__backAll{margin-top:40px}
.pcb__backAll a{color:var(--muted);text-decoration:none}
.pcb__backAll a:hover{color:var(--gold)}

/* ==========================================================================
   VARIANTE CHIARA — 2026-09-10
   Il vecchio sito aveva testata scura, immagine a tutta larghezza e poi il
   contenuto su fondo chiaro. Su articoli da mille parole si legge molto meglio:
   il testo lungo su fondo scuro affatica, e il blog è fatto di testo lungo.
   Testata, piede e immagini di apertura restano scuri: cambia solo l'area di lettura.
   Si spegne togliendo questo blocco.
   ========================================================================== */
.pcb{
  --bg:#FAFAFA;          /* stesso fondo del resto del sito (tema-chiaro.css) */
  --surface:#ffffff;     /* le schede */
  --line:#e2e4e0;
  --text:#15141A;        /* stesso inchiostro del sito */
  --muted:#45474C;
  --gold:#C7A346;        /* oro un filo più scuro: sul chiaro serve contrasto */
  background:var(--bg);
}
.pcb__intro{background:var(--bg)}
.pcb__intro h1,.pcb .pcx__hero h1{color:var(--text)}
.pcb .pcx__eyebrow{color:var(--gold)}
.pcb .pcx__lead{color:var(--muted)}

/* schede dell'indice: bianche su fondo chiaro, con un'ombra appena accennata */
.pcb__card{background:var(--surface);border-color:var(--line);
  box-shadow:0 1px 2px rgba(32,42,53,.04),0 8px 24px -18px rgba(32,42,53,.25)}
.pcb__card:hover{border-color:var(--gold);box-shadow:0 2px 4px rgba(32,42,53,.06),0 14px 32px -18px rgba(32,42,53,.3)}
.pcb__cardImg{background:#e9ebe8}
.pcb__cardTitle a{color:var(--text)}
.pcb__cardTitle a:hover{color:var(--gold)}
.pcb__cardText,.pcb__meta{color:var(--muted)}
.pcb__cat{color:var(--gold)}

/* chip categorie e paginazione */
.pcb__cats a{border-color:var(--line);color:var(--muted);background:var(--surface)}
.pcb__cats a:hover{color:var(--gold);border-color:var(--gold)}
.pcb__pageNums a,.pcb__pageCur{border-color:var(--line)}
.pcb__pageNums a{color:var(--muted);background:var(--surface)}
.pcb__pageCur{background:var(--gold);color:#fff;border-color:var(--gold)}
.pcb__pagePrev,.pcb__pageNext{color:var(--text)}

/* --- l'articolo: qui sta il guadagno vero --- */
.pcb__article{background:var(--bg)}
.pcb__article h1{color:var(--text)}
.pcb__breadcrumb,.pcb__breadcrumb a{color:var(--muted)}
.pcb__content{color:#28323d;font-size:1.09rem;line-height:1.8}
.pcb__content h2,.pcb__content h3{color:var(--text)}
.pcb__content strong{color:#101820}
.pcb__content a{color:var(--gold)}
.pcb__content blockquote{border-left-color:var(--gold);color:var(--muted)}
.pcb__content th{background:#eceee9;color:var(--text)}
.pcb__content th,.pcb__content td{border-color:var(--line)}
.pcb__content img{box-shadow:0 2px 6px rgba(32,42,53,.08)}

/* chiusura e navigazione fra articoli */
.pcb__cta{background:var(--surface);border-color:var(--line)}
.pcb__cta p{color:var(--text)}
.pcb__navLink{border-color:var(--line);color:var(--text);background:var(--surface)}
.pcb__navLink:hover{border-color:var(--gold)}
.pcb__navLink span{color:var(--gold)}
.pcb__backAll a{color:var(--muted)}
.pcb__backAll a:hover{color:var(--gold)}

/* ⚠️ `brochure.css` ha `.pcx p{color:var(--muted)}` — due classi + elemento — che
   batte `.pcb__content`. Sul corpo di un articolo il grigio chiaro non basta:
   serve inchiostro vero. Da qui in giù i selettori sono a tre livelli apposta. */
.pcx .pcb__content p,
.pcx .pcb__content li,
.pcx .pcb__content td{ color:#2a2c31; }
.pcx .pcb__content{ color:#26313c; }
.pcx .pcb__content strong,
.pcx .pcb__content b{ color:#0d0c11; }
.pcx .pcb__content h2,
.pcx .pcb__content h3,
.pcx .pcb__content h4{ color:#15141A; }
.pcx .pcb__article h1{ color:#15141A; }
.pcx .pcb__card .pcb__cardText{ color:#5a5c62; }
.pcx .pcb__grid .pcb__cardTitle a{ color:#15141A; }
.pcx .pcb__grid .pcb__cardTitle a:hover{ color:#9a7d31; }
.pcx .pcb__intro .pcx__lead{ color:#3b3d42; }