/* ==========================================================================
   Edilmutti - pagina Agevolazioni (archive-contributo.php): testata .dg-elenco
   (sezioni.css), introduzione su fondo beige, schede verdi degli incentivi, tabella
   "quale incentivo per quale prodotto", come ti aiutiamo, chiusura.
   ========================================================================== */

/* La testata tipografica si appoggia sullo stacco di colore dell'introduzione. */
.dg-elenco--agevolazioni { padding-bottom: var(--dg-ss-md); }
.dg-elenco--agevolazioni .dg-elenco__testata { margin-bottom: 0; }

/* ---------- Introduzione: foto a sinistra, titolo e testi a destra, fondo beige ---------- */
.dg-age-intro { padding-block: var(--dg-ss-lg); background: var(--dg-neutral-200); }
.dg-age-intro__griglia { display: grid; gap: var(--dg-ss-md); }
@media (min-width: 992px) {
	.dg-age-intro__griglia { grid-template-columns: 5fr 1fr 6fr; gap: 0; }
	.dg-age-intro__testi { grid-column: 3; }
}
.dg-age-intro__foto { aspect-ratio: 4 / 3; margin: 0; overflow: hidden; border-radius: var(--dg-radius-lg); }
@media (min-width: 992px) { .dg-age-intro__foto { aspect-ratio: auto; min-height: 26rem; } }
.dg-age-intro__foto img { display: block; width: 100%; height: 100%; object-fit: cover; }
.dg-age-intro__titolo { max-width: 10em; margin-bottom: var(--dg-space-5); }
.dg-age-intro__testi .dg-paragrafone { margin-bottom: var(--dg-space-5); }
.dg-age-intro__testo { margin: 0 0 var(--dg-space-4); font-size: var(--dg-fs-lg); }

/* ---------- Schede degli incentivi: verdi, una per riga fino a 991 px ---------- */
.dg-age-elenco { padding-block: var(--dg-ss-xl); }
.dg-age-elenco__testa { display: flex; flex-wrap: wrap; align-items: end; justify-content: space-between; gap: var(--dg-space-4); margin-bottom: var(--dg-ss-md); }
.dg-age-elenco__testa p { margin: 0; font-size: var(--dg-fs-sm); color: var(--dg-neutral-500); }
.dg-age-schede { display: grid; gap: var(--dg-space-3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 992px) { .dg-age-schede { grid-template-columns: 1fr 1fr; } }
.dg-age-scheda {
	position: relative;
	display: flex;
	flex-direction: column;
	gap: var(--dg-space-4);
	padding: var(--dg-space-5) var(--dg-space-4);
	color: var(--dg-neutral-100);
	background: var(--dg-primary-500);
	border-radius: var(--dg-radius-xl);
}
@media (min-width: 1200px) { .dg-age-scheda { padding: var(--dg-space-6) var(--dg-space-5); } }
.dg-age-scheda:hover { background: var(--dg-primary-600); }
.dg-age-scheda__alto { display: flex; align-items: flex-start; justify-content: space-between; gap: var(--dg-space-4); }
.dg-age-scheda__tipo { margin: 0 0 var(--dg-space-2); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-medium); letter-spacing: .02em; text-transform: uppercase; opacity: .8; }
.dg-age-scheda__titolo { margin: 0; font-size: var(--dg-h3); font-weight: var(--dg-fw-normal); }
.dg-age-scheda__titolo a { color: inherit; text-decoration: none; }
.dg-age-scheda__titolo a:hover { color: inherit; }
/* Tutta la scheda e' cliccabile. */
.dg-age-scheda__titolo a::after { content: ""; position: absolute; inset: 0; }
.dg-age-valore { flex: none; margin: 0; text-align: right; }
.dg-age-valore strong { display: block; font-size: var(--dg-h3); font-weight: var(--dg-fw-normal); line-height: 1; }
.dg-age-valore small { font-size: var(--dg-fs-sm); }
.dg-age-scheda__testo { max-width: 34em; margin: 0; font-size: var(--dg-fs-lg); }
.dg-age-per { display: flex; flex-wrap: wrap; gap: var(--dg-space-2); margin: 0; padding: 0; list-style: none; }
.dg-age-per li { padding: var(--dg-space-1) var(--dg-space-3); font-size: var(--dg-fs-sm); border: var(--dg-border-width) solid rgba(var(--dg-neutral-100-rgb), .45); border-radius: var(--dg-radius-pill); }
.dg-age-scheda__vai { display: inline-flex; align-items: center; gap: var(--dg-space-2); margin-top: auto; font-weight: var(--dg-fw-medium); }
.dg-age-scheda__vai .dg-icona { width: 1.125rem; height: 1.125rem; }
@media (prefers-reduced-motion: no-preference) {
	.dg-age-scheda { transition: background-color var(--dg-duration-fast) var(--dg-ease-standard); }
	.dg-age-scheda__vai .dg-icona { transition: transform var(--dg-duration-fast) var(--dg-ease-standard); }
	.dg-age-scheda:hover .dg-age-scheda__vai .dg-icona { transform: translateX(.25rem); }
}
/* Fino a 991 px: etichetta piccola e staccata, titolo grande, percentuale sotto al
   titolo, descrizione piu' piccola. */
