/**
 * Pagina Chi siamo — stili editoriali (BCG-inspired, palette AIOP).
 *
 * @package AIOP_Theme
 */

/* ── Variabili locali ─────────────────────────────────────────────── */
.aiop-chi-siamo-page {
	--aiop-cs-accent: var(--e-global-color-fifth, #eb6037);
	--aiop-cs-ink: #17100f;
	--aiop-cs-muted: #5a524e;
	--aiop-cs-surface: #faf9f9;
	--aiop-cs-peach: #f7d7c6;
	--aiop-cs-border: #e4e4e4;
	--aiop-cs-max-text: 42rem;
	--aiop-cs-section-gap: clamp(2.5rem, 4vw, 4rem);
}

/* ── Anchor scroll (Biscotto) ─────────────────────────────────────── */
.aiop-chi-siamo-page .aiop-chi-siamo-section,
.aiop-chi-siamo-hero {
	scroll-margin-top: 120px;
}

/* ── Hero (stile BCG: tipografia leggera + overlay) ─────────────── */
.aiop-chi-siamo-hero {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.aiop-chi-siamo-hero::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(
		115deg,
		rgba(250, 249, 249, 0.97) 0%,
		rgba(250, 249, 249, 0.88) 42%,
		rgba(250, 249, 249, 0.35) 68%,
		rgba(250, 249, 249, 0.08) 100%
	);
	pointer-events: none;
}

.aiop-chi-siamo-hero > .e-con-inner {
	position: relative;
	z-index: 1;
	max-width: 920px;
}

.aiop-chi-siamo-hero:not(.aiop-ds2-hero) .elementor-widget-heading:first-child .elementor-heading-title {
	font-size: clamp(0.95rem, 1.1vw, 1.125rem) !important;
	font-weight: 500 !important;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--aiop-cs-accent) !important;
}

.aiop-chi-siamo-hero:not(.aiop-ds2-hero) .elementor-widget-heading:nth-child(2) .elementor-heading-title {
	font-size: clamp(2.75rem, 6vw, 5rem) !important;
	line-height: 1.02 !important;
	letter-spacing: -0.02em;
	max-width: 14ch;
}

.aiop-chi-siamo-hero:not(.aiop-ds2-hero) .elementor-widget-heading:nth-child(3) .elementor-heading-title {
	font-size: clamp(1.25rem, 2.2vw, 1.75rem) !important;
	font-weight: 300 !important;
	line-height: 1.35;
	max-width: 36ch;
	color: var(--aiop-cs-ink) !important;
}

.aiop-chi-siamo-hero .elementor-widget-text-editor {
	max-width: var(--aiop-cs-max-text);
}

.aiop-chi-siamo-hero .elementor-widget-text-editor p {
	font-size: clamp(1rem, 1.15vw, 1.125rem);
	line-height: 1.65;
	color: var(--aiop-cs-muted);
}

/* ── Sezioni: tipografia e ritmo ────────────────────────────────── */
.aiop-chi-siamo-section .elementor-heading-title {
	font-family: BCGHenSans, sans-serif;
}

.aiop-chi-siamo-section > .e-con-inner {
	gap: var(--aiop-cs-section-gap);
}

/* Alternanza sfondi sezione (chiaro → warm → scuro)
 * Valori di default: NON usare !important così Elementor Style tab può sovrascriverli. */
.aiop-chi-siamo-section--tone-light {
	background-color: #ffffff;
}

.aiop-chi-siamo-section--tone-blush {
	background-color: var(--e-global-color-third, #faf9f9);
}

.aiop-chi-siamo-section--tone-warm {
	background-color: var(--e-global-color-fourth, var(--aiop-cs-peach));
}

.aiop-chi-siamo-band.aiop-chi-siamo-section--tone-dark {
	background-color: #17100f;
}

/* Affiliato: bordo pesca = sfondo sezione esterna (solo Elementor, no --tone-warm) */
.aiop-chi-siamo-section--affiliato .aiop-chi-siamo-band__inner .elementor-widget-text-editor,
.aiop-chi-siamo-section--affiliato .aiop-chi-siamo-band__inner .elementor-widget-text-editor p,
.aiop-chi-siamo-section--affiliato .aiop-chi-siamo-band__inner .elementor-widget-text-editor li,
.aiop-chi-siamo-section--affiliato .aiop-chi-siamo-band__inner .elementor-widget-text-editor strong {
	color: #faf9f9;
}

.aiop-chi-siamo-section--tone-warm .aiop-chi-siamo-highlight,
.aiop-chi-siamo-section--tone-warm .aiop-chi-siamo-value-card,
.aiop-chi-siamo-section--tone-warm .aiop-chi-siamo-soci-card,
.aiop-chi-siamo-section--tone-warm .aiop-diventa-socio2-magazine-card {
	background-color: #ffffff !important;
}

.aiop-chi-siamo-section > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title {
	position: relative;
	padding-bottom: 12px;
	font-size: clamp(1.75rem, 3vw, 2.8125rem) !important;
	line-height: 1.15;
	letter-spacing: -0.01em;
}

.aiop-chi-siamo-section > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title::after {
	content: "";
	display: block;
	width: 64px;
	height: 3px;
	margin-top: 10px;
	background: var(--aiop-cs-accent);
	border-radius: 2px;
}

.aiop-chi-siamo-section--center > .e-con-inner > .elementor-widget-heading:first-child .elementor-heading-title::after {
	margin-inline: auto;
}

/* Lead intro (primo paragrafo dopo h2) */
.aiop-chi-siamo-section > .e-con-inner > .elementor-widget-text-editor:first-of-type p,
.aiop-chi-siamo-section > .e-con-inner > .elementor-widget-heading:first-child + .elementor-widget-text-editor p {
	font-size: clamp(1.0625rem, 1.25vw, 1.1875rem);
	font-weight: 300;
	line-height: 1.6;
	color: var(--aiop-cs-muted);
	max-width: var(--aiop-cs-max-text);
}

.aiop-chi-siamo-section--center > .e-con-inner > .elementor-widget-text-editor:first-of-type,
.aiop-chi-siamo-section--center > .e-con-inner > .elementor-widget-heading:first-child + .elementor-widget-text-editor {
	margin-inline: auto;
	text-align: center;
}

.aiop-chi-siamo-section--center > .e-con-inner > .elementor-widget-text-editor:first-of-type p,
.aiop-chi-siamo-section--center > .e-con-inner > .elementor-widget-heading:first-child + .elementor-widget-text-editor p {
	margin-inline: auto;
}

/* Testo corpo uniforme nelle sezioni */
.aiop-chi-siamo-section .elementor-widget-text-editor p {
	line-height: 1.65;
}

/* ── Layout editoriale (testo + immagine) ─────────────────────────── */
.aiop-chi-siamo-editorial {
	align-items: center !important;
}

.aiop-chi-siamo-editorial > .e-con {
	flex: 1 1 280px;
}

.aiop-chi-siamo-editorial .elementor-widget-image,
.aiop-chi-siamo-editorial .elementor-widget-image .elementor-widget-container {
	display: block;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 0 0 20px 0;
	line-height: 0;
}

.aiop-chi-siamo-editorial .elementor-widget-image img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 4 / 3;
	object-fit: cover;
	box-shadow: 0 24px 48px rgba(23, 16, 15, 0.08);
	transition: transform 0.45s ease, box-shadow 0.45s ease;
}

