/* ==========================================================================
   Donne in Attivo — stili del tema
   ========================================================================== */

/* ---------- Font self-hosted ---------- */
@font-face { font-family: "Amatic SC"; font-style: normal; font-weight: 700; font-display: swap;
	src: url("../fonts/amatic-sc-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Amatic SC"; font-style: normal; font-weight: 700; font-display: swap;
	src: url("../fonts/amatic-sc-latin-ext-700-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400; font-display: swap;
	src: url("../fonts/dm-sans-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 400; font-display: swap;
	src: url("../fonts/dm-sans-latin-ext-400-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 500; font-display: swap;
	src: url("../fonts/dm-sans-latin-500-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 500; font-display: swap;
	src: url("../fonts/dm-sans-latin-ext-500-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 700; font-display: swap;
	src: url("../fonts/dm-sans-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "DM Sans"; font-style: normal; font-weight: 700; font-display: swap;
	src: url("../fonts/dm-sans-latin-ext-700-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }

/* ---------- Token ---------- */
:root {
	--dia-teal:       #3E9C92;  /* pulsanti, accenti, sezione newsletter (campionato dal mockup) */
	--dia-teal-dark:  #2F8178;  /* hover */
	--dia-mint:       #DDEFEE;  /* hero, sezione progetto, card webinar */
	--dia-ink:        #1E1E1E;  /* titoli */
	--dia-text:       #3A3A3A;  /* testo corrente */
	--dia-muted:      #6B6B6B;
	--dia-footer-bg:  #3B3B3B;
	--dia-footer-txt: #DADADA;
	--dia-white:      #FFFFFF;

	--dia-font-display: "Amatic SC", "Arial Narrow", sans-serif;
	--dia-font-body:    "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

	--dia-container: 1160px; /* larghezza della gabbia (come la sezione webinar) */
	--dia-header-h:  100px;
	--dia-radius-pill: 999px;
	--dia-radius-card: 10px;
}

/* ---------- Base ---------- */
html { scroll-behavior: smooth; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }

body {
	margin: 0;
	font-family: var(--dia-font-body);
	font-size: 16px;
	line-height: 1.6;
	color: var(--dia-text);
	background: var(--dia-white);
	-webkit-font-smoothing: antialiased;
}

a { color: var(--dia-teal-dark); }
a:focus-visible, button:focus-visible, input:focus-visible {
	outline: 3px solid #F2B705;
	outline-offset: 2px;
}

.screen-reader-text {
	position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px;
	overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.dia-skip {
	position: absolute; left: 16px; top: -100px; z-index: 1000;
	background: var(--dia-ink); color: #fff; padding: 10px 16px; border-radius: 6px; text-decoration: none;
}
.dia-skip:focus { top: 12px; }

/* ---------- Pulsanti (header/footer + classe riusabile in Elementor) ---------- */
.dia-btn {
	display: inline-flex; align-items: center; justify-content: center; gap: 8px;
	font-family: var(--dia-font-body); font-weight: 700; font-size: 14px; line-height: 1;
	padding: 13px 24px; border-radius: var(--dia-radius-pill);
	border: 2px solid var(--dia-teal); text-decoration: none; white-space: nowrap;
	transition: background-color .2s, color .2s, border-color .2s;
}
.dia-btn--primary { background: var(--dia-teal); color: #fff; }
.dia-btn--primary:hover { background: var(--dia-teal-dark); border-color: var(--dia-teal-dark); color: #fff; }
.dia-btn--sm { font-size: 13px; padding: 10px 18px; }

/* ==========================================================================
   HEADER
   ========================================================================== */
.dia-header {
	--dia-h-logo: 92px;   /* altezza logo */
	--dia-h-font: 16px;   /* testo menu */
	--dia-h-gap:  30px;   /* spazio tra le voci */

	position: sticky; top: 0; z-index: 100;
	background: var(--dia-white);
	border-bottom: 2px solid var(--dia-teal);
}
.admin-bar .dia-header { top: 32px; }
@media (max-width: 782px) { .admin-bar .dia-header { top: 46px; } }

.dia-header__inner {
	max-width: var(--dia-container); margin: 0 auto; padding: 0 16px;
	min-height: var(--dia-header-h);
	display: flex; align-items: center; gap: 24px;
}
.dia-logo { display: block; flex: 0 0 auto; line-height: 0; }
.dia-logo__img { display: block; width: auto; height: var(--dia-h-logo); }

/* logo a sinistra, menu al centro, pulsante a destra */
.dia-nav { flex: 1 1 auto; display: flex; align-items: center; gap: 24px; }
.dia-nav__list {
	display: flex; flex-wrap: nowrap; align-items: center; gap: var(--dia-h-gap);
	list-style: none; margin: 0 auto; padding: 0;
}
.dia-nav__list a {
	display: block; padding: 8px 0;
	font-size: var(--dia-h-font); font-weight: 500; line-height: 1.2;
	color: #3A3A3A; text-decoration: none; white-space: nowrap;
	transition: color .2s;
}
/* iniziale maiuscola anche se l'etichetta nel menu è minuscola */
.dia-nav__list a::first-letter { text-transform: uppercase; }
.dia-nav__list a:hover,
.dia-nav__list .current-menu-item > a { color: var(--dia-teal); }
.dia-nav__list .sub-menu { display: none; }

.dia-nav__cta.dia-btn { min-height: 50px; padding: 0 30px; font-size: 16px; }

/* desktop stretti: tutto resta su una riga */
@media (min-width: 1025px) and (max-width: 1240px) {
	.dia-header { --dia-h-logo: 76px; --dia-h-font: 14px; --dia-h-gap: 18px; }
	.dia-nav__cta.dia-btn { min-height: 44px; padding: 0 20px; font-size: 14px; }
}

.dia-burger { display: none !important; }
@media (max-width: 1024px) { .dia-header .dia-burger { display: inline-flex !important; } }

@media (max-width: 1024px) {
	/* Pulsante menu: pillola verde, icona che diventa una X (sovrascrive il rosa di Hello Elementor) */
	.dia-header .dia-burger,
	.dia-header .dia-burger:hover,
	.dia-header .dia-burger:focus {
		display: inline-flex; align-items: center; justify-content: center; gap: 10px;
		margin-left: auto; height: 44px; padding: 0 16px 0 14px;
		border: 2px solid var(--dia-teal) !important; border-radius: 999px !important;
		background: #fff !important; color: var(--dia-teal-dark) !important;
		font: 700 14px/1 var(--dia-font-body); letter-spacing: .02em;
		box-shadow: none !important; cursor: pointer;
		transition: background-color .2s, color .2s;
	}
	.dia-header .dia-burger:hover { background: var(--dia-mint) !important; }
	.dia-header .dia-burger[aria-expanded="true"] { background: var(--dia-teal) !important; color: #fff !important; }
	.dia-header .dia-burger:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }

	.dia-burger__icon { position: relative; display: block; width: 20px; height: 14px; }
	.dia-burger__icon span {
		position: absolute; left: 0; width: 100%; height: 2px; border-radius: 2px;
		background: currentColor; transition: transform .25s ease, opacity .2s ease, top .25s ease;
	}
	.dia-burger__icon span:nth-child(1) { top: 0; }
	.dia-burger__icon span:nth-child(2) { top: 6px; width: 70%; }
	.dia-burger__icon span:nth-child(3) { top: 12px; }
	.dia-burger[aria-expanded="true"] .dia-burger__icon span:nth-child(1) { top: 6px; transform: rotate(45deg); }
	.dia-burger[aria-expanded="true"] .dia-burger__icon span:nth-child(2) { opacity: 0; }
	.dia-burger[aria-expanded="true"] .dia-burger__icon span:nth-child(3) { top: 6px; transform: rotate(-45deg); }
	@media (prefers-reduced-motion: reduce) { .dia-burger__icon span { transition: none; } }

	/* Pannello menu mobile */
	.dia-nav.is-open { box-shadow: 0 16px 28px rgba(20, 60, 60, .12); }
	.dia-nav__list li + li { border-top: 1px solid rgba(62, 156, 146, .18); }
	.dia-nav__list a { padding: 14px 0 !important; font-size: 17px !important; }
	.dia-nav__list .current-menu-item > a { font-weight: 700; }
	.dia-nav__cta.dia-btn { align-self: stretch; margin-top: 8px; }

	.dia-header { --dia-h-logo: 64px; }
	.dia-header__inner { min-height: 80px; }
	.dia-nav {
		display: none; position: absolute; left: 0; right: 0; top: 100%;
		flex-direction: column; align-items: stretch; gap: 16px;
		background: #fff; padding: 16px 16px 24px; border-bottom: 2px solid var(--dia-teal);
	}
	.dia-nav.is-open { display: flex; }
	.dia-nav__list { flex-direction: column; align-items: stretch; gap: 4px; margin: 0; }
	.dia-nav__list a { display: block; font-size: 16px; padding: 10px 0; }
	.dia-nav__cta { align-self: flex-start; }
}

/* ==========================================================================
   ELEMENTOR — classi usate nel template della home
   ========================================================================== */

/* Etichetta "— SCOPRI I WEBINAR 2026! —" */
.dia-eyebrow .elementor-heading-title {
	display: inline-flex; align-items: center; gap: 14px;
}
.dia-eyebrow .elementor-heading-title::before,
.dia-eyebrow .elementor-heading-title::after {
	content: ""; width: 28px; height: 1px; background: currentColor;
}

/* Titolo hero con moneta dopo FINANZIARIA */
.dia-hero-title .elementor-heading-title { line-height: .95; }
.dia-hero-title .dia-accent { color: var(--dia-teal); position: relative; }
.dia-hero-title .dia-accent::after {
	content: ""; display: inline-block; vertical-align: middle;
	width: .55em; height: .55em; margin-left: .08em; transform: translateY(-.05em);
	background: url("../img/coin.svg") center / contain no-repeat;
}

/* Hero: l'illustrazione è lo sfondo del container (modificabile da Elementor) */
@media (max-width: 767px) {
	.dia-hero { background-image: none !important; }
}

/* Timeline webinar */
.dia-timeline { --card-h: 130px; position: relative; }
.dia-timeline::before {
	content: ""; position: absolute; z-index: 0;
	left: calc(100% / 12); right: calc(100% / 12);
	top: calc(var(--card-h) + 20px + 7px);
	height: 2px; background: var(--dia-teal);
}
.dia-step { position: relative; z-index: 1; }

.dia-step__card { width: 100%; }
.dia-step__card .elementor-widget-container,
.dia-step__card.elementor-widget-image {
	height: var(--card-h);
	background: var(--dia-mint);
	border-radius: var(--dia-radius-card);
	overflow: hidden;
	display: flex; align-items: flex-end; justify-content: center;
}
.dia-step__card img { height: 100%; width: 100%; object-fit: contain; object-position: center bottom; }

.dia-step__label .elementor-heading-title { display: flex; flex-direction: column; align-items: center; gap: 12px; }
.dia-step__label .elementor-heading-title::before {
	content: ""; width: 14px; height: 14px; border-radius: 50%;
	background: #fff; border: 2px solid var(--dia-teal); box-sizing: border-box;
}

@media (max-width: 1024px) {
	.dia-timeline::before { display: none; }
}

/* Video progetto */
.dia-video .elementor-wrapper,
.dia-video .elementor-custom-embed-image-overlay {
	border-radius: var(--dia-radius-card);
	overflow: hidden;
	box-shadow: 0 18px 40px rgba(20, 40, 40, .22);
}

/* Form newsletter (widget HTML) */
.dia-nl-form { display: flex; justify-content: center; gap: 10px; flex-wrap: wrap; margin: 0 auto; }
.dia-nl-form__input {
	width: 260px; max-width: 100%; height: 42px; box-sizing: border-box;
	padding: 0 18px; border-radius: var(--dia-radius-pill);
	border: 1px solid rgba(255,255,255,.45); background: rgba(255,255,255,.18);
	color: #fff; font: 400 14px/1 var(--dia-font-body);
}
.dia-nl-form__input::placeholder { color: rgba(255,255,255,.85); }
.dia-nl-form__btn {
	height: 42px; padding: 0 22px; border: 0; cursor: pointer;
	border-radius: var(--dia-radius-pill); background: #fff; color: var(--dia-teal-dark);
	font: 700 14px/1 var(--dia-font-body);
}
.dia-nl-form__btn:hover { background: var(--dia-mint); }
.dia-nl-note { margin: 14px 0 0; text-align: center; font-size: 11px; color: rgba(255,255,255,.85); }
.dia-nl-note a { color: #fff; }

/* Loghi partner */
.dia-partner img { height: 34px; width: auto; object-fit: contain; }

/* ==========================================================================
   FOOTER
   ========================================================================== */
.dia-footer {
	background: var(--dia-footer-bg);
	color: var(--dia-footer-txt);
	font-size: 16px;
	border-top: 4px solid var(--dia-teal);   /* striscia verde */
}
.dia-footer__inner { max-width: var(--dia-container); margin: 0 auto; padding: 72px 16px 0; }
.dia-footer__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 48px; padding-bottom: 56px; }

.dia-footer-logo { display: inline-block; line-height: 0; margin-bottom: 28px; }
.dia-footer-logo__img { width: auto; height: 116px; max-width: 100%; object-fit: contain; }
.dia-footer__address { margin: 0 0 26px; line-height: 1.6; font-size: 16px; }

/* Social: cerchio scuro tinto + icona nel colore del brand */
.dia-social { display: flex; gap: 14px; list-style: none; margin: 0; padding: 0; }
.dia-social__link {
	display: inline-flex; align-items: center; justify-content: center;
	width: 42px; height: 42px; border-radius: 50%; text-decoration: none;
	transition: background-color .2s, transform .2s;
}
.dia-social__link--facebook  { background: rgba(66, 133, 244, .18); color: #5B9BFF; }
.dia-social__link--instagram { background: rgba(225, 48, 108, .18); color: #F2669A; }
.dia-social__link--youtube   { background: rgba(255, 51, 51, .18);  color: #FF5C5C; }
.dia-social__link:hover { transform: translateY(-2px); }
.dia-social__link--facebook:hover  { background: rgba(66, 133, 244, .32); }
.dia-social__link--instagram:hover { background: rgba(225, 48, 108, .32); }
.dia-social__link--youtube:hover   { background: rgba(255, 51, 51, .32); }
.dia-social__link:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }

.dia-footer__title {
	margin: 0 0 22px; font: 700 13px/1.2 var(--dia-font-body);
	letter-spacing: .16em; text-transform: uppercase; color: #BDBDBD; /* 5.96:1 sul fondo footer */
}
.dia-footer__menu { list-style: none; margin: 0; padding: 0; display: grid; gap: 14px; }
.dia-footer__menu a { color: var(--dia-footer-txt); text-decoration: none; font-size: 17px; line-height: 1.3; }
.dia-footer__menu a:hover { color: #fff; text-decoration: underline; }
.dia-footer__menu a:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }
.dia-footer__text { margin: 0 0 24px; line-height: 1.6; font-size: 17px; }
.dia-footer .dia-btn--sm { font-size: 16px; min-height: 48px; padding: 0 28px; }

.dia-footer__bottom {
	display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap;
	border-top: 1px solid rgba(255,255,255,.14); padding: 26px 0 32px; font-size: 15px;
}
.dia-footer__bottom p { margin: 0; }

@media (max-width: 767px) {
	.dia-footer__inner { padding-top: 56px; }
	.dia-footer__grid { grid-template-columns: minmax(0, 1fr); gap: 36px; }
	.dia-footer-logo__img { height: 96px; }
}

/* Torna su */
.dia-totop {
	position: fixed; right: 20px; bottom: 20px; z-index: 90;
	width: 40px; height: 40px; border-radius: 50%;
	display: inline-flex; align-items: center; justify-content: center;
	background: var(--dia-teal); color: #fff; box-shadow: 0 6px 16px rgba(0,0,0,.2);
	opacity: 0; visibility: hidden; transition: opacity .2s, visibility .2s, background-color .2s;
}
.dia-totop.is-visible { opacity: 1; visibility: visible; }
.dia-totop:hover { background: var(--dia-teal-dark); color: #fff; }

/* ==========================================================================
   SOCIAL NELL'HEADER (stesse icone del footer, tinte adatte allo sfondo bianco)
   ========================================================================== */
.dia-social--header { gap: 8px; flex: 0 0 auto; }
.dia-social--header .dia-social__link { width: 36px; height: 36px; }
.dia-social--header .dia-social__link--facebook  { background: rgba(24, 119, 242, .10); color: #1565D8; }
.dia-social--header .dia-social__link--instagram { background: rgba(193, 53, 132, .10); color: #B02A78; }
.dia-social--header .dia-social__link--youtube   { background: rgba(224, 0, 0, .09);   color: #C40000; }
.dia-social--header .dia-social__link--facebook:hover  { background: rgba(24, 119, 242, .20); }
.dia-social--header .dia-social__link--instagram:hover { background: rgba(193, 53, 132, .20); }
.dia-social--header .dia-social__link--youtube:hover   { background: rgba(224, 0, 0, .18); }

/* desktop stretti: meno spazio, icone più piccole */
@media (min-width: 1025px) and (max-width: 1240px) {
	.dia-social--header { gap: 6px; }
	.dia-social--header .dia-social__link { width: 32px; height: 32px; }
	.dia-social--header svg { width: 16px; height: 16px; }
}
/* menu mobile: icone in riga sopra il pulsante */
@media (max-width: 1024px) {
	.dia-social--header { gap: 12px; padding: 6px 0 2px; }
	.dia-social--header .dia-social__link { width: 42px; height: 42px; }
	.dia-social--header svg { width: 20px; height: 20px; }
}

/* ==========================================================================
   HOME – HERO (widget DIA)
   ========================================================================== */
.dia-hero {
  /* ---- valori da ritoccare ---- */
  --dia-hero-bg: #DCEEEE;
  --dia-hero-teal: #3E9C92;       /* campionato dal mockup */
  --dia-hero-teal-hover: #2F8178;
  --dia-hero-ink: #111111;
  --dia-hero-text: #444444;
  --dia-hero-container: 830px;    /* larghezza contenuti del mockup */
  --dia-hero-art-left: 218px;     /* distanza illustrazione dal bordo sinistro del testo */
  --dia-hero-art-width: 1180px;   /* larghezza illustrazione */
  --dia-hero-art-top: 64px;

  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);  /* esce dal container di Elementor: sempre a tutta larghezza */
  background: var(--dia-hero-bg);
  overflow: hidden;
  isolation: isolate;
}
.dia-hero *, .dia-hero *::before, .dia-hero *::after { box-sizing: border-box; }

.dia-hero__inner {
  position: relative;
  max-width: calc(var(--dia-hero-container) + 32px);
  min-height: 520px;
  margin: 0 auto;
  padding: 84px 16px 120px;
}

.dia-hero__text { position: relative; z-index: 2; max-width: 300px; }

.dia-hero__title {
  margin: 0 0 22px;
  font-family: "Amatic SC", "Arial Narrow", sans-serif;
  font-weight: 700;
  font-size: 80px;
  line-height: .86;
  letter-spacing: 2px;
  text-transform: uppercase;
  color: var(--dia-hero-ink);
}
.dia-hero__title span { display: block; white-space: nowrap; }
.dia-hero__accent { color: var(--dia-hero-teal); }

.dia-hero__lead {
  margin: 0 0 30px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: var(--dia-hero-text);
}

.dia-hero__actions { display: flex; flex-wrap: wrap; gap: 10px; }

.dia-hero__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 40px; padding: 0 22px;
  border: 2px solid var(--dia-hero-teal); border-radius: 999px;
  font-family: "DM Sans", system-ui, sans-serif; font-weight: 700; font-size: 14px; line-height: 1;
  text-decoration: none;
  transition: background-color .2s, color .2s, border-color .2s;
}
.dia-hero__btn--fill { background: var(--dia-hero-teal); color: #fff; }
.dia-hero__btn--fill:hover { background: var(--dia-hero-teal-hover); border-color: var(--dia-hero-teal-hover); color: #fff; }
.dia-hero__btn--outline { background: transparent; color: var(--dia-hero-teal); }
.dia-hero__btn--outline:hover { background: #fff; color: var(--dia-hero-teal-hover); }
.dia-hero__btn:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }

.dia-hero .dia-hero__art {
  position: absolute; z-index: 1;
  top: var(--dia-hero-art-top);
  left: calc(16px + var(--dia-hero-art-left));
  width: var(--dia-hero-art-width);
  max-width: none !important; height: auto !important;
  pointer-events: none;
}

.dia-hero__wave {
  position: absolute; z-index: 3; left: 0; bottom: -1px;
  width: 100%; height: 60px; display: block;
}

/* Tablet: testo sopra, illustrazione sotto a tutta larghezza */
@media (max-width: 1024px) {
  .dia-hero__inner { min-height: 0; padding: 56px 16px 70px; text-align: center; }
  .dia-hero__text { max-width: 560px; margin: 0 auto; }
  .dia-hero__actions { justify-content: center; }
  .dia-hero .dia-hero__art { position: static; width: 115%; margin: 28px 0 0 -7.5%; }
  .dia-hero__wave { height: 36px; }
}
@media (max-width: 600px) {
  .dia-hero__title { font-size: 60px; }
  .dia-hero__lead { font-size: 15px; }
}

/* ==========================================================================
   HOME – WEBINAR (widget DIA)
   ========================================================================== */
.dia-web {
  /* ---- valori da ritoccare ---- */
  --dia-web-teal: #3E9C92;
  --dia-web-teal-hover: #2F8178;
  --dia-web-card: #DFEEEE;
  --dia-web-ink: #111111;
  --dia-web-text: #444444;
  --dia-web-container: 1160px; /* larghezza della gabbia */
  --dia-web-card-h: 170px;     /* altezza delle card illustrate */
  --dia-web-gap: 14px;         /* spazio tra le card */
  --dia-web-dot: 18px;         /* diametro pallini timeline */
  --dia-web-dot-gap: 22px;     /* spazio tra card e pallino */

  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #fff;
}
.dia-web *, .dia-web *::before, .dia-web *::after { box-sizing: border-box; }

.dia-web__inner {
  max-width: calc(var(--dia-web-container) + 32px);
  margin: 0 auto;
  padding: 32px 16px 100px;
  text-align: center;
  font-family: "DM Sans", system-ui, sans-serif;
}

/* Etichetta con trattini */
.dia-web__eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0 0 22px;
  font-size: 16px; font-weight: 700; line-height: 1.2;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--dia-web-teal);
}
.dia-web__eyebrow::before,
.dia-web__eyebrow::after { content: ""; width: 36px; height: 1.5px; background: currentColor; }

.dia-web__title {
  margin: 0 0 22px;
  font-family: "Amatic SC", "Arial Narrow", sans-serif;
  font-weight: 700; font-size: 72px; line-height: 1; letter-spacing: 1px;
  color: var(--dia-web-ink);
}

.dia-web__lead {
  margin: 0 0 36px;
  font-size: 17px; line-height: 1.45;
  color: var(--dia-web-text);
}

/* Timeline */
.dia-web__timeline {
  position: relative;
  display: grid; grid-template-columns: repeat(var(--dia-web-cols, 6), minmax(0, 1fr));
  column-gap: var(--dia-web-gap); row-gap: 36px;
  margin: 0 0 52px; padding: 0; list-style: none;
}
/* linea: dal centro del primo pallino al centro dell'ultimo, sfumata agli estremi */
.dia-web__timeline::before {
  content: ""; position: absolute; z-index: 0;
  top: calc(var(--dia-web-card-h) + var(--dia-web-dot-gap) + var(--dia-web-dot) / 2 - 1px);
  left:  calc((100% - (var(--dia-web-cols, 6) - 1) * var(--dia-web-gap)) / (var(--dia-web-cols, 6) * 2));
  right: calc((100% - (var(--dia-web-cols, 6) - 1) * var(--dia-web-gap)) / (var(--dia-web-cols, 6) * 2));
  height: 3px;
  background: linear-gradient(90deg,
    rgba(62,156,146,.12) 0%, var(--dia-web-teal) 20%,
    var(--dia-web-teal) 80%, rgba(62,156,146,.12) 100%);
}

.dia-web__step { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; margin: 0; }

.dia-web__card {
  width: 100%; height: var(--dia-web-card-h);
  background: var(--dia-web-card); border-radius: 14px; overflow: hidden;
  display: flex; align-items: flex-end; justify-content: center;
}
.dia-web .dia-web__card img {
  display: block; width: 100% !important; height: 100% !important; max-width: none !important;
  object-fit: contain; object-position: center bottom;
}

.dia-web__dot {
  width: var(--dia-web-dot); height: var(--dia-web-dot);
  margin: var(--dia-web-dot-gap) 0 16px;
  border-radius: 50%; background: #fff; border: 3px solid var(--dia-web-teal);
}

.dia-web__label {
  margin: 0 0 10px;
  font-size: 13px; font-weight: 700; line-height: 1.25;
  letter-spacing: .12em; text-transform: uppercase;
  color: var(--dia-web-teal);
}
.dia-web__name {
  margin: 0; padding: 0 6px;
  font-family: "DM Sans", system-ui, sans-serif;
  font-size: 15px; font-weight: 500; line-height: 1.4;
  color: var(--dia-web-ink);
}

.dia-web__btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 50px; padding: 0 30px;
  border-radius: 999px; background: var(--dia-web-teal); color: #fff;
  font-size: 16px; font-weight: 700; line-height: 1; text-decoration: none;
  box-shadow: 0 8px 18px rgba(30, 80, 75, .18);
  transition: background-color .2s;
}
.dia-web__btn:hover { background: var(--dia-web-teal-hover); color: #fff; }
.dia-web__btn:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }

/* Desktop piccolo: testi leggermente ridotti */
@media (max-width: 1100px) {
  .dia-web { --dia-web-card-h: 150px; }
  .dia-web__label { font-size: 12px; }
  .dia-web__name { font-size: 14px; }
}
/* Tablet: 3 colonne, niente linea */
@media (max-width: 900px) {
  .dia-web { --dia-web-card-h: 190px; --dia-web-gap: 18px; }
  .dia-web__timeline { grid-template-columns: repeat(3, minmax(0, 1fr)); row-gap: 36px; }
  .dia-web__timeline::before { display: none; }
  .dia-web__label { font-size: 13px; }
  .dia-web__name { font-size: 15px; }
}
/* Mobile: 2 colonne */
@media (max-width: 560px) {
  .dia-web__inner { padding: 32px 16px 64px; }
  .dia-web__title { font-size: 48px; }
  .dia-web__eyebrow { font-size: 13px; }
  .dia-web { --dia-web-card-h: 150px; --dia-web-gap: 12px; }
  .dia-web__lead { font-size: 15px; }
  .dia-web__lead br { display: none; }
  .dia-web__timeline { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

/* ==========================================================================
   HOME – VIDEO "IL PROGETTO" (widget DIA)
   ========================================================================== */
.dia-prj {
  /* ---- valori da ritoccare ---- */
  --dia-prj-bg: #DCEEEE;
  --dia-prj-teal: #3E9C92;
  --dia-prj-ink: #111111;
  --dia-prj-video: 890px;     /* larghezza massima del video */

  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: var(--dia-prj-bg);
  overflow: hidden;
}
.dia-prj *, .dia-prj *::before, .dia-prj *::after { box-sizing: border-box; }

.dia-prj__curve { position: absolute; top: -1px; left: 0; width: 100%; height: 50px; display: block; }

.dia-prj__inner {
  position: relative;
  max-width: calc(var(--dia-prj-video) + 32px);
  margin: 0 auto;
  padding: 110px 16px 110px;
  text-align: center;
  font-family: "DM Sans", system-ui, sans-serif;
}

.dia-prj__eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0 0 22px;
  font-size: 16px; font-weight: 700; line-height: 1.2;
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--dia-prj-teal);
}
.dia-prj__eyebrow::before,
.dia-prj__eyebrow::after { content: ""; width: 36px; height: 1.5px; background: currentColor; }

.dia-prj__title {
  margin: 0 0 52px;
  font-family: "Amatic SC", "Arial Narrow", sans-serif;
  font-weight: 700; font-size: 72px; line-height: 1; letter-spacing: 1px;
  color: var(--dia-prj-ink);
}

.dia-prj__video {
  position: relative;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: #111;
  box-shadow: 0 22px 44px rgba(20, 60, 60, .20);
}
.dia-prj__video iframe { position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }

.dia-prj__play {
  position: absolute; inset: 0; width: 100%; height: 100%;
  padding: 0; border: 0; background: none; cursor: pointer;
}
.dia-prj .dia-prj__poster { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.dia-prj__icon {
  position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
  line-height: 0; filter: drop-shadow(0 4px 10px rgba(0,0,0,.25));
  transition: transform .2s;
}
.dia-prj__play:hover .dia-prj__icon { transform: translate(-50%, -50%) scale(1.08); }
.dia-prj__play:focus-visible { outline: 4px solid #F2B705; outline-offset: -4px; }

/* Link testuale: visibile solo da tastiera / lettori di schermo */
.dia-prj__alt { margin: 0; }
.dia-prj__alt a, .dia-prj__sr {
  position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap;
}
.dia-prj__alt a:focus {
  position: static; width: auto; height: auto; clip: auto;
  display: inline-block; margin-top: 16px; color: var(--dia-prj-ink);
}

@media (max-width: 1024px) {
  .dia-prj__inner { padding: 90px 16px 90px; }
  .dia-prj__title { font-size: 60px; margin-bottom: 40px; }
}
@media (max-width: 560px) {
  .dia-prj__curve { height: 28px; }
  .dia-prj__inner { padding: 64px 16px 72px; }
  .dia-prj__eyebrow { font-size: 13px; }
  .dia-prj__title { font-size: 48px; margin-bottom: 28px; }
  .dia-prj__video { border-radius: 12px; }
  .dia-prj__icon svg { width: 56px; height: 40px; }
}

/* ==========================================================================
   HOME – NEWSLETTER (widget DIA)
   ========================================================================== */
/* ---------- Sezione ---------- */
.dia-nl {
  --dia-nl-bg: #3E9C92;      /* verde acqua */
  --dia-nl-above: #DCEEEE;   /* colore della sezione sopra (video) */
  --dia-nl-below: #FFFFFF;   /* colore della sezione sotto (partner) */
  --dia-nl-btn-text: #2F8178;
  --dia-nl-display: "Amatic SC", "Arial Narrow", sans-serif;
  --dia-nl-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);   /* sempre a tutta larghezza, anche dentro un container boxed */
  padding: 130px 16px 150px;
  background: var(--dia-nl-bg);
  overflow: hidden;
  font-family: var(--dia-nl-body);
  color: #fff;
  text-align: center;
  box-sizing: border-box;
}
.dia-nl *, .dia-nl *::before, .dia-nl *::after { box-sizing: border-box; }

.dia-nl__curve { position: absolute; left: 0; width: 100%; height: 50px; display: block; pointer-events: none; }
.dia-nl__curve--top { top: -1px; fill: var(--dia-nl-above); }
.dia-nl__curve--bottom { bottom: -1px; fill: var(--dia-nl-below); }

.dia-nl__inner { position: relative; z-index: 1; max-width: 760px; margin: 0 auto; }

/* ---------- Testi ---------- */
.dia-nl .dia-nl__eyebrow {
  display: inline-flex; align-items: center; gap: 12px;
  margin: 0 0 22px; padding: 0;
  font: 700 16px/1.2 var(--dia-nl-body);
  letter-spacing: .14em; text-transform: uppercase;
  color: rgba(255,255,255,.95); /* AA 5.1:1 */
}
.dia-nl .dia-nl__eyebrow::before,
.dia-nl .dia-nl__eyebrow::after { content: ""; width: 36px; height: 1.5px; background: currentColor; }

.dia-nl .dia-nl__title {
  margin: 0 0 26px; padding: 0;
  font: 700 72px/1 var(--dia-nl-display);
  letter-spacing: 1px; text-transform: none;
  color: #fff;
}
.dia-nl .dia-nl__lead {
  margin: 0 0 36px; padding: 0;
  font: 400 19px/1.6 var(--dia-nl-body);
  color: #fff;
}

/* ---------- FireBox: via la "scatola" del popup ---------- */
.dia-nl__form .fb-inst,
.dia-nl__form .fb-dialog,
.dia-nl__form .fb-container,
.dia-nl__form .fb-dialog-content {
  position: static !important; inset: auto !important; transform: none !important;
  width: auto !important; max-width: none !important; height: auto !important; min-height: 0 !important;
  margin: 0 auto !important; padding: 0 !important;
  background: transparent !important; border: 0 !important; border-radius: 0 !important; box-shadow: none !important;
  animation: none !important; opacity: 1 !important; visibility: visible !important;
  overflow: visible !important;
}
/* nessun contenitore deve tagliare l'anello di focus */
.dia-nl__form,
.dia-nl__form .wp-block-firebox-form,
.dia-nl__form .fb-fields,
.dia-nl__form .fb-fields > *,
.dia-nl__form .fb-form-control-input { overflow: visible !important; }
.dia-nl__form { padding: 6px 0; }
.dia-nl__form .fb-close,
.dia-nl__form img,
.dia-nl__form figure { display: none !important; }

/* ---------- Form FireBox (classi reali del markup) ---------- */
.dia-nl__form .wp-block-firebox-form {
  /* variabili del form FireBox sovrascritte */
  --gap: 14px !important;
  --input-font-size: 16px !important;
  --input-text-color: #fff !important;
  --input-placeholder-text-color: #fff !important;
  --input-background-color: rgba(255,255,255,.08) !important;
  --input-border: 1px solid rgba(255,255,255,.7) !important;
  --input-border-radius: 999px !important;
  --input-padding: 0 24px !important;
  --error-text-color: #FFE08A !important;
  max-width: 560px; margin: 0 auto !important; padding: 0 !important;
  background: transparent !important;
}

/* email + pulsante sulla stessa riga, privacy sotto */
.dia-nl__form .fb-fields {
  display: flex !important; flex-direction: row !important; flex-wrap: wrap !important;
  justify-content: center !important; align-items: flex-start !important;
  gap: 14px !important; margin: 0 !important; padding: 0 !important;
}
.dia-nl__form .fb-fields > * { margin: 0 !important; }
.dia-nl__form .fb-fields > .wp-block-firebox-email   { order: 1; flex: 1 1 300px !important; width: auto !important; min-width: 0; --field-width: auto !important; }
.dia-nl__form .fb-fields > .wp-block-firebox-buttons { order: 2; flex: 0 0 auto !important; width: auto !important; justify-content: center !important; }
.dia-nl__form .fb-fields > p                         { order: 3; flex: 0 0 100% !important; }

.dia-nl__form .fb-form-control-input { width: 100% !important; margin: 0 !important; }

/* campo email */
.dia-nl__form input.fb-form-input,
.dia-nl__form input[type="email"] {
  box-sizing: border-box !important;
  width: 100% !important; height: 52px !important; margin: 0 !important;
  padding: 0 24px !important;
  border: 1px solid rgba(255,255,255,.7) !important; border-radius: 999px !important;
  background: rgba(255,255,255,.08) !important; /* testo bianco AA 4.6:1 */ box-shadow: none !important;
  font: 400 16px/1 var(--dia-nl-body) !important;
  color: #fff !important;
}
.dia-nl__form input.fb-form-input::placeholder { color: #fff !important; opacity: 1; }
.dia-nl__form input.fb-form-input:focus { outline: none !important; box-shadow: 0 0 0 3px #F2B705 !important; background: rgba(255,255,255,.08) !important; }

/* pulsante "Iscriviti" (in FireBox è un link <a>) */
.dia-nl__form .wp-block-firebox-button .firebox-block-button-element {
  box-sizing: border-box !important;
  display: inline-flex !important; align-items: center; justify-content: center;
  height: 52px !important; min-width: 128px; margin: 0 !important;
  padding: 0 30px !important;
  border: 0 !important; border-radius: 999px !important;
  background: #fff !important; color: var(--dia-nl-btn-text) !important;
  font: 700 16px/1 var(--dia-nl-body) !important;
  text-decoration: none !important;
  box-shadow: 0 8px 18px rgba(0, 40, 35, .18) !important;
  cursor: pointer; transition: background-color .2s;
}
.dia-nl__form .wp-block-firebox-button .firebox-block-button-element:hover { background: #DCEEEE !important; color: var(--dia-nl-btn-text) !important; }
.dia-nl__form .wp-block-firebox-button .firebox-block-button-element:focus-visible { outline: 3px solid #F2B705 !important; outline-offset: 3px; }

/* testo privacy (il paragrafo ha padding e colori inline: li azzero) */
.dia-nl__form .fb-fields > p {
  margin-top: 4px !important; padding: 0 !important;
  text-align: center !important;
  font: 400 13px/1.5 var(--dia-nl-body) !important;
  color: rgba(255,255,255,.9) !important;
}
.dia-nl__form .fb-fields > p strong,
.dia-nl__form .fb-fields > p mark { font-weight: 400 !important; background: none !important; color: inherit !important; }
.dia-nl__form .fb-fields > p a { color: #fff !important; text-decoration: underline !important; font-weight: 400 !important; }

/* messaggi di errore / conferma di FireBox */
.dia-nl__form [class*="error"] { color: #FFE08A !important; font-size: 14px !important; }
.dia-nl__form [class*="success"],
.dia-nl__form [class*="response"] { color: #fff !important; text-align: center; font-size: 15px; }

/* ---------- Responsive ---------- */
@media (max-width: 1024px) {
  .dia-nl { padding: 110px 16px 130px; }
  .dia-nl .dia-nl__title { font-size: 60px; }
}
@media (max-width: 560px) {
  .dia-nl { padding: 80px 16px 96px; }
  .dia-nl__curve { height: 28px; }
  .dia-nl .dia-nl__eyebrow { font-size: 13px; }
  .dia-nl .dia-nl__title { font-size: 48px; }
  .dia-nl .dia-nl__lead { font-size: 16px; }
  .dia-nl__form .fb-fields > .wp-block-firebox-buttons { flex: 1 1 100% !important; }
  .dia-nl__form .wp-block-firebox-button { width: 100%; }
  .dia-nl__form .wp-block-firebox-button .firebox-block-button-element { width: 100% !important; }
}

/* ==========================================================================
   HOME – PARTNER (widget DIA)
   ========================================================================== */
.dia-prt {
  --dia-prt-ink: #2B2B2B;
  --dia-prt-title: #434343;
  --dia-prt-logo-h: 50px;        /* altezza dei loghi */
  --dia-prt-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;

  width: 100vw;
  margin-left: calc(50% - 50vw);
  background: #fff;
  font-family: var(--dia-prt-body);
  box-sizing: border-box;
}
.dia-prt *, .dia-prt *::before, .dia-prt *::after { box-sizing: border-box; }

.dia-prt__inner {
  max-width: 1100px;
  margin: 0 auto;
  padding: 56px 16px 80px;
  text-align: center;
}

.dia-prt .dia-prt__title {
  margin: 0 0 40px; padding: 0;
  font: 700 18px/1.2 var(--dia-prt-body);
  letter-spacing: .14em; text-transform: uppercase;
  color: var(--dia-prt-title);
}

.dia-prt__list {
  display: flex; flex-wrap: wrap; justify-content: center; align-items: flex-start;
  gap: 32px 56px;
  margin: 0; padding: 0; list-style: none;
}
.dia-prt__item {
  display: flex; flex-direction: column; align-items: center; gap: 18px;
  margin: 0; padding: 0;
  min-width: 200px;
}
.dia-prt__item::before, .dia-prt__item::marker { content: none; }

.dia-prt__logo {
  display: flex; align-items: center; justify-content: center;
  height: var(--dia-prt-logo-h);
}
.dia-prt .dia-prt__logo img {
  display: block;
  height: 100% !important; width: auto !important; max-width: 230px;
  object-fit: contain;
}

.dia-prt__role {
  font: 500 17px/1.2 var(--dia-prt-body);
  letter-spacing: .03em; text-transform: uppercase;
  color: var(--dia-prt-ink);
}

@media (max-width: 900px) {
  .dia-prt__list { gap: 40px 32px; }
  .dia-prt__item { flex: 0 0 calc(50% - 16px); min-width: 0; }
}
@media (max-width: 480px) {
  .dia-prt__inner { padding: 40px 16px 56px; }
  .dia-prt .dia-prt__title { font-size: 15px; margin-bottom: 32px; }
  .dia-prt { --dia-prt-logo-h: 42px; }
  .dia-prt .dia-prt__logo img { max-width: 100%; }
  .dia-prt__role { font-size: 14px; }
}

.dia-prt__logo a { display: flex; height: 100%; align-items: center; }
.dia-prt__logo a:focus-visible { outline: 3px solid #F2B705; outline-offset: 4px; border-radius: 4px; }
/* Hello Elementor colora i <button>: il pulsante del video resta trasparente */
.dia-prj .dia-prj__play, .dia-prj .dia-prj__play:hover, .dia-prj .dia-prj__play:focus { background: none !important; border: 0 !important; border-radius: 0 !important; color: inherit; }

/* ==========================================================================
   POPUP NEWSLETTER (FireBox): croce di chiusura sempre intera e comoda da toccare
   ========================================================================== */
html body .fb-inst .fb-close {
	z-index: 10 !important;
	min-width: 44px !important; min-height: 44px !important;
	display: flex !important; align-items: center !important; justify-content: center !important;
	opacity: 1 !important; visibility: visible !important; overflow: visible !important;
}
html body .fb-inst .fb-close:focus-visible { outline: 3px solid #F2B705 !important; outline-offset: 2px !important; }
@media (max-width: 600px) {
	/* su mobile la croce "esterna" finiva fuori dallo schermo: la porto dentro la finestra */
	html body .fb-inst .fb-close {
		position: absolute !important; top: 8px !important; right: 8px !important; left: auto !important; bottom: auto !important;
		width: 44px !important; height: 44px !important; margin: 0 !important; padding: 0 !important; transform: none !important;
		border-radius: 50% !important; background: #fff !important; color: #111 !important;
		box-shadow: 0 2px 8px rgba(0, 0, 0, .2) !important;
	}
	html body .fb-inst .fb-close svg { width: 18px !important; height: 18px !important; fill: currentColor; }
}
/* nella sezione newsletter della home il modulo è incorporato: lì la croce non serve */
html body .dia-nl__form .fb-close { display: none !important; }

/* ==============================================================
 * Accessibilità (WCAG 2.1 AA) — 1.4.1
 * ============================================================ */
/* 1.4.1 Uso del colore: i link dentro i testi si distinguono anche senza colore */
.entry-content p a:not(.dia-btn):not(.elementor-button),
.entry-content li a:not(.dia-btn):not(.elementor-button),
.elementor-widget-text-editor a:not(.elementor-button),
.elementor-widget-theme-post-content p a,
.elementor-widget-theme-post-content li a {
	text-decoration: underline !important;
	text-underline-offset: .18em;
	text-decoration-thickness: 1px;
}
.entry-content p a:hover, .elementor-widget-text-editor a:hover { text-decoration-thickness: 2px; }

/* Footer: "Preferenze cookie" (pulsante SureCookie) con lo stesso aspetto delle altre voci */
.dia-footer__menu .dia-footer__cookie > *:not(a):not(button) { display: contents; }
.dia-footer__menu .dia-footer__cookie a,
.dia-footer__menu .dia-footer__cookie button {
	all: unset;
	display: inline; cursor: pointer;
	color: var(--dia-footer-txt) !important;
	background: none !important; border: 0 !important; box-shadow: none !important;
	padding: 0 !important; margin: 0 !important; min-height: 0 !important;
	font: 400 17px/1.3 var(--dia-font-body) !important;
	text-decoration: none !important; text-transform: none !important; letter-spacing: 0 !important;
}
.dia-footer__menu .dia-footer__cookie a:hover,
.dia-footer__menu .dia-footer__cookie button:hover { color: #fff !important; text-decoration: underline !important; }
.dia-footer__menu .dia-footer__cookie a:focus-visible,
.dia-footer__menu .dia-footer__cookie button:focus-visible { outline: 3px solid #F2B705 !important; outline-offset: 3px; }
.dia-footer__menu .dia-footer__cookie svg { display: none; } /* eventuale icona del plugin */

/* ==========================================================================
   WEBINAR (home): tappe cliccabili — il link è sul titolo, l'area si estende a tutta la tappa
   ========================================================================== */
.dia-web .dia-web__link { color: inherit !important; text-decoration: none !important; }
.dia-web .dia-web__link::after { content: ""; position: absolute; inset: 0; z-index: 2; border-radius: 14px; }
.dia-web__step.has-link .dia-web__name { text-decoration: underline; text-decoration-color: rgba(62, 156, 146, .45); text-underline-offset: 4px; text-decoration-thickness: 1.5px; }
.dia-web__step.has-link .dia-web__card { transition: transform .25s ease, box-shadow .25s ease; }
.dia-web__step.has-link:hover .dia-web__card { transform: translateY(-4px); box-shadow: 0 14px 28px rgba(30, 80, 75, .16); }
.dia-web__step.has-link:hover .dia-web__name { color: var(--dia-teal-dark); text-decoration-color: currentColor; }
.dia-web__step.has-link:hover .dia-web__dot { background: var(--dia-web-teal); }
.dia-web .dia-web__link:focus-visible { outline: none; }
.dia-web .dia-web__link:focus-visible::after { outline: 3px solid #F2B705; outline-offset: 4px; }
@media (prefers-reduced-motion: reduce) { .dia-web__step.has-link .dia-web__card { transition: none; } .dia-web__step.has-link:hover .dia-web__card { transform: none; } }

/* ==========================================================================
   ARTICOLO (single.php) e PAGINE SCRITTE CON L'EDITOR (page.php)
   ========================================================================== */
.dia-post__wrap { max-width: 860px; margin: 0 auto; padding: 0 16px; }
.dia-post__wrap--wide { max-width: var(--dia-container); }
.dia-post__header { position: relative; background: var(--dia-mint); padding: 34px 0 72px; }
.dia-post__wave { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 50px; display: block; }

.dia-crumbs ol { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin: 0 0 22px; padding: 0; font-size: 14px; line-height: 1.4; color: var(--dia-muted); }
.dia-crumbs li + li::before { content: "›"; margin-right: 6px; color: #8FB9B4; }
.dia-crumbs a { color: var(--dia-text); text-decoration: none; }
.dia-crumbs a:hover { color: var(--dia-teal-dark); text-decoration: underline; }
.dia-crumbs a:focus-visible { outline: 3px solid #F2B705; outline-offset: 2px; border-radius: 3px; }
.dia-crumbs [aria-current] { color: var(--dia-ink); font-weight: 500; }

.dia-post__eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 10px; font-size: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--dia-teal-dark); }
.dia-post__eyebrow::before { content: ""; width: 32px; height: 2px; background: currentColor; }
.dia-post .dia-post__title, .dia-list .dia-post__title { margin: 0 0 14px; font: 700 clamp(44px, 5.4vw, 68px)/1 var(--dia-font-display); letter-spacing: .5px; color: var(--dia-ink); text-transform: none; overflow-wrap: anywhere; }
.dia-post__lead { margin: 0 0 16px; font-size: 20px; line-height: 1.5; color: var(--dia-text); }
.dia-post__meta { display: flex; flex-wrap: wrap; gap: 8px 22px; margin: 0; font-size: 15px; font-weight: 500; color: var(--dia-muted); }
.dia-post__meta span { display: inline-flex; align-items: center; gap: 7px; }
.dia-post__meta svg { color: var(--dia-teal); }

.dia-post__main { padding-top: 8px; padding-bottom: 56px; }
.dia-post__hero { margin: 0 0 36px; }
.dia-post__hero .dia-post__img { display: block; width: 100% !important; max-width: 100% !important; height: auto !important; max-height: 520px; object-fit: contain; background: var(--dia-mint); border-radius: var(--dia-radius-card); box-shadow: 0 16px 36px rgba(30, 80, 75, .14); }
.dia-post__hero figcaption { margin-top: 10px; font-size: 14px; color: var(--dia-muted); text-align: center; }

/* testo dell'articolo, anche quando è fatto con i widget di Elementor */
.dia-post__content { font-size: 18px; line-height: 1.7; color: var(--dia-text); overflow-wrap: break-word; }
.dia-post__content .elementor-section .elementor-container,
.dia-post__content .e-con, .dia-post__content .e-con-inner { max-width: 100% !important; padding-left: 0 !important; padding-right: 0 !important; }
.dia-post__content .elementor-widget-container { font-size: inherit !important; line-height: inherit !important; color: inherit !important; font-family: inherit !important; }
.dia-post__content p, .dia-post__content ul, .dia-post__content ol { margin: 0 0 1.05em; }
.dia-post__content p:empty { display: none; }
.dia-post__content h2, .dia-post__content h3, .dia-post__content h4 { margin: 1.5em 0 .5em; font-family: var(--dia-font-body); font-weight: 700; line-height: 1.25; color: var(--dia-ink); }
.dia-post__content h2 { font-size: 28px; }
.dia-post__content h3 { font-size: 22px; }
.dia-post__content h4 { font-size: 19px; }
.dia-post__content strong, .dia-post__content b { color: var(--dia-ink); }
.dia-post__content a:not(.elementor-button) { color: var(--dia-teal-dark); text-decoration: underline; text-underline-offset: 3px; overflow-wrap: anywhere; }
.dia-post__content a:not(.elementor-button):hover { text-decoration-thickness: 2px; }
.dia-post__content a:focus-visible { outline: 3px solid #F2B705; outline-offset: 2px; border-radius: 3px; }
.dia-post__content ul li::marker, .dia-post__content ol li::marker { color: var(--dia-teal); font-weight: 700; }
.dia-post__content img { max-width: 100% !important; height: auto !important; border-radius: 10px; }
.dia-post__content blockquote { margin: 1.5em 0; padding: 16px 22px; border-left: 4px solid var(--dia-teal); background: var(--dia-mint); border-radius: 0 10px 10px 0; color: var(--dia-ink); }
.dia-post__content hr, .dia-post__content .elementor-divider-separator { border: 0 !important; border-top: 1px solid #D5E6E4 !important; margin: 1.8em 0; }
.dia-post__content iframe[src*="youtube"], .dia-post__content iframe[src*="vimeo"] { width: 100%; height: auto; aspect-ratio: 16 / 9; border: 0; border-radius: 10px; }
.dia-post__content table { width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 16px; }
.dia-post__content th, .dia-post__content td { padding: 10px 12px; border: 1px solid #D5E6E4; text-align: left; vertical-align: top; }
.dia-post__content th { background: var(--dia-mint); color: var(--dia-ink); }
/* riquadro con data e ora (vecchio paragrafo "con bordo" degli articoli dei webinar) */
.dia-post__content p[style*="border-width: 3px"],
.dia-post__content p.has-border-color {
	display: inline-flex; align-items: center; gap: 10px;
	padding: 12px 18px !important; border: 0 !important; border-left: 4px solid var(--dia-teal) !important;
	border-radius: 0 10px 10px 0; background: var(--dia-mint);
	font-weight: 700; color: var(--dia-ink) !important;
}
/* pulsanti di Elementor dentro l'articolo (es. "Iscriviti") con lo stile del sito */
.dia-post__content .elementor-button {
	display: inline-flex !important; align-items: center; gap: 10px; min-height: 50px; padding: 0 30px !important;
	border-radius: 999px !important; background: var(--dia-teal) !important; color: #fff !important;
	font: 700 16px/1 var(--dia-font-body) !important; text-decoration: none !important;
	box-shadow: 0 8px 18px rgba(30, 80, 75, .18); transition: background-color .2s;
}
.dia-post__content .elementor-button:hover { background: var(--dia-teal-dark) !important; }
.dia-post__content .elementor-button:focus-visible { outline: 3px solid #F2B705 !important; outline-offset: 3px; }
.dia-post__content .elementor-button-icon { display: none; }
.dia-post__content .elementor-widget-button { margin-top: 8px; }

.dia-post__footer { margin-top: 40px; padding-top: 22px; border-top: 1px solid #D5E6E4; display: flex; justify-content: flex-end; }
.dia-share { display: flex; align-items: center; flex-wrap: wrap; gap: 10px 14px; }
.dia-share__label { margin: 0; font-size: 15px; font-weight: 700; color: var(--dia-ink); }
.dia-share__list { display: flex; gap: 8px; list-style: none; margin: 0; padding: 0; }
.dia-post .dia-share__btn { display: inline-flex; align-items: center; justify-content: center; width: 42px; height: 42px; padding: 0 !important; border-radius: 50% !important; border: 1px solid #CFE3E0 !important; background: #fff !important; color: var(--dia-ink) !important; cursor: pointer; text-decoration: none; transition: background-color .2s, color .2s; }
.dia-post .dia-share__btn:hover, .dia-post .dia-share__btn.is-done { background: var(--dia-teal) !important; border-color: var(--dia-teal) !important; color: #fff !important; }
.dia-post .dia-share__btn:focus-visible { outline: 3px solid #F2B705; outline-offset: 2px; }
.dia-share__msg { flex-basis: 100%; margin: 0; font-size: 14px; font-weight: 500; color: var(--dia-teal-dark); text-align: right; }
.dia-share__msg:empty { display: none; }

.dia-post__cta { margin-top: 36px; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; padding: 26px 30px; border-radius: 16px; background: var(--dia-teal); color: #fff; }
.dia-post__cta-title { margin: 0 0 4px; font: 700 34px/1 var(--dia-font-display); color: #fff; }
.dia-post__cta-text { margin: 0; font-size: 16px; color: #fff; }
.dia-post .dia-post__cta-btn, .dia-list .dia-post__cta-btn { background: #fff; color: var(--dia-teal-dark); border-color: #fff; min-height: 50px; padding: 0 28px; font-size: 16px; }
.dia-post .dia-post__cta-btn:hover, .dia-list .dia-post__cta-btn:hover { background: var(--dia-ink); border-color: var(--dia-ink); color: #fff; }
.dia-post .dia-post__cta-btn:focus-visible, .dia-list .dia-post__cta-btn:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }

.dia-related { background: var(--dia-mint); padding: 56px 0 64px; }
.dia-related__title { margin: 0 0 24px; font: 700 52px/1 var(--dia-font-display); color: var(--dia-ink); text-align: center; }
.dia-related__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.dia-related__item { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 14px; overflow: hidden; box-shadow: 0 8px 22px rgba(30, 80, 75, .08); transition: transform .25s ease, box-shadow .25s ease; }
.dia-related__item:hover { transform: translateY(-4px); box-shadow: 0 16px 32px rgba(30, 80, 75, .14); }
.dia-related__media { aspect-ratio: 16 / 10; background: #CFE6E3; overflow: hidden; }
.dia-related .dia-related__img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; }
.dia-related__ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #DDEFEE, #BFE0DB); }
.dia-related__body { padding: 16px 18px 20px; }
.dia-related__date { margin: 0 0 6px; font-size: 13px; font-weight: 600; color: var(--dia-teal-dark); }
.dia-related__name { margin: 0; font: 600 17px/1.35 var(--dia-font-body); color: var(--dia-ink); }
.dia-related__name a { color: inherit; text-decoration: none; }
.dia-related__name a::after { content: ""; position: absolute; inset: 0; }
.dia-related__item:hover .dia-related__name a { text-decoration: underline; }
.dia-related__name a:focus-visible { outline: none; }
.dia-related__name a:focus-visible::after { outline: 3px solid #F2B705; outline-offset: 3px; border-radius: 14px; }

.dia-post--page .dia-post__header { padding-bottom: 64px; }

@media (max-width: 900px) { .dia-related__list { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 640px) {
	.dia-post__header { padding: 22px 0 56px; }
	.dia-post__lead { font-size: 18px; }
	.dia-post__content { font-size: 17px; }
	.dia-post__content h2 { font-size: 24px; }
	.dia-post__hero { margin-bottom: 26px; }
	.dia-post__footer { justify-content: flex-start; }
	.dia-share__msg { text-align: left; }
	.dia-post__cta { padding: 22px; }
	.dia-post .dia-post__cta-btn, .dia-list .dia-post__cta-btn { width: 100%; }
	.dia-related__list { grid-template-columns: 1fr; }
	.dia-related__title { font-size: 44px; }
}
@media (prefers-reduced-motion: reduce) { .dia-related__item { transition: none; } .dia-related__item:hover { transform: none; } }

/* ==========================================================================
   ELENCO ARTICOLI (categorie, archivi, ricerca)
   ========================================================================== */
.dia-list__heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 32px; }
.dia-list .dia-list__intro { max-width: 640px; margin-bottom: 0; }
.dia-search { position: relative; flex: 0 0 300px; margin-bottom: 6px; }
.dia-search input[type="search"] { box-sizing: border-box; width: 100%; height: 50px; margin: 0; padding: 0 54px 0 22px; border: 1px solid #B9D8D4; border-radius: 999px; background: #fff; font: 400 16px/1 var(--dia-font-body); color: var(--dia-ink); -webkit-appearance: none; appearance: none; }
.dia-search input[type="search"]::placeholder { color: var(--dia-muted); opacity: 1; }
.dia-search input[type="search"]:focus { outline: none; border-color: var(--dia-teal-dark); box-shadow: 0 0 0 3px #F2B705; }
.dia-list .dia-search button { position: absolute; top: 5px; right: 5px; width: 40px; height: 40px; padding: 0; margin: 0; display: inline-flex; align-items: center; justify-content: center; border: 0 !important; border-radius: 50% !important; background: var(--dia-teal) !important; color: #fff !important; cursor: pointer; }
.dia-list .dia-search button:hover { background: var(--dia-teal-dark) !important; }
.dia-list .dia-search button:focus-visible { outline: 3px solid #F2B705; outline-offset: 2px; }

.dia-list__body { padding-top: 12px; padding-bottom: 64px; }
.dia-cards { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; }
.dia-card { position: relative; display: flex; flex-direction: column; background: #fff; border-radius: 16px; overflow: hidden; border: 1px solid #DCEBE9; box-shadow: 0 10px 26px rgba(30, 80, 75, .08); transition: transform .25s ease, box-shadow .25s ease; }
.dia-card:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(30, 80, 75, .15); }
.dia-card__media { aspect-ratio: 16 / 9; background: var(--dia-mint); overflow: hidden; }
.dia-list .dia-card__img { display: block; width: 100% !important; height: 100% !important; max-width: none !important; object-fit: cover; object-position: center; transition: transform .5s ease; }
.dia-card:hover .dia-card__img { transform: scale(1.03); }
.dia-card__ph { display: block; width: 100%; height: 100%; background: linear-gradient(135deg, #DDEFEE, #BFE0DB); }
.dia-card__body { display: flex; flex-direction: column; gap: 8px; flex: 1; padding: 20px 24px 24px; }
.dia-card__meta { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; margin: 0; font-size: 14px; font-weight: 600; color: var(--dia-teal-dark); }
.dia-card__cat { padding: 4px 10px; border-radius: 999px; background: var(--dia-mint); color: var(--dia-ink); font-size: 12px; letter-spacing: .06em; text-transform: uppercase; }
.dia-card__title { margin: 0; font: 700 21px/1.3 var(--dia-font-body); color: var(--dia-ink); }
.dia-list .dia-card__link { color: inherit; text-decoration: none; }
.dia-list .dia-card__link::after { content: ""; position: absolute; inset: 0; z-index: 1; }
.dia-card:hover .dia-card__link { text-decoration: underline; text-decoration-color: var(--dia-teal); text-underline-offset: 4px; }
.dia-list .dia-card__link:focus-visible { outline: none; }
.dia-list .dia-card__link:focus-visible::after { outline: 3px solid #F2B705; outline-offset: 3px; border-radius: 16px; }
.dia-card__excerpt { margin: 0; font-size: 16px; line-height: 1.55; color: var(--dia-text); }
.dia-card__more { display: inline-flex; align-items: center; gap: 8px; margin-top: auto; padding-top: 8px; font-size: 15px; font-weight: 700; color: var(--dia-teal-dark); }

.dia-pagination { margin-top: 40px; }
.dia-pagination .nav-links { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; }
.dia-pagination .page-numbers { display: inline-flex; align-items: center; justify-content: center; min-width: 44px; height: 44px; padding: 0 14px; border-radius: 999px; border: 1px solid #CFE3E0; background: #fff; color: var(--dia-ink); font-weight: 600; text-decoration: none; }
.dia-pagination a.page-numbers:hover { border-color: var(--dia-teal); color: var(--dia-teal-dark); }
.dia-pagination .page-numbers.current { background: var(--dia-teal); border-color: var(--dia-teal); color: #fff; }
.dia-pagination a.page-numbers:focus-visible { outline: 3px solid #F2B705; outline-offset: 2px; }
.dia-list__empty { padding: 30px; border-radius: 16px; background: var(--dia-mint); text-align: center; }
.dia-list__empty .dia-post__cta-title { color: var(--dia-ink); }
.dia-list .dia-post__cta { margin-top: 48px; }

@media (max-width: 900px) {
	.dia-list__heading { flex-direction: column; align-items: stretch; gap: 20px; }
	.dia-search { flex-basis: auto; max-width: 420px; }
}
@media (max-width: 720px) {
	.dia-cards { grid-template-columns: 1fr; gap: 20px; }
	.dia-card__body { padding: 18px 18px 20px; }
	.dia-card__title { font-size: 19px; }
}
@media (prefers-reduced-motion: reduce) { .dia-card, .dia-list .dia-card__img { transition: none; } .dia-card:hover, .dia-card:hover .dia-card__img { transform: none; } }

/* ==========================================================================
   PAGINE INTERNE – intestazione con foto e "donnina" (widget DIA – Intestazione pagina)
   ========================================================================== */
.dia-ph { position: relative; background: var(--dia-mint); padding: 34px 0 86px; overflow: hidden; }
.dia-ph::before { content: ""; position: absolute; right: -120px; top: -140px; width: 420px; height: 420px; border-radius: 50%; background: rgba(255, 255, 255, .45); pointer-events: none; }
.dia-ph__inner { position: relative; max-width: var(--dia-container); margin: 0 auto; padding: 0 16px; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: 56px; align-items: center; }
.dia-ph.is-nophoto .dia-ph__inner { grid-template-columns: 1fr; }
.dia-ph__text { min-width: 0; }
.dia-ph .dia-crumbs ol { margin-bottom: 26px; }
.dia-ph__eyebrow { display: inline-flex; align-items: center; gap: 12px; margin: 0 0 10px; font-size: 14px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: var(--dia-teal-dark); }
.dia-ph__eyebrow::before { content: ""; width: 32px; height: 2px; background: currentColor; }
.dia-ph .dia-ph__title { margin: 0 0 16px; font: 700 clamp(52px, 6vw, 84px)/.95 var(--dia-font-display); letter-spacing: .5px; color: var(--dia-ink); text-transform: none; overflow-wrap: anywhere; }
.dia-ph__intro { margin: 0 0 24px; max-width: 520px; font-size: 19px; line-height: 1.55; color: var(--dia-text); }
.dia-ph .dia-ph__btn { min-height: 50px; padding: 0 28px; font-size: 16px; box-shadow: 0 8px 18px rgba(30, 80, 75, .18); }
.dia-ph .dia-ph__btn:focus-visible { outline: 3px solid #F2B705; outline-offset: 3px; }

.dia-ph__media { position: relative; padding: 0 0 0 70px; }
.dia-ph .dia-ph__photo { display: block; width: 100% !important; max-width: none !important; height: auto !important; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 28px 28px 28px 120px; box-shadow: 0 22px 44px rgba(30, 80, 75, .2); }
.dia-ph .dia-ph__donna { position: absolute; left: -10px; bottom: -34px; width: 200px !important; max-width: 42% !important; height: auto !important; filter: drop-shadow(0 12px 18px rgba(30, 80, 75, .18)); animation: dia-ph-in .7s ease-out both .1s; }
.dia-ph.is-nophoto .dia-ph__media { display: none; }
.dia-ph__wave { position: absolute; left: 0; right: 0; bottom: -1px; width: 100%; height: 50px; display: block; }
@keyframes dia-ph-in { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: none; } }
@media (prefers-reduced-motion: reduce) { .dia-ph .dia-ph__donna { animation: none; } }
@media (max-width: 900px) {
	.dia-ph { padding: 22px 0 70px; }
	.dia-ph__inner { grid-template-columns: 1fr; gap: 28px; }
	.dia-ph__media { padding-left: 54px; margin-right: 0; }
	.dia-ph .dia-ph__donna { width: 150px !important; bottom: -24px; }
	.dia-ph__intro { font-size: 17px; }
}
@media (max-width: 480px) {
	.dia-ph .dia-ph__photo { border-radius: 20px 20px 20px 70px; }
	.dia-ph .dia-ph__donna { width: 118px !important; left: -6px; }
	.dia-ph__media { padding-left: 40px; }
}

/* ==========================================================================
   PAGINE INTERNE – "pulizia" dei contenuti fatti con i widget standard di Elementor
   ========================================================================== */
.dia-inner .dia-main .elementor-widget-text-editor { font-size: 17px; line-height: 1.75; color: var(--dia-text); }
.dia-inner .dia-main .elementor-widget-text-editor p { margin: 0 0 1em; }
.dia-inner .dia-main .elementor-widget-text-editor p:empty { display: none; }
.dia-inner .dia-main .elementor-widget-text-editor strong, .dia-inner .dia-main .elementor-widget-text-editor b { color: var(--dia-ink); }
.dia-inner .dia-main .elementor-widget-text-editor ul, .dia-inner .dia-main .elementor-widget-text-editor ol { margin: 0 0 1.1em; padding-left: 1.3em; }
.dia-inner .dia-main .elementor-widget-text-editor li { margin-bottom: .35em; }
.dia-inner .dia-main .elementor-widget-text-editor li::marker { color: var(--dia-teal); font-weight: 700; }
.dia-inner .dia-main .elementor-widget-text-editor a { color: var(--dia-teal-dark) !important; text-decoration: underline !important; text-underline-offset: 3px; font-weight: 500; }
.dia-inner .dia-main .elementor-widget-text-editor a:hover { text-decoration-thickness: 2px !important; }
.dia-inner .dia-main .elementor-widget-text-editor a:focus-visible { outline: 3px solid #F2B705; outline-offset: 2px; border-radius: 3px; }

/* titoli: H2 nel carattere disegnato della home, H3 pulito con trattino */
.dia-inner .dia-main .elementor-widget-heading h2.elementor-heading-title { font: 700 clamp(36px, 3.6vw, 48px)/1.05 var(--dia-font-display) !important; color: var(--dia-ink) !important; letter-spacing: .3px; text-transform: none !important; }
.dia-inner .dia-main .elementor-widget-heading h3.elementor-heading-title,
.dia-inner .dia-main .elementor-widget-heading h4.elementor-heading-title,
.dia-inner .dia-main .elementor-widget-heading h5.elementor-heading-title,
.dia-inner .dia-main .elementor-widget-heading h6.elementor-heading-title { font: 700 21px/1.3 var(--dia-font-body) !important; color: var(--dia-ink) !important; text-transform: none !important; }
.dia-inner .dia-main .elementor-widget-heading h3.elementor-heading-title::before,
.dia-inner .dia-main .elementor-widget-heading h5.elementor-heading-title::before { content: ""; display: block; width: 32px; height: 3px; margin-bottom: 10px; border-radius: 2px; background: var(--dia-teal); }
.dia-inner .dia-main .elementor-widget-text-editor h2, .dia-inner .dia-main .elementor-widget-text-editor h3 { color: var(--dia-ink); font-family: var(--dia-font-body); font-weight: 700; line-height: 1.25; margin: 1.4em 0 .5em; }

/* pulsanti */
.dia-inner .dia-main .elementor-button {
	display: inline-flex !important; align-items: center; gap: 10px; min-height: 50px; padding: 0 30px !important;
	border-radius: 999px !important; background: var(--dia-teal) !important; color: #fff !important; border: 0 !important;
	font: 700 16px/1 var(--dia-font-body) !important; text-decoration: none !important; text-transform: none !important;
	box-shadow: 0 8px 18px rgba(30, 80, 75, .18); transition: background-color .2s, transform .2s;
}
.dia-inner .dia-main .elementor-button:hover { background: var(--dia-teal-dark) !important; transform: translateY(-1px); }
.dia-inner .dia-main .elementor-button:focus-visible { outline: 3px solid #F2B705 !important; outline-offset: 3px; }
.dia-inner .dia-main .elementor-button-icon { display: none; }

/* immagini e infografiche */
.dia-inner .dia-main .elementor-widget-image img,
.dia-inner .dia-main .elementor-widget-text-editor img { border-radius: 16px; box-shadow: 0 14px 32px rgba(30, 80, 75, .14); height: auto; }

/* divisori */
.dia-inner .dia-main .elementor-divider-separator { border-top-color: #D5E6E4 !important; }

/* griglia dei video (Essential Addons – Post Grid) come le card del sito */
.dia-inner .dia-main .eael-grid-post-holder { border: 1px solid #DCEBE9 !important; border-radius: 16px !important; overflow: hidden; background: #fff !important; box-shadow: 0 10px 26px rgba(30, 80, 75, .08) !important; transition: transform .25s ease, box-shadow .25s ease; }
.dia-inner .dia-main .eael-grid-post-holder:hover { transform: translateY(-4px); box-shadow: 0 18px 36px rgba(30, 80, 75, .15) !important; }
.dia-inner .dia-main .eael-entry-media img { border-radius: 0 !important; }
.dia-inner .dia-main .eael-entry-title, .dia-inner .dia-main .eael-entry-title a { font: 700 18px/1.35 var(--dia-font-body) !important; color: var(--dia-ink) !important; text-decoration: none !important; }
.dia-inner .dia-main .eael-grid-post-holder:hover .eael-entry-title a { text-decoration: underline !important; text-decoration-color: var(--dia-teal) !important; text-underline-offset: 4px; }
.dia-inner .dia-main .eael-post-elements-readmore-btn { color: var(--dia-teal-dark) !important; font-weight: 700 !important; }
@media (prefers-reduced-motion: reduce) { .dia-inner .dia-main .eael-grid-post-holder, .dia-inner .dia-main .elementor-button { transition: none; } .dia-inner .dia-main .eael-grid-post-holder:hover { transform: none; } }
/* l'intestazione occupa sempre tutta la larghezza, anche dentro un contenitore "boxed" di Elementor */
.dia-main { overflow-x: clip; }
.elementor-widget-dia-page-hero, .dia-ph { width: 100vw; max-width: 100vw; margin-left: calc(50% - 50vw) !important; margin-right: calc(50% - 50vw) !important; }
.elementor-widget-dia-page-hero .dia-ph { width: auto; max-width: none; margin-left: 0 !important; margin-right: 0 !important; }

/* ==========================================================================
   ARCHIVIO NEWSLETTER (widget DIA – Archivio newsletter)
   ========================================================================== */
.dia-nla { margin: 16px 0 8px; }
.dia-nla__head { display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; flex-wrap: wrap; margin-bottom: 26px; }
.dia-nla .dia-nla__title { margin: 0 0 6px; font: 700 clamp(40px, 4vw, 52px)/1 var(--dia-font-display); color: var(--dia-ink); text-transform: none; }
.dia-nla__intro { margin: 0; font-size: 17px; color: var(--dia-text); }
.dia-nla__years ul { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; margin: 0; padding: 0; }
.dia-nla__years a { display: inline-flex; align-items: center; min-height: 40px; padding: 0 16px; border-radius: 999px; border: 1px solid #BFDCD8; background: #fff; color: var(--dia-ink) !important; font-weight: 700; font-size: 15px; text-decoration: none !important; transition: background-color .2s, color .2s; }
.dia-nla__years a:hover { background: var(--dia-teal); border-color: var(--dia-teal); color: #fff !important; }
.dia-nla__years a:focus-visible { outline: 3px solid #F2B705; outline-offset: 2px; }

.dia-nla__year { padding: 22px 0 6px; border-top: 1px solid #D5E6E4; scroll-margin-top: 120px; }
.dia-nla .dia-nla__year-title { display: flex; align-items: baseline; gap: 12px; margin: 0 0 16px; font: 700 44px/1 var(--dia-font-display); color: var(--dia-teal-dark); }
.dia-nla .dia-nla__year-title span { font: 600 14px/1 var(--dia-font-body); color: var(--dia-muted); letter-spacing: .02em; }
.dia-nla .dia-nla__year-title::before { display: none; }
.dia-nla__list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 14px; }
.dia-nla__item { position: relative; display: flex; align-items: center; gap: 14px; padding: 16px 16px 16px 14px; border-radius: 14px; background: #fff; border: 1px solid #DCEBE9; box-shadow: 0 6px 16px rgba(30, 80, 75, .06); transition: transform .2s ease, box-shadow .2s ease, border-color .2s; }
.dia-nla__item:hover { transform: translateY(-3px); border-color: var(--dia-teal); box-shadow: 0 14px 26px rgba(30, 80, 75, .13); }
.dia-nla__item.is-latest { background: var(--dia-mint); border-color: #BFDCD8; }
.dia-nla__icon { flex: 0 0 auto; display: grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--dia-teal); color: #fff; }
.dia-nla__item.is-latest .dia-nla__icon { background: var(--dia-teal-dark); }
.dia-nla__body { flex: 1; min-width: 0; }
.dia-nla__badge { display: inline-block; white-space: nowrap; margin-bottom: 4px; padding: 3px 8px; border-radius: 999px; background: var(--dia-teal-dark); color: #fff; font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.dia-nla .dia-nla__name { margin: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 17px; font-weight: 700; line-height: 1.25; color: var(--dia-ink); }
.dia-nla .dia-nla__meta { margin: 2px 0 0; font-size: 13px; font-weight: 600; color: var(--dia-muted); }
.dia-nla .dia-nla__link { display: inline-flex; align-items: center; gap: 6px; flex: 0 0 auto; padding: 8px 12px; border-radius: 999px; color: var(--dia-teal-dark) !important; font-size: 14px; font-weight: 700; text-decoration: none !important; }
.dia-nla .dia-nla__link::after { content: ""; position: absolute; inset: 0; border-radius: 14px; }
.dia-nla__item:hover .dia-nla__link { background: var(--dia-teal); color: #fff !important; }
.dia-nla .dia-nla__link:focus-visible { outline: none; }
.dia-nla .dia-nla__link:focus-visible::after { outline: 3px solid #F2B705; outline-offset: 2px; }
@media (max-width: 560px) { .dia-nla__list { grid-template-columns: 1fr; } .dia-nla .dia-nla__year-title { font-size: 38px; } }
@media (prefers-reduced-motion: reduce) { .dia-nla__item { transition: none; } .dia-nla__item:hover { transform: none; } }