@media (max-width: 991.98px) {
	.dg-age-scheda__alto { flex-direction: column; gap: var(--dg-space-3); }
	.dg-age-scheda__tipo { margin-bottom: var(--dg-space-3); font-size: .6875rem; letter-spacing: .06em; }
	.dg-age-scheda__titolo { font-size: 2rem; line-height: 1.1; }
	.dg-age-valore { display: flex; align-items: baseline; gap: var(--dg-space-2); text-align: left; }
	.dg-age-valore strong { display: inline; }
	.dg-age-scheda__testo { font-size: var(--dg-font-size-base); }
}

/* ---------- Tabella: quale incentivo per quale prodotto ---------- */
.dg-age-tabella { padding-bottom: var(--dg-ss-xl); }
.dg-age-tabella__titolo { max-width: 14em; margin-bottom: var(--dg-space-4); }
.dg-age-tabella__testo { max-width: 40em; margin: 0 0 var(--dg-space-5); font-size: var(--dg-fs-lg); }
.dg-age-tabella table { width: 100%; margin: 0; border-collapse: collapse; }
.dg-age-tabella th, .dg-age-tabella td { padding: var(--dg-space-3); text-align: center; border-bottom: var(--dg-border-width) solid rgba(var(--dg-primary-500-rgb), .2); }
.dg-age-tabella thead th { font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-medium); letter-spacing: .02em; text-transform: uppercase; }
.dg-age-tabella tbody th { font-weight: var(--dg-fw-normal); text-align: left; }
/* Sul telefono ogni prodotto diventa una scheda: incentivo e risposta su una riga. */
@media (max-width: 767.98px) {
	.dg-age-tabella thead { display: none; }
	.dg-age-tabella tr { display: block; margin-bottom: var(--dg-space-4); padding: var(--dg-space-3) var(--dg-space-4); background: var(--dg-neutral-200); border-radius: var(--dg-radius-lg); }
	.dg-age-tabella tbody th { display: block; padding: 0 0 var(--dg-space-2); font-weight: var(--dg-fw-medium); border: 0; }
	.dg-age-tabella td { display: flex; align-items: center; justify-content: space-between; padding: var(--dg-space-2) 0; text-align: left; border-bottom-color: rgba(var(--dg-primary-500-rgb), .12); }
	.dg-age-tabella td:last-child { border-bottom: 0; }
	.dg-age-tabella td::before { content: attr(data-incentivo); font-size: var(--dg-fs-sm); }
}
.dg-age-si, .dg-age-cond { display: inline-flex; align-items: center; justify-content: center; width: 1.75rem; height: 1.75rem; border-radius: var(--dg-radius-circle); }
.dg-age-si { color: var(--dg-neutral-100); background: var(--dg-primary-500); }
.dg-age-cond { border: var(--dg-border-width) solid var(--dg-primary-500); }
.dg-age-si .dg-icona, .dg-age-cond .dg-icona { width: 1rem; height: 1rem; }
.dg-age-no { color: var(--dg-neutral-500); }
.dg-age-legenda { display: flex; flex-wrap: wrap; gap: var(--dg-space-4); margin: var(--dg-space-4) 0 0; padding: 0; font-size: var(--dg-fs-sm); list-style: none; }
.dg-age-legenda li { display: flex; align-items: center; gap: var(--dg-space-2); }

/* ---------- Come ti aiutiamo: tre colonne da 992 px, una sotto l'altra prima ---------- */
.dg-age-aiuto { padding-block: var(--dg-ss-xl); color: var(--dg-neutral-100); background: var(--dg-primary-500); }
.dg-age-aiuto__titolo { max-width: 13em; margin-bottom: var(--dg-ss-md); }
.dg-age-aiuto .dg-montanti { grid-template-columns: 1fr; }
@media (min-width: 992px) { .dg-age-aiuto .dg-montanti { grid-template-columns: repeat(3, 1fr); } }