#storia .aiop-chi-siamo-editorial .elementor-widget-image .elementor-widget-container,
#storia .aiop-chi-siamo-editorial .elementor-widget-image img,
#accademia .aiop-chi-siamo-editorial .elementor-widget-image .elementor-widget-container,
#accademia .aiop-chi-siamo-editorial .elementor-widget-image img {
	border-radius: 0 0 20px 0 !important;
}

.aiop-chi-siamo-editorial .elementor-widget-image:hover img {
	transform: translateY(-4px);
	box-shadow: 0 32px 56px rgba(23, 16, 15, 0.12);
}

.aiop-chi-siamo-editorial .elementor-widget-heading .elementor-heading-title {
	font-size: clamp(1.375rem, 2vw, 2.25rem) !important;
	line-height: 1.2;
}

.aiop-chi-siamo-editorial .elementor-widget-text-editor p {
	color: var(--aiop-cs-muted);
}

.aiop-chi-siamo-editorial .elementor-widget-text-editor p + p {
	margin-top: 1rem;
}

/* ── Stat highlight (numeri dalla storia AIOP) ────────────────────── */
.aiop-chi-siamo-stats {
	display: grid;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 2rem);
	padding: clamp(1.5rem, 3vw, 2.5rem) 0 0;
	border-top: 1px solid var(--aiop-cs-border);
	margin-top: clamp(1rem, 2vw, 1.5rem);
}

.aiop-chi-siamo-stat {
	display: flex;
	flex-direction: column;
	gap: 0.35rem;
}

.aiop-chi-siamo-stat__value {
	font-family: BCGHenSans, sans-serif;
	font-size: clamp(2rem, 4vw, 3.25rem);
	font-weight: 100;
	line-height: 1;
	color: var(--aiop-cs-accent);
	letter-spacing: -0.03em;
}

.aiop-chi-siamo-stat__label {
	font-family: BCGHenSans, sans-serif;
	font-size: 0.875rem;
	font-weight: 400;
	line-height: 1.4;
	color: var(--aiop-cs-muted);
	max-width: 16ch;
}

/* ── Mission / Vision cards ───────────────────────────────────────── */
.aiop-chi-siamo-mission-grid {
	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: clamp(1.5rem, 3vw, 3rem) !important;
	align-items: stretch !important;
}

