/* ==========================================================================
   FOPGI Osservatorio — stili complementari a theme.json
   Impianto editoriale da centro studi: filetti sottili, sezioni numerate,
   schede a dossier, cifre in evidenza. Colori, caratteri e spaziature vengono
   da theme.json (variabili --wp--preset--*): cambiandoli dagli "Stili"
   dell'Editor del sito cambia tutto il sito.
   ========================================================================== */

:root {
	--c-primario: var(--wp--preset--color--primary);
	--c-scuro: var(--wp--preset--color--primary-strong);
	--c-secondario: var(--wp--preset--color--secondary);
	--c-accento: var(--wp--preset--color--accent);
	--c-linea: var(--wp--preset--color--linea);
	--c-superficie: var(--wp--preset--color--superficie);
	--c-superficie-2: var(--wp--preset--color--superficie-2);
	--c-testo-2: var(--wp--preset--color--contrast-2);
	--raggio: var(--wp--custom--raggio, 2px);
	--durata: var(--wp--custom--durata, 220ms);
	--ombra: var(--wp--preset--shadow--morbida);
	--f-titoli: var(--wp--preset--font-family--titoli);
	--f-testo: var(--wp--preset--font-family--testo);
}

/* Caratteri di riserva con metriche allineate a Newsreader e IBM Plex Sans:
   durante il caricamento dei font il testo non cambia ingombro (niente spostamenti, CLS). */
@font-face { font-family: "Newsreader Fallback"; src: local("Georgia"); size-adjust: 99%; ascent-override: 74%; descent-override: 27%; line-gap-override: 0%; }
@font-face { font-family: "IBM Plex Sans Fallback"; src: local("Arial"); size-adjust: 101%; ascent-override: 101%; descent-override: 27%; line-gap-override: 0%; }

html { scroll-padding-top: 7.5rem; }
/* Scorrimento morbido solo per la navigazione da tastiera e dalle ancore (non per gli script). */
@media (prefers-reduced-motion: no-preference) { html:focus-within { scroll-behavior: smooth; } }
body { text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; font-optical-sizing: auto; overflow-x: clip; }
::selection { background: color-mix(in srgb, var(--c-accento) 38%, transparent); }
img { height: auto; }
p { text-wrap: pretty; }
:where(h1, h2, h3, .wp-block-post-title) { text-wrap: balance; font-optical-sizing: auto; }

