/* Divulgando – griglia dei progetti. Stessa palette dell'Atlante, tutto racchiuso sotto .dvp. */
.dvp{--dvp-testo:#E6EEF2;--dvp-tenue:#9FB0BA;--dvp-spento:#6E8794;--dvp-bordo:#2E3339;--dvp-carta:#1F1F23;--dvp-digitale:#5BC0EB;--dvp-racconto:#8DC63F;--dvp-spazio:#F39323;--dvp-mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--dvp-testo);line-height:1.4}
.dvp *,.dvp *::before,.dvp *::after{box-sizing:border-box}
.dvp a{color:inherit;text-decoration:none}
.dvp a::before,.dvp a::after{content:none}
.dvp .dvp-stella::before{content:""}

.dvp-conteggio{margin:0 0 28px;font:500 13px var(--dvp-mono);letter-spacing:.06em;color:var(--dvp-spento)}

/* Filtri: prima riga le regioni, seconda riga i temi */
.dvp-filtri[hidden]{display:none}
.dvp-regioni,.dvp-temi{display:flex;flex-wrap:wrap;gap:8px}
.dvp-temi{margin-top:12px;padding-top:12px;border-top:1px solid var(--dvp-bordo)}
.dvp-filtro{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 16px;border:1px solid var(--dvp-bordo);border-radius:999px;font-weight:700;font-size:15px;white-space:nowrap;transition:border-color .2s,background .2s,color .2s}
.dvp-filtro small{font:500 12px var(--dvp-mono);color:var(--dvp-spento)}
.dvp-filtro:hover{border-color:var(--dvp-tenue)}
.dvp-filtro:focus-visible{outline:2px solid var(--dvp-testo);outline-offset:2px}
.dvp-filtro[aria-current="true"]{background:var(--dvp-testo);border-color:var(--dvp-testo);color:#18181B}
.dvp-filtro[aria-current="true"] small{color:#18181B;opacity:.6}
.dvp-regioni .dvp-filtro{font-size:16px;min-height:48px;padding:0 20px}
.dvp-stella{display:inline-block;width:10px;height:10px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor}
.dvp-regioni .dvp-digitale .dvp-stella{color:var(--dvp-digitale)}
.dvp-regioni .dvp-racconto .dvp-stella{color:var(--dvp-racconto)}
.dvp-regioni .dvp-spazio .dvp-stella{color:var(--dvp-spazio)}
.dvp-regioni .dvp-digitale[aria-current="true"]{background:var(--dvp-digitale);border-color:var(--dvp-digitale)}
.dvp-regioni .dvp-racconto[aria-current="true"]{background:var(--dvp-racconto);border-color:var(--dvp-racconto)}
.dvp-regioni .dvp-spazio[aria-current="true"]{background:var(--dvp-spazio);border-color:var(--dvp-spazio)}
.dvp-regioni [aria-current="true"] .dvp-stella{color:#18181B;box-shadow:none}
.dvp-tema{font-size:14px;min-height:40px;padding:0 14px}
.dvp-tema[hidden]{display:none}
.dvp-tema.dvp-digitale[aria-current="true"]{background:var(--dvp-digitale);border-color:var(--dvp-digitale)}
.dvp-tema.dvp-racconto[aria-current="true"]{background:var(--dvp-racconto);border-color:var(--dvp-racconto)}
.dvp-tema.dvp-spazio[aria-current="true"]{background:var(--dvp-spazio);border-color:var(--dvp-spazio)}

.dvp-stato{min-height:1.4em;margin:24px 0 16px;font:500 12px var(--dvp-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dvp-tenue)}

/* Griglia */
.dvp-griglia{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px;margin:0;padding:0;list-style:none}
.dvp-voce{margin:0;padding:0}
.dvp-voce::before{content:none}
.dvp-voce[hidden]{display:none}
.dvp-scheda{display:flex;flex-direction:column;gap:14px;height:100%}
.dvp-immagine{display:block;aspect-ratio:4/3;overflow:hidden;border-radius:14px;background:var(--dvp-carta);border:1px solid var(--dvp-bordo)}
.dvp-immagine img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.dvp-scheda:hover .dvp-immagine img{transform:scale(1.04)}
.dvp-scheda:focus-visible{outline:2px solid var(--dvp-testo);outline-offset:4px;border-radius:14px}
.dvp-testo{display:flex;flex-direction:column;gap:8px}
.dvp-testo strong{font-size:18px;font-weight:800;line-height:1.25}
.dvp-scheda:hover strong{color:#fff;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
.dvp-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font:400 12px var(--dvp-mono);color:var(--dvp-tenue)}
.dvp-etichetta{display:inline-flex;align-items:center;gap:6px}
.dvp-etichetta::before{content:"" !important;width:7px;height:7px;border-radius:50%;background:currentColor}
.dvp-etichetta.dvp-digitale::before{background:var(--dvp-digitale)}
.dvp-etichetta.dvp-racconto::before{background:var(--dvp-racconto)}
.dvp-etichetta.dvp-spazio::before{background:var(--dvp-spazio)}

@media (max-width:1099px){.dvp-griglia{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:767px){
	.dvp-griglia{grid-template-columns:1fr;gap:28px}
	/* sul telefono i temi scorrono in orizzontale invece di occupare mezzo schermo */
	.dvp-temi{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;margin-right:-16px;padding-right:16px}
	.dvp-temi::-webkit-scrollbar{display:none}
	.dvp-regioni .dvp-filtro{font-size:15px;padding:0 16px}
}
@media (prefers-reduced-motion:reduce){.dvp *{transition:none !important}}
/* i link del tema sono rossi: titoli delle schede sempre chiari */
.dvp a.dvp-scheda,.dvp a.dvp-scheda:hover,.dvp a.dvp-filtro{color:var(--dvp-testo) !important}
.dvp a.dvp-filtro[aria-current="true"]{color:#18181B !important}