.aiop-chi-siamo-mission-grid > .e-con {
	width: 100% !important;
	height: 100%;
	min-height: 100%;
	flex: unset !important;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.aiop-chi-siamo-mission-grid > .e-con:hover {
	transform: translateY(-3px);
	box-shadow: 0 20px 40px rgba(23, 16, 15, 0.07);
}

.aiop-chi-siamo-mission-grid .elementor-widget-heading .elementor-heading-title {
	font-size: clamp(1.25rem, 1.8vw, 1.75rem) !important;
}

.aiop-chi-siamo-mission-grid .elementor-widget-text-editor p {
	font-size: 1rem;
	line-height: 1.65;
}

/* Box «Oggi» */
.aiop-chi-siamo-highlight {
	border-left: 4px solid var(--aiop-cs-accent) !important;
	box-shadow: 0 12px 32px rgba(23, 16, 15, 0.06);
}

/* ── Value cards (pilastri, stile BCG) ────────────────────────────── */
.aiop-chi-siamo-values-grid {
	display: grid !important;
	grid-template-columns: repeat(4, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.5rem) !important;
	align-items: stretch !important;
}

.aiop-chi-siamo-values-grid > .e-con {
	width: 100% !important;
	max-width: none !important;
	flex: unset !important;
	height: 100%;
}

.aiop-chi-siamo-value-card {
	position: relative;
	display: flex;
	flex-direction: column;
	height: 100%;
	border: 1px solid var(--aiop-cs-border);
	border-radius: 0 0 20px 0 !important;
	box-shadow: 0 8px 24px rgba(23, 16, 15, 0.05);
	transition: transform 0.35s ease, box-shadow 0.35s ease;
	overflow: hidden;
}

.aiop-chi-siamo-value-card::before {
	content: "";
	position: absolute;
	inset: 0 auto 0 0;
	width: 4px;
	background: var(--aiop-cs-accent);
	transform: scaleY(0);
	transform-origin: bottom;
	transition: transform 0.35s ease;
}

.aiop-chi-siamo-value-card:hover {
	transform: translateY(-6px);
	box-shadow: 0 22px 44px rgba(235, 96, 55, 0.14);
}

.aiop-chi-siamo-value-card:hover::before {
	transform: scaleY(1);
}

.aiop-chi-siamo-value-card__media {
	flex-shrink: 0;
	width: 100%;
	aspect-ratio: 4 / 3;
	overflow: hidden;
	border-radius: 0 !important;
}

.aiop-chi-siamo-value-card__media .elementor-widget-image,
.aiop-chi-siamo-value-card__media .elementor-widget-container,
.aiop-chi-siamo-value-card__media figure {
	width: 100%;
	height: 100%;
	margin: 0;
}

.aiop-chi-siamo-value-card__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.aiop-chi-siamo-value-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.aiop-chi-siamo-value-card__body > .elementor-widget-heading:nth-child(2) .elementor-heading-title {
	font-size: 1.25rem !important;
	line-height: 1.25;
	min-height: 2.5em;
}

.aiop-chi-siamo-value-card__eyebrow .elementor-heading-title {
	font-family: BCGHenSans, sans-serif;
	letter-spacing: 0.12em;
	text-transform: uppercase;
	color: var(--aiop-cs-accent) !important;
	font-size: 0.8125rem !important;
	margin: 0;
}

.aiop-chi-siamo-value-card .elementor-widget-text-editor {
	flex: 1;
}

.aiop-chi-siamo-value-card .elementor-widget-text-editor p {
	color: var(--aiop-cs-muted);
	font-size: 0.9375rem;
	line-height: 1.55;
	margin: 0;
}

/* ── Feature band full-bleed (stile BCG) ──────────────────────────── */
.aiop-chi-siamo-band {
	position: relative;
	isolation: isolate;
	overflow: hidden;
}

.aiop-chi-siamo-band::before {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 0;
	background: linear-gradient(
		90deg,
		rgba(23, 16, 15, 0.85) 0%,
		rgba(23, 16, 15, 0.6) 45%,
		rgba(23, 16, 15, 0.15) 100%
	);
	pointer-events: none;
}

.aiop-chi-siamo-band > .e-con-inner {
	position: relative;
	z-index: 1;
}

.aiop-chi-siamo-band__eyebrow .elementor-heading-title {
	letter-spacing: 0.16em;
	text-transform: uppercase;
	color: #ffffff !important;
	opacity: 1;
}

.aiop-chi-siamo-band__inner .elementor-widget-heading:nth-child(2) .elementor-heading-title {
	font-size: clamp(1.75rem, 3.5vw, 3rem) !important;
	line-height: 1.1;
	letter-spacing: -0.01em;
	max-width: 18ch;
	color: #ffffff !important;
}

.aiop-chi-siamo-band .elementor-widget-text-editor,
.aiop-chi-siamo-band .elementor-widget-text-editor p,
.aiop-chi-siamo-band .elementor-widget-text-editor strong,
.aiop-chi-siamo-band .elementor-widget-text-editor em,
.aiop-chi-siamo-band .elementor-widget-text-editor a {
	color: #ffffff !important;
}

.aiop-chi-siamo-band__text p {
	color: #ffffff !important;
	font-size: clamp(1rem, 1.3vw, 1.1875rem);
	line-height: 1.6;
	max-width: 46ch;
}

.aiop-chi-siamo-band__text strong {
	color: #ffffff !important;
	font-weight: 500;
}

/* ── Card tipologie socio ─────────────────────────────────────────── */
.aiop-chi-siamo-soci-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	gap: clamp(1rem, 2vw, 1.75rem) !important;
	align-items: stretch !important;
}

.aiop-chi-siamo-soci-grid > .e-con {
	width: 100% !important;
	flex: unset !important;
	height: 100%;
	transition: transform 0.35s ease, box-shadow 0.35s ease;
}

.aiop-chi-siamo-soci-card {
	display: flex;
	flex-direction: column;
	height: 100%;
	overflow: hidden;
}

.aiop-chi-siamo-soci-card__media {
	flex-shrink: 0;
	width: 100%;
	aspect-ratio: 16 / 10;
	overflow: hidden;
}

.aiop-chi-siamo-soci-card__media .elementor-widget-image,
.aiop-chi-siamo-soci-card__media .elementor-widget-container,
.aiop-chi-siamo-soci-card__media figure {
	display: block;
	width: 100%;
	margin: 0;
}

.aiop-chi-siamo-soci-card__media img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 16 / 10;
	object-fit: cover;
}

.aiop-chi-siamo-soci-card__body {
	flex: 1;
	display: flex;
	flex-direction: column;
	gap: 0.5rem;
}

.aiop-chi-siamo-soci-card__body .elementor-widget-heading .elementor-heading-title {
	font-size: 1.25rem !important;
	line-height: 1.25;
	min-height: 2.5em;
}

.aiop-chi-siamo-soci-card__body .elementor-widget-text-editor p {
	font-size: 0.9375rem;
	line-height: 1.55;
	margin: 0;
}

.aiop-chi-siamo-soci-grid > .e-con:hover {
	transform: translateY(-4px);
	box-shadow: 0 16px 36px rgba(235, 96, 55, 0.12);
}

/* CTA soci */
.aiop-chi-siamo-section--soci .elementor-widget-button .elementor-button {
	transition: transform 0.2s ease, box-shadow 0.2s ease;
}

.aiop-chi-siamo-section--soci .elementor-widget-button .elementor-button:hover {
	transform: translateY(-2px);
	box-shadow: 0 8px 20px rgba(235, 96, 55, 0.25);
}

/* ── Widget consiglio / commissioni (modalità griglia Chi siamo) ─────── */
.aiop-chi-siamo-section--consiglio,
.aiop-chi-siamo-section--commissioni {
	overflow: visible;
}

.aiop-chi-siamo-section--consiglio > .e-con-inner > .elementor-widget-text-editor,
.aiop-chi-siamo-section--commissioni > .e-con-inner > .elementor-widget-text-editor {
	max-width: var(--aiop-cs-max-text);
}