/* Focus visibile e coerente (accessibilità): petrolio sul chiaro, oro sullo scuro */
:where(a, button, input, select, textarea, summary, [tabindex]):focus-visible {
	outline: 2px solid var(--c-primario);
	outline-offset: 3px;
	border-radius: 1px;
}
:where(.has-primary-strong-background-color, .has-primary-background-color, .has-notte-gradient-background, .sito-piede, .barra-servizio) :where(a, button, summary):focus-visible { outline-color: var(--c-accento); }
.skip-link.screen-reader-text:focus { background: var(--c-scuro); color: #fff; padding: .8rem 1.2rem; z-index: 100000; }

a { text-underline-offset: .2em; text-decoration-thickness: 1px; transition: color var(--durata), text-decoration-color var(--durata); }
a:hover { text-decoration-thickness: 2px; }

/* ---------------------------------------------------------------- Testata */
/* La testata resta visibile durante lo scorrimento: è il contenitore della parte di modello a essere "sticky". */
.wp-site-blocks > header.wp-block-template-part { position: sticky; top: 0; z-index: 50; }
.admin-bar .wp-site-blocks > header.wp-block-template-part { top: var(--wp-admin--admin-bar--height, 32px); }
@media (max-width: 600px) { .admin-bar .wp-site-blocks > header.wp-block-template-part { top: 0; } }
.wp-site-blocks > header.wp-block-template-part + * { margin-block-start: 0; }

.barra-servizio { font-size: .78rem; letter-spacing: .04em; }
.barra-servizio p { margin: 0; }
.barra-servizio a { color: inherit; text-decoration: none; opacity: .9; }
.barra-servizio a:hover, .barra-servizio a:focus-visible { opacity: 1; text-decoration: underline; }
.barra-servizio .separatore { color: var(--c-accento); margin-inline: .6em; }
.barra-servizio .data-linea { text-transform: uppercase; letter-spacing: .14em; font-size: .7rem; }
.barra-servizio .data-linea::before { content: ""; display: inline-block; width: .45rem; height: .45rem; background: var(--c-accento); transform: rotate(45deg); margin-right: .7rem; vertical-align: .08em; }
@media (max-width: 781px) { .barra-servizio .solo-desktop { display: none; } }

/* Lo sfondo sfocato sta in un pseudo-elemento: un backdrop-filter sul contenitore
   intrappolerebbe il menu mobile (position: fixed) dentro la barra. */
.barra-principale {
	position: relative;
	isolation: isolate;
	border-bottom: 1px solid var(--c-scuro);
	transition: box-shadow var(--durata);
}
.barra-principale::before {
	content: ""; position: absolute; inset: 0; z-index: -1;
	background: color-mix(in srgb, var(--wp--preset--color--base) 95%, transparent);
	-webkit-backdrop-filter: saturate(1.3) blur(10px);
	backdrop-filter: saturate(1.3) blur(10px);
}
.barra-principale::after {
	content: ""; position: absolute; left: 0; bottom: -4px; height: 3px; width: 100%;
	background: linear-gradient(90deg, var(--c-accento) 0 9rem, transparent 9rem);
	pointer-events: none;
}
.sito-testata.is-scorrimento .barra-principale { box-shadow: 0 10px 28px -18px rgba(32, 35, 38, .45); }

.marchio { gap: .9rem !important; }
.marchio .wp-block-site-logo img { width: 54px; height: auto; border-radius: 50%; box-shadow: 0 0 0 1px var(--c-linea); }
.marchio__testo { border-left: 1px solid var(--c-linea); padding-left: .9rem; }
.marchio__testo p { margin: 0; line-height: 1.1; }
.marchio__sigla { font-family: var(--f-titoli); font-weight: 600; font-size: 1.7rem; letter-spacing: .04em; }
.marchio__sigla a { color: var(--c-scuro); text-decoration: none; }
.marchio__nome { font-size: .66rem; letter-spacing: .13em; text-transform: uppercase; color: var(--c-testo-2); max-width: 17rem; margin-top: .28rem !important; line-height: 1.35 !important; }
@media (max-width: 480px) { .marchio__nome { display: none; } .marchio .wp-block-site-logo img { width: 46px; } .marchio__testo { padding-left: .7rem; } }

/* Navigazione principale */
.menu-principale .wp-block-navigation-item__content { padding-block: .45rem; position: relative; }
.menu-principale a { text-decoration: none; }
.menu-principale > .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content::after {
	content: ""; position: absolute; left: 0; right: 0; bottom: -2px; height: 2px;
	background: var(--c-accento); transform: scaleX(0); transform-origin: left; transition: transform var(--durata);
}
.menu-principale .wp-block-navigation-item:hover > .wp-block-navigation-item__content::after,
.menu-principale .current-menu-item > .wp-block-navigation-item__content::after,
.menu-principale .current-menu-ancestor > .wp-block-navigation-item__content::after { transform: scaleX(1); }
/* Sottomenu scuri, come la barra antracite del marchio storico */
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container {
	background: var(--c-scuro) !important; color: #f4ede2 !important;
	border: 0 !important; border-top: 2px solid var(--c-accento) !important;
	border-radius: 0; box-shadow: var(--wp--preset--shadow--profonda);
	padding: .4rem 0; min-width: 17rem !important;
}
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item { border-bottom: 1px solid rgba(255, 255, 255, .08); }
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child { border-bottom: 0; }
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: .62rem 1.15rem !important; font-weight: 400; }
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__submenu-container .wp-block-navigation-item__content:hover { background: rgba(255, 255, 255, .06); color: var(--c-accento); }
/* "Contatti" come voce in evidenza */
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .voce-contatti > .wp-block-navigation-item__content {
	border: 1px solid var(--c-scuro); padding: .5rem 1rem; border-radius: var(--raggio);
}
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .voce-contatti > .wp-block-navigation-item__content::after { display: none; }
.menu-principale .wp-block-navigation__responsive-container:not(.is-menu-open) .wp-block-navigation__container > .voce-contatti > .wp-block-navigation-item__content:hover { background: var(--c-scuro); color: #fff; }

/* Il menu a scomparsa resta attivo fino a 1100px: con sette voci e il marchio esteso la barra non ci starebbe. */
@media (min-width: 600px) and (max-width: 1099px) {
	.menu-principale .wp-block-navigation__responsive-container-open:not(.always-shown) { display: flex; }
	.menu-principale .wp-block-navigation__responsive-container:not(.hidden-by-default):not(.is-menu-open) { display: none; }
}
.menu-principale .wp-block-navigation__responsive-container-open { padding: .55rem; border: 1px solid var(--c-linea); border-radius: var(--raggio); }

/* Menu mobile a tutto schermo, allineato a sinistra e gerarchico */
.wp-block-navigation__responsive-container.is-menu-open { padding: 1.5rem var(--wp--preset--spacing--40) 3rem !important; --navigation-layout-justification-setting: flex-start; --navigation-layout-justify: flex-start; }
.wp-block-navigation__responsive-container.is-menu-open::before {
	content: ""; position: absolute; inset: 0 0 auto 0; height: 4px; background: var(--c-accento);
}
.wp-block-navigation__responsive-container.is-menu-open :is(.wp-block-navigation__responsive-container-content, .wp-block-navigation__container, .wp-block-navigation-item) { align-items: flex-start !important; text-align: left; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container { gap: 1rem !important; width: 100%; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item { width: 100%; padding-bottom: 1rem; border-bottom: 1px solid var(--c-linea); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content { font-family: var(--f-titoli); font-size: 1.45rem; font-weight: 500; color: var(--c-scuro); }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container { border: 0 !important; border-left: 2px solid var(--c-accento) !important; box-shadow: none; padding: .2rem 0 .2rem 1rem !important; margin-top: .6rem; gap: .55rem !important; min-width: 0 !important; }
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container .wp-block-navigation-item__content { padding: 0 !important; font-size: 1rem; color: var(--c-testo-2); }

.ricerca-testata .wp-block-search__button { background: transparent; color: var(--c-scuro); padding: .5rem; }
.ricerca-testata .wp-block-search__button:hover { color: var(--c-primario); }
.ricerca-testata .wp-block-search__input { border: 1px solid var(--c-linea); border-radius: var(--raggio); }

/* ---------------------------------------------------------------- Intestazione delle pagine */
.intestazione-pagina { position: relative; overflow: hidden; border-bottom: 1px solid var(--c-scuro); isolation: isolate; }
.intestazione-pagina::before {
	content: ""; position: absolute; inset: 0 0 0 auto; width: 46%; z-index: -1; pointer-events: none;
	background-image: radial-gradient(circle, color-mix(in srgb, var(--c-primario) 30%, transparent) 1.3px, transparent 1.7px);
	background-size: 14px 14px;
	-webkit-mask-image: linear-gradient(90deg, transparent, #000 75%);
	mask-image: linear-gradient(90deg, transparent, #000 75%);
}
.intestazione-pagina::after {
	content: ""; position: absolute; left: 0; bottom: 0; height: 4px; width: min(14rem, 30%);
	background: var(--c-accento);
}
@media (max-width: 781px) { .intestazione-pagina::before { width: 70%; opacity: .55; } }
.intestazione-pagina .wp-block-post-title, .intestazione-pagina .wp-block-query-title { max-width: 24ch; font-weight: 400; letter-spacing: -.02em; }
.intestazione-pagina .wp-block-post-excerpt { max-width: 44rem; }
.intestazione-pagina .wp-block-post-excerpt__excerpt { margin: 0; color: var(--c-testo-2); }
.intestazione-pagina .wp-block-post-excerpt:has(.wp-block-post-excerpt__excerpt:empty) { display: none; }
.wp-block-breadcrumbs { text-transform: uppercase; letter-spacing: .1em; font-size: .72rem !important; }
.wp-block-breadcrumbs ol, .wp-block-breadcrumbs ul { flex-wrap: wrap; }
.wp-block-breadcrumbs a { text-decoration: none; }
.wp-block-breadcrumbs a:hover { text-decoration: underline; }

/* ---------------------------------------------------------------- Sezioni numerate nelle pagine */
.testo-pagina { counter-reset: sezione; }
.testo-pagina h2.wp-block-heading:not(.senza-numero) {
	counter-increment: sezione;
	padding-top: 1rem; border-top: 1px solid var(--c-scuro);
	margin-top: var(--wp--preset--spacing--60);
}
.testo-pagina h2.wp-block-heading:not(.senza-numero)::before {
	content: "§ " counter(sezione, decimal-leading-zero);
	display: block; margin-bottom: .75rem;
	font-family: var(--f-testo); font-size: .74rem; font-weight: 600; letter-spacing: .16em;
	color: var(--c-secondario);
}
.testo-pagina > h2.wp-block-heading:first-child,
.testo-pagina > .wp-block-columns:first-child h2.wp-block-heading,
.testo-pagina > .alignfull:first-child h2.wp-block-heading:first-of-type { margin-top: 0; }
:where(.has-primary-strong-background-color, .has-notte-gradient-background) .testo-pagina h2.wp-block-heading { border-top-color: rgba(255, 255, 255, .3); }
.testo-pagina .is-style-occhiello + h2.wp-block-heading { margin-top: .9rem !important; }

/* ---------------------------------------------------------------- Stili di blocco */
.is-style-occhiello {
	font-family: var(--f-testo);
	font-size: .74rem !important; font-weight: 600; letter-spacing: .18em; text-transform: uppercase;
	color: var(--c-secondario); display: flex; align-items: center; gap: .7rem;
}
.is-style-occhiello::before { content: ""; width: .5rem; height: .5rem; background: var(--c-accento); transform: rotate(45deg); flex: none; }
.has-text-align-center.is-style-occhiello { justify-content: center; }
:where(.has-primary-strong-background-color, .has-primary-background-color, .has-notte-gradient-background, .is-sfondo-scuro) .is-style-occhiello { color: var(--c-accento); }

.is-style-lead { font-size: var(--wp--preset--font-size--large); line-height: 1.55; color: var(--c-testo-2); }
.is-style-nota { font-size: .88rem; color: var(--c-testo-2); border-left: 2px solid var(--c-accento); padding-left: 1rem; }

.is-style-numero {
	font-size: var(--wp--preset--font-size--display) !important; font-weight: 300 !important; line-height: .95 !important;
	letter-spacing: -.03em; font-variant-numeric: lining-nums tabular-nums; color: var(--c-primario); margin-bottom: .5rem !important;
}
.is-style-filetto { padding-top: 1rem; border-top: 2px solid var(--c-accento); display: inline-block; }

/* Schede a dossier: angolo ripiegato, numero progressivo, filetto superiore */
:where(.wp-block-group):has(> .wp-block-group.is-style-scheda) { counter-reset: scheda; }
.wp-block-group.is-style-scheda {
	counter-increment: scheda;
	background:
		linear-gradient(225deg, var(--c-superficie) 0 13px, var(--c-linea) 13px 14px, transparent 14px) top right / 20px 20px no-repeat,
		var(--wp--preset--color--base);
	border: 1px solid var(--c-linea); border-top: 2px solid var(--c-scuro); border-radius: 0;
	padding: var(--wp--preset--spacing--40); position: relative; height: 100%;
	transition: transform var(--durata), box-shadow var(--durata), border-color var(--durata);
}
.wp-block-group.is-style-scheda::before {
	content: counter(scheda, decimal-leading-zero);
	font-family: var(--f-testo); font-size: .72rem; font-weight: 600; letter-spacing: .16em; color: var(--c-secondario);
	padding-bottom: .55rem; border-bottom: 1px dashed var(--c-linea); width: 100%;
}
.wp-block-group.is-style-scheda.senza-indice::before { display: none; }
/* Cinque schede: tre più due invece di quattro più una */
.wp-block-group.is-layout-grid:has(> .is-style-scheda:nth-child(5):last-child) { grid-template-columns: repeat(auto-fill, minmax(min(100%, 21rem), 1fr)) !important; }
.wp-block-group.is-style-scheda:hover { transform: translateY(-3px); box-shadow: var(--ombra); border-color: color-mix(in srgb, var(--c-scuro) 30%, var(--c-linea)); border-top-color: var(--c-accento); }
.wp-block-group.is-style-scheda :where(h2, h3, h4) { font-size: 1.3rem; line-height: 1.25; margin: 0; }
.wp-block-group.is-style-scheda :where(h2, h3, h4) a { text-decoration: none; color: inherit; }
.wp-block-group.is-style-scheda :where(h2, h3, h4) a::after { content: ""; position: absolute; inset: 0; }
.wp-block-group.is-style-scheda :where(h2, h3, h4) a:hover { color: var(--c-primario); }
.wp-block-group.is-style-scheda p { margin: 0; font-size: .97rem; }
.wp-block-group.is-style-scheda .wp-block-icon, .wp-block-group.is-style-scheda .scheda__icona { color: var(--c-primario); }

.wp-block-group.is-style-cornice { border-left: 3px solid var(--c-accento); padding-left: var(--wp--preset--spacing--40); }
.wp-block-group.is-style-cornice.has-background { border-left-width: 3px; }
.wp-block-group.is-style-puntinato {
	background-image: radial-gradient(circle, color-mix(in srgb, var(--c-primario) 18%, transparent) 1.2px, transparent 1.6px);
	background-size: 16px 16px;
}

ul.is-style-spunte, ul.is-style-pulito { list-style: none; padding-left: 0; }
ul.is-style-spunte li { position: relative; padding-left: 1.9rem; margin-bottom: .65rem; }
ul.is-style-spunte li::before {
	content: ""; position: absolute; left: .1rem; top: .5em; width: .95rem; height: .5rem;
	border-left: 2px solid var(--c-primario); border-bottom: 2px solid var(--c-primario); transform: rotate(-45deg) translateY(-2px);
}
ul.is-style-pulito li { margin-bottom: .4rem; }

.is-style-cronologia { list-style: none; padding-left: 0; position: relative; }
.is-style-cronologia::before { content: ""; position: absolute; left: .42rem; top: .5rem; bottom: .5rem; width: 1px; background: var(--c-scuro); }
.is-style-cronologia li { position: relative; padding-left: 2.4rem; margin-bottom: 1.75rem; }
.is-style-cronologia li::before {
	content: ""; position: absolute; left: .05rem; top: .45rem; width: .8rem; height: .8rem;
	background: var(--c-accento); transform: rotate(45deg); box-shadow: 0 0 0 4px var(--wp--preset--color--base);
}
.is-style-cronologia li strong:first-child { display: block; font-family: var(--f-titoli); font-weight: 500; font-size: 1.3rem; color: var(--c-scuro); }

/* Elenchi numerati nel testo: indice a due cifre */
.testo-pagina ol.wp-block-list:not([class*="is-style-"]), .articolo-testo ol.wp-block-list { list-style: none; padding-left: 0; counter-reset: voce; }
.testo-pagina ol.wp-block-list:not([class*="is-style-"]) > li, .articolo-testo ol.wp-block-list > li { counter-increment: voce; position: relative; padding: .9rem 0 .9rem 3.4rem; border-top: 1px solid var(--c-linea); }
.testo-pagina ol.wp-block-list:not([class*="is-style-"]) > li:last-child, .articolo-testo ol.wp-block-list > li:last-child { border-bottom: 1px solid var(--c-linea); }
.testo-pagina ol.wp-block-list:not([class*="is-style-"]) > li::before, .articolo-testo ol.wp-block-list > li::before {
	content: counter(voce, decimal-leading-zero); position: absolute; left: 0; top: .78rem;
	font-family: var(--f-titoli); font-size: 1.5rem; font-weight: 400; line-height: 1.2; color: var(--c-secondario);
}

.wp-block-button.is-style-freccia .wp-block-button__link::after { content: "→"; display: inline-block; margin-left: .6em; transition: transform var(--durata); }
.wp-block-button.is-style-freccia .wp-block-button__link:hover::after { transform: translateX(4px); }
.wp-block-button.is-style-outline .wp-block-button__link { border: 1px solid currentColor; background: transparent; color: var(--c-scuro); padding: calc(.9em - 1px) calc(1.45em - 1px); }
.wp-block-button.is-style-outline .wp-block-button__link:hover { background: var(--c-scuro); color: #fff; border-color: var(--c-scuro); }
:where(.has-primary-strong-background-color, .has-primary-background-color, .has-notte-gradient-background, .is-sfondo-scuro) .wp-block-button.is-style-outline .wp-block-button__link { color: #f4ede2; border-color: rgba(244, 237, 226, .7); }
:where(.has-primary-strong-background-color, .has-primary-background-color, .has-notte-gradient-background, .is-sfondo-scuro) .wp-block-button.is-style-outline .wp-block-button__link:hover { background: #f4ede2; color: var(--c-scuro); border-color: #f4ede2; }

.wp-block-separator.is-style-breve { width: 3.5rem !important; border-top: 2px solid var(--c-accento) !important; margin-left: 0; }
.has-text-align-center + .wp-block-separator.is-style-breve, .wp-block-separator.is-style-breve.aligncenter { margin-inline: auto; }

.wp-block-columns.is-style-divise > .wp-block-column:not(:first-child) { border-left: 1px solid var(--c-linea); padding-left: var(--wp--preset--spacing--40); }
@media (max-width: 781px) { .wp-block-columns.is-style-divise > .wp-block-column:not(:first-child) { border-left: 0; padding-left: 0; border-top: 1px solid var(--c-linea); padding-top: var(--wp--preset--spacing--30); } }

/* Sezioni scure (antracite) */
.has-primary-strong-background-color, .has-primary-background-color, .has-notte-gradient-background { color: #f4ede2; }
.has-primary-strong-background-color :where(h1, h2, h3, h4, h5, h6),
.has-primary-background-color :where(h1, h2, h3, h4, h5, h6),
.has-notte-gradient-background :where(h1, h2, h3, h4, h5, h6) { color: #fff; }
.has-primary-strong-background-color a:where(:not(.wp-element-button)),
.has-primary-background-color a:where(:not(.wp-element-button)),
.has-notte-gradient-background a:where(:not(.wp-element-button)) { color: #fff; }
.has-primary-strong-background-color .is-style-lead, .has-notte-gradient-background .is-style-lead, .has-primary-background-color .is-style-lead { color: rgba(244, 237, 226, .86); }
/* Pulsanti pieni sullo scuro: fondo oro antico e testo antracite (contrasto 6:1) */
:where(.has-primary-strong-background-color, .has-primary-background-color, .has-notte-gradient-background, .is-sfondo-scuro) .wp-block-button:not(.is-style-outline) .wp-block-button__link { background: var(--c-accento); color: var(--c-scuro); }
:where(.has-primary-strong-background-color, .has-primary-background-color, .has-notte-gradient-background, .is-sfondo-scuro) .wp-block-button:not(.is-style-outline) .wp-block-button__link:hover { background: #f4ede2; color: var(--c-scuro); }

/* ---------------------------------------------------------------- Home e sezioni */
/* Le fasce a tutta larghezza si toccano: niente strisce bianche tra sezioni colorate. */
.wp-block-post-content > .alignfull + .alignfull, .wp-block-post-content > .alignfull:first-child { margin-block-start: 0; }
.wp-block-post-content.testo-pagina > .alignfull { margin-block: var(--wp--preset--spacing--60); }
.eroe { position: relative; overflow: hidden; border-bottom: 1px solid var(--c-scuro); }
.eroe .wp-block-heading { font-weight: 400; letter-spacing: -.025em; }
.eroe h1.wp-block-heading { font-size: clamp(2.6rem, 1.5rem + 3.3vw, 4.4rem) !important; line-height: 1.02; }
.eroe .wp-block-heading em { font-style: normal; color: var(--c-primario); }
.eroe__visuale .wp-block-inst-illustrazione { max-width: 760px; }
.wp-block-inst-illustrazione.inst-illustrazione--radar { max-width: 460px; }
.wp-block-inst-illustrazione.inst-illustrazione--rete { max-width: 520px; }
.wp-block-inst-illustrazione.inst-illustrazione--scacchiera { max-width: 480px; }
.eroe__didascalia { font-size: .78rem !important; letter-spacing: .06em; color: var(--c-testo-2); border-top: 1px solid var(--c-linea); padding-top: .7rem; margin-top: .4rem !important; }

/* Striscia dei numeri: colonne separate da filetti, nessuna animazione di comparsa sul testo */
.numeri { border-bottom: 1px solid var(--c-linea); }
.numeri .wp-block-columns { gap: 0 !important; border-top: 2px solid var(--c-scuro); }
.numeri .wp-block-column { padding: var(--wp--preset--spacing--40) var(--wp--preset--spacing--30) 0 0; }
.numeri .wp-block-column + .wp-block-column { border-left: 1px solid var(--c-linea); padding-left: var(--wp--preset--spacing--30); }
.numeri .numeri__indice { margin: 0 0 1.1rem; font-size: .72rem; font-weight: 600; letter-spacing: .16em; color: var(--c-secondario); text-transform: uppercase; }
.numeri p { margin: 0; color: var(--c-testo-2); font-size: .95rem; }
.numeri .is-style-numero { font-size: clamp(2.6rem, 1.4rem + 3.2vw, 4.25rem) !important; white-space: nowrap; }
@media (max-width: 781px) {
	.numeri .wp-block-columns { display: grid !important; grid-template-columns: 1fr 1fr; }
	.numeri .wp-block-column { padding: 1.25rem .9rem 1.25rem 0 !important; border-left: 0 !important; border-bottom: 1px solid var(--c-linea); }
	.numeri .wp-block-column:nth-child(even) { padding-left: .9rem !important; border-left: 1px solid var(--c-linea) !important; }
}

/* Indice delle aree geografiche */
.indice-aree { border-top: 2px solid var(--c-scuro); }
.voce-area {
	display: grid !important; grid-template-columns: 3.5rem minmax(0, 1fr) minmax(0, 1.6fr) auto; gap: .5rem 1.5rem; align-items: baseline;
	padding: 1.35rem .5rem !important; border-bottom: 1px solid var(--c-linea); position: relative;
	transition: background-color var(--durata);
}
.voce-area > * { margin: 0 !important; }
.voce-area:hover { background: color-mix(in srgb, var(--c-superficie) 70%, transparent); }
.voce-area__numero { font-family: var(--f-titoli); font-size: 1.4rem; color: var(--c-secondario); font-variant-numeric: lining-nums; }
.voce-area h3 { font-size: clamp(1.45rem, 1.2rem + 1vw, 2rem); font-weight: 400; }
.voce-area h3 a { color: var(--c-scuro); text-decoration: none; }
.voce-area h3 a::after { content: ""; position: absolute; inset: 0; }
.voce-area:hover h3 a { color: var(--c-primario); }
.voce-area__dipartimenti { color: var(--c-testo-2); font-size: .95rem; }
.voce-area__conteggio { font-size: .72rem; font-weight: 600; letter-spacing: .14em; text-transform: uppercase; color: var(--c-scuro); white-space: nowrap; }
.voce-area__conteggio::after { content: " →"; color: var(--c-secondario); }
@media (max-width: 781px) {
	.voce-area { grid-template-columns: 2.6rem minmax(0, 1fr); }
	.voce-area__dipartimenti, .voce-area__conteggio { grid-column: 2; }
}

/* Finalità numerate */
.finalita .wp-block-group.finalita__voce { border-top: 1px solid var(--c-scuro); padding-top: 1.1rem; height: 100%; }
.finalita__numero { font-family: var(--f-titoli); font-size: 2.6rem !important; font-weight: 300; line-height: 1 !important; color: var(--c-secondario); margin: 0 0 .9rem !important; }
.finalita__voce h3 { font-size: 1.25rem; margin: 0 0 .5rem; }
.finalita__voce p:not(.finalita__numero) { margin: 0; font-size: .95rem; color: var(--c-testo-2); }

/* Elenchi a capsula (partner, reti) */
.elenco-capsule { display: flex; flex-wrap: wrap; gap: .6rem; list-style: none; padding: 0; margin: 0; }
.elenco-capsule li { border: 1px solid var(--c-linea); padding: .45rem .95rem; font-size: .9rem; background: var(--wp--preset--color--base); }

/* Schede delle notizie (Query Loop) */
.griglia-notizie .wp-block-post { display: flex; flex-direction: column; gap: .65rem; padding-top: 1.1rem; border-top: 2px solid var(--c-scuro); position: relative; }
.griglia-notizie .wp-block-post-title { font-size: 1.45rem; line-height: 1.22; margin: 0; font-weight: 500; }
.griglia-notizie .wp-block-post-title a::after { content: ""; position: absolute; inset: 0; }
.griglia-notizie .wp-block-post:hover .wp-block-post-title a { color: var(--c-primario); text-decoration: underline; text-decoration-thickness: 1px; }
.griglia-notizie .wp-block-post-excerpt__excerpt { margin: 0; color: var(--c-testo-2); font-size: .97rem; }
.griglia-notizie .wp-block-post-featured-image { margin: 0 0 .5rem; overflow: hidden; }
.griglia-notizie .wp-block-post-featured-image img { aspect-ratio: 16 / 10; object-fit: cover; object-position: center top; transition: transform .6s ease; }
.griglia-notizie .wp-block-post:hover .wp-block-post-featured-image img { transform: scale(1.03); }
.griglia-notizie .wp-block-post-terms { position: relative; z-index: 1; }
.griglia-notizie .wp-block-post-date { margin-top: auto; padding-top: .4rem; }

.elenco-risultati .wp-block-post { padding-block: 1.5rem; border-bottom: 1px solid var(--c-linea); }
.elenco-risultati .wp-block-post-title { font-size: 1.4rem; margin: 0 0 .4rem; }

.wp-block-query-pagination { gap: .5rem; }
.wp-block-query-pagination-numbers .page-numbers { display: inline-grid; place-items: center; min-width: 2.5rem; height: 2.5rem; border: 1px solid var(--c-linea); text-decoration: none; }
.wp-block-query-pagination-numbers .page-numbers.current { background: var(--c-scuro); color: #fff; border-color: var(--c-scuro); }

/* Articolo */
.articolo-testo > p:first-of-type { font-size: var(--wp--preset--font-size--large); line-height: 1.6; color: var(--c-testo-2); }
.articolo-testo > p:first-of-type::first-letter { font-family: var(--f-titoli); float: left; font-size: 3.7em; line-height: .82; padding: .06em .1em 0 0; color: var(--c-scuro); }
.wp-block-post-content > :where(h2) { margin-top: 1.6em; }
.wp-block-post-content > :where(h3) { margin-top: 1.4em; }
.wp-block-post-content > :where(h2, h3):first-child { margin-top: 0; }

/* Tabelle e dettagli */
.wp-block-table table { border-collapse: collapse; width: 100%; border-top: 2px solid var(--c-scuro); }
.wp-block-table thead { border-bottom: 1px solid var(--c-scuro) !important; }
.wp-block-table th { text-align: left; background: transparent; font-weight: 600; font-size: .74rem; letter-spacing: .14em; text-transform: uppercase; color: var(--c-secondario); }
.wp-block-table td, .wp-block-table th { border: 0; border-bottom: 1px solid var(--c-linea); padding: .8rem 1rem .8rem 0; vertical-align: top; }
.wp-block-table td:first-child { font-weight: 600; color: var(--c-scuro); }
.wp-block-table tbody tr:hover { background: color-mix(in srgb, var(--c-superficie) 60%, transparent); }
@media (max-width: 600px) { .wp-block-table td, .wp-block-table th { padding-right: .6rem; font-size: .92rem; } }
.wp-block-details summary { cursor: pointer; font-weight: 500; font-family: var(--f-titoli); font-size: 1.2rem; color: var(--c-scuro); list-style-position: outside; }
.wp-block-details[open] summary { margin-bottom: .75rem; }
.wp-block-accordion-heading__toggle { font-family: var(--f-titoli); }

/* ---------------------------------------------------------------- Immagini originali: logo, locandine, loghi dei partner */
.logo-medaglione img { width: min(100%, 22rem); border-radius: 50%; box-shadow: 0 0 0 1px var(--c-linea), 0 30px 60px -30px rgba(32, 35, 38, .45); }
.immagine-articolo { max-width: 34rem; margin-inline: auto !important; }
.immagine-articolo img { width: 100%; height: auto; box-shadow: 0 0 0 1px var(--c-linea), var(--ombra); }
.wp-block-group.is-style-scheda > .wp-block-image { margin: 0; }
.wp-block-group.is-style-scheda > .wp-block-image img { max-height: 7.5rem; width: auto; max-width: 100%; object-fit: contain; }
.testo-pagina .wp-block-columns .wp-block-image img { box-shadow: 0 0 0 1px var(--c-linea); }
.wp-block-image figcaption { font-size: .82rem; color: var(--c-testo-2); }
/* Le immagini "medie" dei testi usano il file grande: ne limitiamo la larghezza. */
.wp-block-post-content .wp-block-image.size-medium img { max-width: min(100%, 22rem); }
.wp-block-post-content .wp-block-image.size-medium.aligncenter img { margin-inline: auto; }

/* ---------------------------------------------------------------- Blocchi del plugin: persone, eventi, scheda, modulo */
.inst-persone__griglia { gap: 0 2rem !important; }
.inst-persona { padding: 1.4rem 0; border-top: 1px solid var(--c-scuro); grid-template-columns: 6.5rem 1fr !important; gap: 1.2rem !important; }
.inst-persona__iniziali, .inst-persona__foto { width: 6.5rem !important; height: 8rem !important; border-radius: 0 !important; object-fit: cover; object-position: center 20%; }
.inst-persona__foto { filter: saturate(.92); box-shadow: 0 0 0 1px var(--c-linea); }
.inst-persona__iniziali { background: var(--c-scuro) !important; color: var(--c-accento) !important; font-size: 1.15rem !important; font-weight: 400; }
.inst-persona__nome { font-size: 1.2rem !important; font-weight: 500; }
.inst-persona__ruolo { color: var(--c-secondario) !important; font-size: .78rem !important; letter-spacing: .1em; text-transform: uppercase; line-height: 1.45; margin-top: .4rem !important; }
.inst-persona__affiliazione { color: var(--c-testo-2); opacity: 1 !important; }

.inst-evento { border-top-color: var(--c-linea) !important; }
.inst-evento__data { background: var(--c-scuro); color: #f4ede2; border: 0 !important; border-radius: 0 !important; padding: .9rem .4rem !important; }
.inst-evento__giorno { color: var(--c-accento) !important; font-weight: 400 !important; font-size: 2.2rem !important; }
.inst-evento__anno { opacity: .8 !important; }
.inst-evento__titolo { font-weight: 500; font-size: clamp(1.2rem, 1.05rem + .5vw, 1.5rem) !important; }
.inst-evento__meta { opacity: 1 !important; color: var(--c-testo-2); }

.inst-scheda { border-top: 2px solid var(--c-scuro) !important; background: var(--c-superficie); padding: 1.3rem 1.3rem 1.4rem !important; }
.inst-scheda__titolo { color: var(--c-secondario); }
.inst-scheda__riga dt { opacity: 1 !important; color: var(--c-testo-2); }

.inst-modulo input[type=text], .inst-modulo input[type=email], .inst-modulo input[type=tel], .inst-modulo select, .inst-modulo textarea { border-radius: var(--raggio) !important; border-color: color-mix(in srgb, var(--c-scuro) 35%, transparent) !important; }
.inst-modulo input:focus-visible, .inst-modulo select:focus-visible, .inst-modulo textarea:focus-visible { outline-color: var(--c-primario) !important; }
.inst-dati-ente address { gap: .55em !important; }
.inst-mappa { border: 1px solid var(--c-linea); border-radius: 0 !important; }

/* ---------------------------------------------------------------- Piè di pagina */
.sito-piede { font-size: .95rem; position: relative; }
.sito-piede::before { content: ""; position: absolute; left: 0; right: 0; top: 0; height: 4px; background: linear-gradient(90deg, var(--c-accento) 0 9rem, rgba(255, 255, 255, .12) 9rem); }
.sito-piede .wp-block-site-logo img { width: 64px; height: auto; border-radius: 50%; box-shadow: 0 0 0 3px rgba(244, 237, 226, .9); }
.sito-piede .piede-sigla { font-family: var(--f-titoli); letter-spacing: .04em; }
.sito-piede h2 { font-family: var(--f-testo); font-size: .72rem !important; letter-spacing: .18em; text-transform: uppercase; font-weight: 600; color: var(--c-accento) !important; margin-bottom: 1rem; padding-bottom: .7rem; border-bottom: 1px solid rgba(255, 255, 255, .14); }
.sito-piede .wp-block-navigation { --navigation-layout-direction: column; }
.sito-piede .wp-block-navigation .wp-block-navigation-item__content { padding: .2rem 0; opacity: .88; }
.sito-piede .wp-block-navigation .wp-block-navigation-item__content:hover { opacity: 1; text-decoration: underline; }
.sito-piede a { text-decoration: none; }
.sito-piede .inst-dati-ente__etichetta { min-width: 6.5em; color: var(--c-accento); opacity: 1; }
.sito-piede .piede-legale { font-size: .8rem; color: rgba(244, 237, 226, .82); }
.sito-piede .piede-legale p { margin: 0; }
.sito-piede .piede-legale a { text-decoration: underline; text-decoration-color: rgba(244, 237, 226, .35); }
.sito-piede .wp-block-separator { border-color: rgba(255, 255, 255, .16) !important; opacity: 1; }
.sito-piede .credito { align-items: center; }
.sito-piede .credito p { margin: 0; }
.sito-piede .credito .wp-block-image { margin: 0; }
.sito-piede .credito img { background: #fff; padding: 4px 8px; border-radius: 3px; display: block; }

/* ---------------------------------------------------------------- Comparsa progressiva (solo schede e liste; mai su testo e cifre isolate) */
@media (prefers-reduced-motion: no-preference) {
	@supports (animation-timeline: view()) {
		.wp-block-group.is-style-scheda,
		.griglia-notizie .wp-block-post,
		.inst-persona, .inst-evento {
			animation: fopgi-comparsa linear both;
			animation-timeline: view();
			animation-range: entry 5% entry 55%;
		}
	}
}
@keyframes fopgi-comparsa { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }

/* ---------------------------------------------------------------- Stampa */
@media print {
	.sito-testata, .sito-piede .wp-block-navigation, .inst-condividi, .wp-block-search, .wp-block-inst-illustrazione, .intestazione-pagina::before { display: none !important; }
	body { font-size: 11pt; color: #000; }
	a { color: #000; }
	.wp-block-post-content a[href^="http"]::after { content: " (" attr(href) ")"; font-size: 9pt; }
}

/* ---------------------------------------------------------------- Testata fissa e compatta
   La testata resta in alto ed è opaca: il contenuto non si vede sotto né tra le due barre.
   Quando la pagina scorre (classe "is-compatta", aggiunta da tema.js) la barra di servizio
   si chiude, il menu si abbassa e il logo si rimpicciolisce; risalendo in cima torna com'era. */
.sito-testata > * { margin-block: 0 !important; }
.barra-principale::before { background: var(--wp--preset--color--base); -webkit-backdrop-filter: none; backdrop-filter: none; }
.barra-servizio { max-height: 8rem; overflow: hidden; transition: max-height .3s ease, padding .3s ease, opacity .2s ease, visibility 0s; }
.barra-principale { transition: padding .3s ease, box-shadow .3s ease; }
.marchio .wp-block-site-logo img { transition: width .3s ease; }
.sito-testata.is-compatta .barra-servizio { max-height: 0; padding-block: 0 !important; opacity: 0; visibility: hidden; transition: max-height .3s ease, padding .3s ease, opacity .2s ease, visibility 0s .3s; }
.sito-testata.is-compatta .barra-principale { padding-block: .4rem !important; }
.sito-testata.is-compatta .marchio .wp-block-site-logo img { width: 42px; }
.sito-testata.is-compatta .marchio__nome { display: none; }
@media (max-width: 480px) { .sito-testata.is-compatta .marchio .wp-block-site-logo img { width: 38px; } }
@media (prefers-reduced-motion: reduce) { .barra-servizio, .barra-principale, .marchio .wp-block-site-logo img { transition: none; } }