/*
 * Fascia "Perché sceglierci" — fondo blu scuro, testata centrata e tre colonne
 * separate da un filo sottile (mockup Linea Pronto, 2026-08-05).
 *
 * Markup in templates/why.php, controlli in class-why.php. Nessun .js.
 *
 * ⚠️ I separatori sono un bordo SINISTRO sulle colonne dalla seconda in poi,
 * non elementi a sé: così restano allineati all'altezza della colonna più alta
 * e spariscono da soli quando la griglia va in colonna.
 */

.adea-why{
	position:relative;overflow:hidden;
	width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);
	padding:var(--adea-why-pt,74px) max(40px,calc(50vw - 620px)) var(--adea-why-pb,80px);
	background:linear-gradient(150deg,#0b2d55 0%,#0a2540 60%,#08203a 100%);
	font-family:var(--adea-font-testo,'Source Sans 3',system-ui,sans-serif);
	line-height:normal;
}
/* trama di puntini appena accennata, come nelle altre fasce scure */
.adea-why::before{
	content:"";position:absolute;inset:0;pointer-events:none;opacity:.5;
	background:radial-gradient(rgba(255,255,255,.05) 1.1px,transparent 1.1px) 0 0/26px 26px;
}
.adea-why > *{position:relative}

/* ---------- testata ---------- */
.adea-why-head{text-align:center;max-width:var(--adea-why-head-maxw,760px);margin:0 auto 46px}
.adea-why-kicker{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-t-kicker,12px);letter-spacing:var(--adea-t-kicker-ls,.16em);
	text-transform:uppercase;color:var(--adea-verde-chiaro,#8fd6a1);margin-bottom:14px;
}
.adea-why-head h2{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-why-title,30px);line-height:1.18;letter-spacing:-.02em;
	color:#fff;margin:0;
}

/* ---------- le colonne ---------- */
.adea-why-grid{display:grid;grid-template-columns:repeat(var(--adea-why-n,3),1fr)}
.adea-why-col{display:flex;gap:20px;align-items:flex-start;padding:6px 34px}
/* il filo fra una colonna e l'altra */
.adea-why-col + .adea-why-col{border-left:1px solid rgba(255,255,255,.16)}
.adea-why-ico{
	flex:none;width:52px;height:52px;border-radius:50%;
	border:1.4px solid rgba(143,214,161,.5);color:var(--adea-verde-chiaro,#8fd6a1);
	display:flex;align-items:center;justify-content:center;
}
.adea-why-col h3{
	font-family:var(--adea-font-titoli,'Poppins',sans-serif);font-weight:600;
	font-size:var(--adea-why-h3,17px);line-height:1.22;letter-spacing:-.01em;
	color:#fff;margin:0 0 10px;
}
.adea-why-col p{font-size:13.5px;line-height:1.68;color:rgba(255,255,255,.76);margin:0}

/* ---------- breakpoint ---------- */
@media(max-width:900px){
	.adea-why{padding:58px 24px 64px}
	.adea-why-grid{grid-template-columns:1fr;gap:30px}
	/* in colonna il filo passa sopra invece che a lato */
	.adea-why-col{padding:0}
	.adea-why-col + .adea-why-col{
		border-left:0;border-top:1px solid rgba(255,255,255,.16);padding-top:30px;
	}
	.adea-why-head{margin-bottom:34px}
	.adea-why-head h2{font-size:25px}
}
@media(max-width:560px){
	.adea-why{padding:48px 18px 54px}
	.adea-why-col{gap:16px}
	.adea-why-ico{width:46px;height:46px}
}