.aiop-chi-siamo-section--consiglio > .e-con-inner > .elementor-widget-aiop-consiglio-direttivo-new,
.aiop-chi-siamo-section--commissioni > .e-con-inner > .elementor-widget-aiop-commissioni {
	width: 100%;
}

/* Mount widget: auto-height, niente taglio */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new,
#consiglio .aiop-chi-siamo-grid,
.aiop-chi-siamo-section--commissioni .aiop-commissioni,
#commissioni .aiop-chi-siamo-grid {
	height: auto !important;
	min-height: 0 !important;
	overflow: visible !important;
	font-family: BCGHenSans, sans-serif;
}

/* Default pagina Chi siamo (frontend): token visivi — niente dimensioni card (le gestisce il widget Elementor) */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new,
#consiglio .aiop-chi-siamo-grid {
	--aiop-cd-role-color: var(--aiop-cs-accent, #eb6037);
	--aiop-cd-badge-shade: 0;
	--aiop-cd-badge-text: var(--e-global-color-fifth, #eb6037);
	--aiop-cd-badge-text-hover: var(--e-global-color-fifth, #eb6037);
	--aiop-cd-badge-text-selected: var(--e-global-color-fifth, #eb6037);
	--aiop-cd-card-box-shape: square;
	--aiop-cd-badge-justify: center;
	--aiop-cd-badge-text-align: center;
	--aiop-cd-badge-shadow-size: 0;
	--aiop-cd-badge-shadow-opacity-pct: 0;
	--aiop-cd-badge-shadow-size-hover: 0;
	--aiop-cd-badge-shadow-opacity-pct-hover: 0;
	--aiop-cd-badge-shadow-size-selected: 0;
	--aiop-cd-badge-shadow-opacity-pct-selected: 0;
	--aiop-cd-card-shadow-size: 0;
	--aiop-cd-card-shadow-opacity-pct: 0;
	--aiop-cd-card-shadow-size-hover: 0;
	--aiop-cd-card-shadow-opacity-pct-hover: 0;
	--aiop-cd-card-shadow-size-selected: 0;
	--aiop-cd-card-shadow-opacity-pct-selected: 0;
	--aiop-cd-card-name-gap: -6px !important;
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni,
#commissioni .aiop-chi-siamo-grid {
	--aiop-comm-cards-wrap: 1 !important;
	--aiop-comm-fit-scale: 1 !important;
	--aiop-cd-card-interaction: static !important;
	--aiop-cd-card-scale-base: 1 !important;
	--aiop-cd-card-scale-hover: 1 !important;
	--aiop-cd-card-scale-selected: 1 !important;
	--aiop-cd-role-color: var(--aiop-cs-accent, #eb6037);
	--aiop-cd-badge-shade: 0;
	--aiop-cd-badge-text: #ffffff;
	--aiop-cd-badge-text-hover: #ffffff;
	--aiop-cd-badge-text-selected: #ffffff;
	--aiop-cd-badge-justify: center;
	--aiop-cd-badge-text-align: center;
	--aiop-cd-badge-shadow-size: 0;
	--aiop-cd-badge-shadow-opacity-pct: 0;
	--aiop-cd-badge-shadow-size-hover: 0;
	--aiop-cd-badge-shadow-opacity-pct-hover: 0;
	--aiop-cd-badge-shadow-size-selected: 0;
	--aiop-cd-badge-shadow-opacity-pct-selected: 0;
	--aiop-cd-card-shadow-size: 0;
	--aiop-cd-card-shadow-opacity-pct: 0;
	--aiop-cd-card-shadow-size-hover: 0;
	--aiop-cd-card-shadow-opacity-pct-hover: 0;
	--aiop-cd-card-shadow-size-selected: 0;
	--aiop-cd-card-shadow-opacity-pct-selected: 0;
	--aiop-cd-card-width: 100%;
	--aiop-cd-card-height: 300px;
	--aiop-cd-card-box-size: 88px;
	--aiop-cd-card-radius-style: 0 0 20px 0;
	--aiop-comm-cards-gap-x: 16px;
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni,
#commissioni .aiop-chi-siamo-grid {
	--aiop-comm-cards-cols: 3;
	--aiop-comm-sidebar-accent: var(--e-global-color-fifth, #eb6037);
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-comm-cards-grid,
#commissioni .aiop-chi-siamo-grid .aiop-comm-cards-grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
	width: 100% !important;
	max-width: 100% !important;
	gap: 16px !important;
	align-items: stretch !important;
	justify-items: stretch !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-comm-inner,
#consiglio .aiop-chi-siamo-grid .aiop-comm-inner,
#commissioni .aiop-chi-siamo-grid .aiop-comm-inner {
	padding: 0 !important;
}

/* Consiglio: organigramma piramidale */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new main.aiop-comm-cards,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-comm-cards,
#consiglio .aiop-chi-siamo-grid main.aiop-comm-cards,
#consiglio .aiop-chi-siamo-grid .aiop-comm-cards {
	display: block !important;
	width: 100% !important;
	max-width: 100% !important;
	min-width: 0 !important;
	overflow: visible !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-board-grid,
#consiglio .aiop-chi-siamo-grid .aiop-cd-board-grid {
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: center !important;
	gap: clamp(1rem, 2.5vw, 1.75rem) !important;
	width: 100% !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-board-row,
#consiglio .aiop-chi-siamo-grid .aiop-cd-board-row {
	display: flex !important;
	flex-wrap: nowrap !important;
	justify-content: center !important;
	align-items: stretch !important;
	gap: 16px !important;
	width: 100% !important;
}

/* Riga consiglieri: sempre 3 card affiancate */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-board-row--4,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-board-row--consiglieri,
#consiglio .aiop-chi-siamo-grid .aiop-cd-board-row--4,
#consiglio .aiop-chi-siamo-grid .aiop-cd-board-row--consiglieri {
	flex-wrap: nowrap !important;
	width: auto !important;
	max-width: 100% !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-board-row .aiop-comm-card-col,
#consiglio .aiop-chi-siamo-grid .aiop-cd-board-row .aiop-comm-card-col {
	flex: 0 0 auto !important;
	width: var(--aiop-cd-card-width, 176px) !important;
	max-width: var(--aiop-cd-card-width, 176px) !important;
	min-width: 0 !important;
	display: flex !important;
	justify-content: center !important;
	align-items: stretch !important;
	height: auto !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-board-row .aiop-cd-card-wrap,
#consiglio .aiop-chi-siamo-grid .aiop-cd-board-row .aiop-cd-card-wrap {
	width: var(--aiop-cd-card-width, 176px) !important;
	max-width: var(--aiop-cd-card-width, 176px) !important;
	height: auto !important;
	min-height: var(--aiop-cd-card-height, 280px) !important;
	flex: 1 1 auto !important;
	align-self: stretch !important;
	margin: 0 !important;
	transform: none !important;
	scale: 1 !important;
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-wrap,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-wrap {
	width: 100% !important;
	max-width: none !important;
	height: auto !important;
	min-height: var(--aiop-cd-card-height) !important;
	margin: 0 !important;
	transform: none !important;
	scale: 1 !important;
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-comm-card-col,
#commissioni .aiop-chi-siamo-grid .aiop-comm-card-col {
	flex: none !important;
	width: auto !important;
	min-width: 0 !important;
	max-width: none !important;
	min-height: 0 !important;
	display: flex !important;
	justify-content: stretch !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-wrap,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-wrap,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-wrap,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-wrap {
	--tw-ring-offset-shadow: 0 0 #0000 !important;
	--tw-ring-shadow: 0 0 #0000 !important;
	outline: none !important;
}

/* Card interna: layout a colonna (niente posizionamento assoluto) */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card {
	position: relative !important;
	inset: auto !important;
	display: flex !important;
	flex-direction: column !important;
	align-items: center !important;
	justify-content: flex-start !important;
	gap: 10px !important;
	width: 100% !important;
	height: auto !important;
	min-height: 0 !important;
	flex: 1 1 auto !important;
	padding: 16px 14px 18px !important;
	box-sizing: border-box !important;
}

/* Consiglio: tipografia compatta per 8 card in riga */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card {
	padding: 12px 10px 14px !important;
	gap: 8px !important;
	overflow: visible !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-firstname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-firstname {
	font-size: 0.9375rem !important;
	line-height: 1.05 !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-lastname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-lastname {
	font-size: 0.8125rem !important;
	line-height: 1.05 !important;
	margin-top: var(--aiop-cd-card-name-gap, -6px) !important;
}

/* Etichette ruolo: badge centrato in card */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-role,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-role,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-role,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-role {
	order: unset !important;
	position: static !important;
	transform: none !important;
	align-self: center !important;
	display: flex !important;
	align-items: center !important;
	justify-content: center !important;
	width: auto !important;
	max-width: calc(100% - 12px) !important;
	margin: auto 0 0 !important;
	padding: 12px 14px !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	flex-shrink: 0 !important;
	min-height: auto !important;
	height: auto !important;
	box-sizing: border-box !important;
	white-space: normal !important;
	text-align: center !important;
	background-image: none !important;
	border-radius: 0 0 10px 0 !important;
	box-shadow: none !important;
	text-shadow: none !important;
}

/* Consiglio: badge blush + testo orange + bordo orange */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-role,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-role {
	color: var(--e-global-color-fifth, #eb6037) !important;
	background-color: var(--e-global-color-third, #faf9f9) !important;
	border: 1px solid var(--e-global-color-fifth, #eb6037) !important;
}

/* Commissioni: badge arancione piatto + testo bianco */
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-role,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-role {
	color: #ffffff !important;
	background-color: var(--aiop-cs-accent, #eb6037) !important;
	border: none !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-role span,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-role span,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-role span,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-role span {
	display: block !important;
	width: 100% !important;
	text-align: center !important;
	text-shadow: none !important;
	line-height: inherit !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-role span,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-role span {
	color: var(--e-global-color-fifth, #eb6037) !important;
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-role span,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-role span {
	color: #ffffff !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-role,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card:hover .aiop-cd-card-role,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card.is-selected .aiop-cd-card-role,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card.is-selected .aiop-cd-card-role {
	color: var(--e-global-color-fifth, #eb6037) !important;
	background-color: var(--e-global-color-third, #faf9f9) !important;
	background-image: none !important;
	border: 1px solid var(--e-global-color-fifth, #eb6037) !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card:hover .aiop-cd-card-role,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card:hover .aiop-cd-card-role,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card.is-selected .aiop-cd-card-role,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card.is-selected .aiop-cd-card-role {
	color: #ffffff !important;
	background-color: var(--aiop-cs-accent, #eb6037) !important;
	background-image: none !important;
	text-shadow: none !important;
	box-shadow: none !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-box,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-box,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-box {
	width: var(--aiop-cd-card-box-size) !important;
	height: var(--aiop-cd-card-box-size) !important;
	flex-shrink: 0 !important;
	margin-inline: auto !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-box-img,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-box-img,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-box-img {
	object-fit: cover !important;
}

/* Consiglio: foto socio quadrata con angolo basso-destra arrotondato (stile AIOP) */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-box,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-box-img,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-box,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-box-img {
	border-radius: 0 0 20px 0 !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-firstname,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-lastname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-firstname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-lastname,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-firstname,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-lastname {
	position: static !important;
	transform: none !important;
	width: 100% !important;
	max-width: none !important;
	margin: 0 !important;
	padding: 0 2px !important;
	white-space: normal !important;
	overflow: visible !important;
	text-overflow: unset !important;
	text-align: center !important;
	line-height: 1.25 !important;
}

#consiglio .aiop-chi-siamo-grid .aiop-cd-card-firstname,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-firstname {
	font-size: 1.0625rem !important;
	font-weight: 600 !important;
	color: var(--aiop-cs-ink) !important;
}

#consiglio .aiop-chi-siamo-grid .aiop-cd-card-lastname,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-lastname {
	font-size: 0.9375rem !important;
	font-weight: 500 !important;
	letter-spacing: 0.04em !important;
	color: var(--aiop-cs-muted) !important;
	margin-top: var(--aiop-cd-card-name-gap, -6px) !important;
}

/* Consiglio: nome e cognome arancioni on hover */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-wrap:hover .aiop-cd-card-firstname,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-wrap:hover .aiop-cd-card-lastname,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-firstname,
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-lastname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-wrap:hover .aiop-cd-card-firstname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-wrap:hover .aiop-cd-card-lastname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card:hover .aiop-cd-card-firstname,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card:hover .aiop-cd-card-lastname {
	color: var(--e-global-color-fifth, #eb6037) !important;
	text-shadow: none !important;
}

/* Commissioni: sidebar verticale a sinistra, card a destra */
#commissioni .aiop-chi-siamo-grid .aiop-comm-layout--vertical {
	flex-direction: row !important;
	align-items: flex-start !important;
	gap: 2rem !important;
}

#commissioni .aiop-chi-siamo-grid .aiop-comm-sidebar {
	position: relative !important;
	flex: 0 0 260px !important;
	width: 260px !important;
	height: auto !important;
}

#commissioni .aiop-chi-siamo-grid .aiop-comm-sidebar-list {
	flex-direction: column !important;
	border-right: 2px solid var(--aiop-cs-accent) !important;
	border-bottom: 0 !important;
}

#commissioni .aiop-chi-siamo-grid .aiop-comm-sidebar-btn {
	width: 100% !important;
	border-right: 0 !important;
	border-bottom: 1px solid var(--aiop-cs-border) !important;
	white-space: normal !important;
	text-align: left !important;
	padding: 14px 16px !important;
}

#commissioni .aiop-chi-siamo-grid .aiop-comm-sidebar-label {
	font-size: 0.9375rem !important;
	line-height: 1.35 !important;
}

#commissioni .aiop-chi-siamo-grid .aiop-comm-sidebar-btn.is-active {
	border-bottom-color: var(--aiop-cs-accent) !important;
}

#commissioni .aiop-chi-siamo-grid .aiop-comm-sidebar-label.is-active {
	color: var(--aiop-cs-accent) !important;
	font-weight: 500 !important;
}

#commissioni .aiop-chi-siamo-grid main.aiop-comm-cards:not(.is-slider) {
	display: block !important;
	flex: 1 1 auto !important;
	width: auto !important;
	min-width: 0 !important;
	overflow: visible !important;
}

#commissioni .aiop-chi-siamo-grid main.aiop-comm-cards:not(.is-slider) .aiop-comm-cards-grid-wrap {
	width: 100% !important;
	max-width: 100% !important;
}

#commissioni .aiop-chi-siamo-grid .max-w-7xl {
	max-width: none !important;
	width: 100% !important;
}

/* Card: contenitore visibile e stabile — stile AIOP (angolo basso-destra arrotondato) */
.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-wrap,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-wrap,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-wrap,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-wrap {
	position: relative !important;
	display: flex !important;
	flex-direction: column !important;
	background: #ffffff !important;
	border: 1px solid var(--aiop-cs-accent, #eb6037) !important;
	border-radius: var(--aiop-cd-card-radius-style, 0 0 20px 0) !important;
	box-shadow: none !important;
	overflow: hidden !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-wrap:hover,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-wrap:hover,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-wrap:hover,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-wrap:hover {
	transform: none !important;
	box-shadow: none !important;
	border-color: var(--aiop-cs-accent, #eb6037) !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card {
	border: 0 !important;
	box-shadow: none !important;
	background: transparent !important;
	border-radius: var(--aiop-cd-card-radius-style, 0 0 20px 0) !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-card-bg,
#consiglio .aiop-chi-siamo-grid .aiop-cd-card-bg,
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-bg,
#commissioni .aiop-chi-siamo-grid .aiop-cd-card-bg {
	border-radius: var(--aiop-cd-card-radius-style, 0 0 20px 0) !important;
}

.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-comm-cards-container,
#consiglio .aiop-chi-siamo-grid .aiop-comm-cards-container,
#commissioni .aiop-chi-siamo-grid .aiop-comm-cards-container {
	width: 100% !important;
	max-width: none !important;
}

/* Commissioni (layout two-rows): bordo nomi con angolo basso-destra AIOP */
.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-comm-name-block,
#commissioni .aiop-chi-siamo-grid .aiop-comm-name-block {
	border-radius: 0 0 20px 0 !important;
}

.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-comm-name-block__member,
#commissioni .aiop-chi-siamo-grid .aiop-comm-name-block__member,
.aiop-commissioni .aiop-comm-name-block__member {
	border-radius: 0 0 10px 0 !important;
}

/* ── Biscotto pagina Chi siamo: larghezza compatta, no overlap ─────── */
.page-id-39 .aiop-biscotto-bar--nav-only.e-con,
body.page-chi-siamo .aiop-biscotto-bar--nav-only.e-con {
	width: max-content !important;
	max-width: min(calc(100vw - 24px), 960px) !important;
	--width: auto !important;
}

.page-id-39 .aiop-biscotto-bar--nav-only > .e-con:nth-child(2),
.page-id-39 .aiop-biscotto-bar--nav-only > .e-con.aiop-biscotto-bar__nav-scroll {
	flex: 0 1 auto !important;
	width: auto !important;
	max-width: none !important;
}

.page-id-39 .aiop-biscotto-bar--nav-only > .e-con:nth-child(2) > .e-con-inner {
	display: flex !important;
	flex-flow: row nowrap !important;
	justify-content: flex-start !important;
	align-items: center !important;
	gap: 0 1rem !important;
	width: max-content !important;
	max-width: 100% !important;
}

.page-id-39 .aiop-biscotto-bar--nav-only > .e-con:nth-child(2) .elementor-widget-heading {
	flex: 0 0 auto !important;
	width: auto !important;
}

.page-id-39 .aiop-biscotto-bar--nav-only > .e-con:nth-child(2) .elementor-heading-title {
	font-size: 0.8125rem !important;
	letter-spacing: 0.06em;
}

/* Margine inferiore: la barra fissa non copre il contenuto */
.page-id-39 .aiop-chi-siamo-section,
.page-id-39 .aiop-chi-siamo-hero {
	padding-bottom: clamp(3rem, 5vw, 5rem);
	scroll-margin-bottom: 120px;
}

.page-id-39 .elementor-location-footer,
.page-id-39 .aiop-chi-siamo-section--storico {
	padding-bottom: calc(clamp(3rem, 5vw, 5rem) + 5rem);
}

/* Value / soci card: padding body uniforme */
.aiop-chi-siamo-value-card__body {
	padding: 1rem 1.125rem 1.25rem !important;
}

.aiop-chi-siamo-soci-card__body {
	padding: 1rem 1.125rem 1.25rem !important;
}

.aiop-chi-siamo-value-card__body > .elementor-widget-heading:nth-child(2) .elementor-heading-title {
	min-height: 0;
}

/* ── Accordion storico ────────────────────────────────────────────── */
.aiop-chi-siamo-section--storico .e-n-accordion-item-title {
	font-family: BCGHenSans, sans-serif !important;
	border-bottom: 1px solid var(--aiop-cs-border);
	transition: color 0.2s ease;
}

.aiop-chi-siamo-section--storico .e-n-accordion-item-title:hover {
	color: var(--aiop-cs-accent) !important;
}

.aiop-chi-siamo-section--storico .e-n-accordion-item[open] > .e-n-accordion-item-title {
	color: var(--aiop-cs-accent) !important;
}

/* ── Tabelle consiglio storico ────────────────────────────────────── */
.aiop-chi-siamo-table-wrap {
	overflow-x: auto;
	margin: 0;
	border-radius: 0 0 10px 0;
	border: 1px solid var(--aiop-cs-border);
	border-top: none;
}

.aiop-chi-siamo-table {
	width: 100%;
	border-collapse: collapse;
	font-family: BCGHenSans, sans-serif;
	font-size: 0.95rem;
	font-weight: 300;
	line-height: 1.5;
}

.aiop-chi-siamo-table th,
.aiop-chi-siamo-table td {
	padding: 14px 18px;
	border-bottom: 1px solid var(--aiop-cs-border);
	text-align: left;
	vertical-align: top;
}

.aiop-chi-siamo-table tr:last-child th,
.aiop-chi-siamo-table tr:last-child td {
	border-bottom: none;
}

.aiop-chi-siamo-table th {
	width: 38%;
	font-weight: 500;
	color: var(--aiop-cs-ink);
	background: var(--aiop-cs-surface);
}

.aiop-chi-siamo-table td {
	color: #333;
}

.aiop-chi-siamo-table--commissions th {
	width: 42%;
}

/* ── Responsive ───────────────────────────────────────────────────── */
@media (max-width: 1024px) {
	.aiop-chi-siamo-stats {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}

	.aiop-chi-siamo-values-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.aiop-chi-siamo-soci-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
	}

	.aiop-chi-siamo-mission-grid {
		grid-template-columns: 1fr !important;
	}

	.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-comm-cards-grid,
	#consiglio .aiop-chi-siamo-grid .aiop-comm-cards-grid {
		grid-template-columns: repeat(8, minmax(130px, 1fr)) !important;
		min-width: calc(8 * 130px + 7 * 16px) !important;
	}

	.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-comm-cards-grid,
	#commissioni .aiop-chi-siamo-grid .aiop-comm-cards-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		justify-items: stretch !important;
	}

	.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-wrap,
	#commissioni .aiop-chi-siamo-grid .aiop-cd-card-wrap {
		max-width: none !important;
	}

	#commissioni .aiop-chi-siamo-grid .aiop-comm-layout--vertical {
		flex-direction: column !important;
	}

	#commissioni .aiop-chi-siamo-grid .aiop-comm-sidebar {
		flex: none !important;
		width: 100% !important;
	}

	.aiop-chi-siamo-band__inner {
		width: 85% !important;
	}
}

@media (max-width: 767px) {
	.aiop-chi-siamo-page .aiop-chi-siamo-section,
	.aiop-chi-siamo-hero {
		scroll-margin-top: 100px;
	}

	.aiop-chi-siamo-hero:not(.aiop-ds2-hero) .elementor-widget-heading:nth-child(2) .elementor-heading-title {
		max-width: none;
	}

	.aiop-chi-siamo-stats {
		grid-template-columns: 1fr 1fr;
		gap: 1.25rem;
	}

	.aiop-chi-siamo-editorial {
		flex-direction: column !important;
	}

	.aiop-chi-siamo-values-grid {
		grid-template-columns: 1fr !important;
	}

	.aiop-chi-siamo-soci-grid {
		grid-template-columns: 1fr !important;
	}

	.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-comm-cards-grid,
	#consiglio .aiop-chi-siamo-grid .aiop-comm-cards-grid {
		grid-template-columns: repeat(8, minmax(120px, 1fr)) !important;
		min-width: calc(8 * 120px + 7 * 12px) !important;
		gap: 12px !important;
	}

	.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-comm-cards-grid,
	#commissioni .aiop-chi-siamo-grid .aiop-comm-cards-grid {
		grid-template-columns: 1fr !important;
		justify-items: stretch !important;
	}

	.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-cd-card-wrap,
	#commissioni .aiop-chi-siamo-grid .aiop-cd-card-wrap {
		max-width: none !important;
	}

	.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-cd-board-row .aiop-cd-card-wrap,
	#consiglio .aiop-chi-siamo-grid .aiop-cd-board-row .aiop-cd-card-wrap {
		max-width: var(--aiop-cd-card-width, 176px) !important;
	}

	.aiop-chi-siamo-band {
		min-height: 380px !important;
	}

	.aiop-chi-siamo-band__inner {
		width: 100% !important;
	}

	.aiop-chi-siamo-table th,
	.aiop-chi-siamo-table td {
		display: block;
		width: 100%;
	}

	.aiop-chi-siamo-table th {
		border-bottom: none;
		padding-bottom: 4px;
	}

	.aiop-chi-siamo-table td {
		padding-top: 0;
		padding-bottom: 16px;
	}
}

@media (max-width: 479px) {
	.aiop-chi-siamo-stats {
		grid-template-columns: 1fr;
	}

	.aiop-chi-siamo-section--consiglio .aiop-consiglio-direttivo-new .aiop-comm-cards-grid,
	#consiglio .aiop-chi-siamo-grid .aiop-comm-cards-grid {
		grid-template-columns: repeat(8, minmax(110px, 1fr)) !important;
		min-width: calc(8 * 110px + 7 * 10px) !important;
		gap: 10px !important;
	}

	.aiop-chi-siamo-section--commissioni .aiop-commissioni .aiop-comm-cards-grid,
	#commissioni .aiop-chi-siamo-grid .aiop-comm-cards-grid {
		grid-template-columns: 1fr !important;
		justify-items: stretch !important;
	}
}