/* ---------- Chiusura: le regole cambiano, vieni in showroom ---------- */
.dg-age-chiusura { padding-block: var(--dg-ss-xl); background: var(--dg-neutral-200); }
.dg-age-chiusura__griglia { display: grid; gap: var(--dg-space-5); align-items: end; }
@media (min-width: 992px) {
	.dg-age-chiusura__griglia { grid-template-columns: 6fr 1fr 5fr; gap: 0; }
	.dg-age-chiusura__lato { grid-column: 3; }
}
.dg-age-chiusura__titolo { max-width: 10em; }
.dg-age-chiusura__lato p { margin: 0 0 var(--dg-space-5); font-size: var(--dg-fs-lg); }
.dg-age-chiusura__nota { max-width: 52em; margin: var(--dg-ss-md) 0 0; padding-top: var(--dg-space-4); font-size: var(--dg-fs-sm); color: var(--dg-neutral-500); border-top: var(--dg-border-width) solid rgba(var(--dg-primary-500-rgb), .2); }

/* ==========================================================================
   Singola agevolazione (single-contributo.php): in breve su fascia beige, gli altri
   incentivi. Percorso nella testata: .dg-briciole (sezioni.css). Foto: .dg-fotone (azienda.css); domande
   frequenti: .dg-faq (prodotto.css).
   ========================================================================== */

/* ---------- In breve: tre dati a sinistra, che cos'e' e prodotti a destra ---------- */
.dg-age-breve { padding-block: var(--dg-ss-xl) var(--dg-ss-lg); background: var(--dg-neutral-200); }
.dg-age-breve__griglia { display: grid; gap: var(--dg-ss-md); }
@media (min-width: 992px) {
	.dg-age-breve__griglia { grid-template-columns: 5fr 1fr 6fr; gap: 0; }
	.dg-age-breve__testi { grid-column: 3; }
}
.dg-age-dati { display: grid; gap: var(--dg-space-3); margin: 0; align-self: start; }
.dg-age-dati > div { padding: var(--dg-space-4); background: var(--dg-neutral-100); border-radius: var(--dg-radius-md); }
.dg-age-dati dt { font-size: var(--dg-h3); font-weight: var(--dg-fw-normal); line-height: 1; }
.dg-age-dati dd { margin: var(--dg-space-2) 0 0; font-size: var(--dg-fs-sm); }
.dg-age-breve__testi h2 { max-width: 10em; margin: 0 0 var(--dg-space-5); }
.dg-age-breve__testi p { margin: 0 0 var(--dg-space-4); font-size: var(--dg-fs-lg); }
.dg-age-prodotti { margin-top: var(--dg-space-6); }
.dg-age-prodotti h3 { margin: 0 0 var(--dg-space-3); font-size: var(--dg-fs-sm); font-weight: var(--dg-fw-medium); letter-spacing: .02em; text-transform: uppercase; }
.dg-age-prodotti ul { display: flex; flex-wrap: wrap; gap: var(--dg-space-2); margin: 0; padding: 0; list-style: none; }
.dg-age-prodotti a { display: inline-flex; align-items: center; gap: var(--dg-space-2); padding: var(--dg-space-2) var(--dg-space-4); color: var(--dg-neutral-100); text-decoration: none; background: var(--dg-primary-500); border-radius: var(--dg-radius-pill); }
.dg-age-prodotti a:hover { color: var(--dg-neutral-100); background: var(--dg-primary-600); }
.dg-age-prodotti .dg-icona { width: 1rem; height: 1rem; }

/* ---------- Gli altri incentivi: tre schede verdi da 768 px ---------- */
.dg-age-altri { padding-block: var(--dg-ss-lg) var(--dg-ss-xl); }
.dg-age-altri h2 { margin: 0 0 var(--dg-space-5); font-size: var(--dg-h4); font-weight: var(--dg-fw-normal); }
.dg-age-altri ul { display: grid; gap: var(--dg-space-3); margin: 0; padding: 0; list-style: none; }
@media (min-width: 768px) { .dg-age-altri ul { grid-template-columns: repeat(3, 1fr); } }
.dg-age-altri a { display: flex; align-items: center; justify-content: space-between; gap: var(--dg-space-3); height: 100%; padding: var(--dg-space-4); color: var(--dg-neutral-100); text-decoration: none; background: var(--dg-primary-500); border-radius: var(--dg-radius-lg); }
.dg-age-altri a:hover { color: var(--dg-neutral-100); background: var(--dg-primary-600); }
.dg-age-altri strong { display: block; font-size: var(--dg-h5); font-weight: var(--dg-fw-normal); }
.dg-age-altri small { font-size: var(--dg-fs-sm); opacity: .8; }
.dg-age-altri .dg-icona { flex: none; width: 1.25rem; height: 1.25rem; }
@media (prefers-reduced-motion: no-preference) {
	.dg-age-prodotti a, .dg-age-altri a { transition: background-color var(--dg-duration-fast) var(--dg-ease-standard); }
}