/* ── Consiglio Chi siamo: override CSS Elementor widget (post-1442) ───
 * Il CSS generato da Elementor sul wrapper del widget ha specificità più alta
 * e sovrascrive variabili/token impostati sopra; queste regole devono vincere
 * sul frontend pubblicato (in editor il widget dipende già da aiop-chi-siamo). */
#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-consiglio-direttivo-new,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-consiglio-direttivo-new,
.elementor-1442 .elementor-element.elementor-element-8d751dd .aiop-consiglio-direttivo-new {
	--aiop-cd-card-box-shape: square !important;
	--aiop-cd-badge-text: var(--e-global-color-fifth, #eb6037) !important;
	--aiop-cd-badge-text-hover: var(--e-global-color-fifth, #eb6037) !important;
	--aiop-cd-badge-text-selected: var(--e-global-color-fifth, #eb6037) !important;
	--aiop-cd-badge-shade: 0 !important;
	--aiop-cd-badge-justify: center !important;
	--aiop-cd-badge-text-align: center !important;
	--aiop-cd-badge-top: auto !important;
	--aiop-cd-badge-bottom: auto !important;
	--aiop-cd-badge-left: auto !important;
	--aiop-cd-badge-right: auto !important;
	--aiop-cd-badge-tx: 0 !important;
	--aiop-cd-badge-ty: 0 !important;
	--aiop-cd-card-name-hover: var(--e-global-color-fifth, #eb6037) !important;
	--aiop-cd-card-surname-hover: var(--e-global-color-fifth, #eb6037) !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-role,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-role,
.elementor-1442 .elementor-element.elementor-element-8d751dd .aiop-cd-card-role {
	top: auto !important;
	bottom: auto !important;
	left: auto !important;
	right: auto !important;
	position: static !important;
	transform: none !important;
	color: var(--e-global-color-fifth, #eb6037) !important;
	background-color: var(--e-global-color-third, #faf9f9) !important;
	background-image: none !important;
	border: 1px solid var(--e-global-color-fifth, #eb6037) !important;
	border-radius: 0 0 10px 0 !important;
	padding: 12px 14px !important;
	font-size: 0.75rem !important;
	font-weight: 700 !important;
	line-height: 1.35 !important;
	flex-shrink: 0 !important;
	min-height: auto !important;
	height: auto !important;
	box-sizing: border-box !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-role span,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-role span {
	color: var(--e-global-color-fifth, #eb6037) !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-role,
#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card.is-selected .aiop-cd-card-role,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-role,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card.is-selected .aiop-cd-card-role {
	color: var(--e-global-color-fifth, #eb6037) !important;
	background-color: var(--e-global-color-third, #faf9f9) !important;
	background-image: none !important;
	border: 1px solid var(--e-global-color-fifth, #eb6037) !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-box,
#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-box-img,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-box,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-box-img {
	border-radius: 0 0 20px 0 !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-wrap:hover .aiop-cd-card-firstname,
#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-wrap:hover .aiop-cd-card-lastname,
#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-firstname,
#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-lastname,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-wrap:hover .aiop-cd-card-firstname,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-wrap:hover .aiop-cd-card-lastname,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-firstname,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card:hover .aiop-cd-card-lastname {
	color: var(--e-global-color-fifth, #eb6037) !important;
	text-shadow: none !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-board-row .aiop-comm-card-col,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-board-row .aiop-comm-card-col,
.elementor-1442 .elementor-element.elementor-element-8d751dd .aiop-cd-board-row .aiop-comm-card-col {
	align-items: stretch !important;
	height: auto !important;
	min-height: 0 !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-wrap,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card-wrap,
.elementor-1442 .elementor-element.elementor-element-8d751dd .aiop-consiglio-direttivo-new .aiop-cd-card-wrap {
	height: auto !important;
	min-height: var(--aiop-cd-card-height, 280px) !important;
	align-self: stretch !important;
}

#consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card,
.aiop-chi-siamo-section--consiglio .elementor-widget-aiop-consiglio-direttivo-new .aiop-cd-card,
.elementor-1442 .elementor-element.elementor-element-8d751dd .aiop-consiglio-direttivo-new .aiop-cd-card {
	height: auto !important;
	min-height: 0 !important;
	flex: 1 1 auto !important;
	overflow: visible !important;
}
