/*
 * «Il progetto» (pagina 2226), rifatta da capo: grafica, UX e UI (CEO, 1/10).
 * Kit rilascio/progetto-nuovo-1-10. Si carica solo da page-il-progetto.php.
 *
 * Sei parti, una azione principale per schermata:
 *   1. apertura: promessa (h1), frase, «Scopri mestieri ed esperienze» (oro) e «Diventa Mastro»;
 *      accanto, che cosa si prenota: un mestiere, un'esperienza;
 *   2. come funziona: chi impara, chi insegna, Comuni ed enti;
 *   3. AI Colombo (ancora #ai-colombo: ci portano il piede e i link senza JavaScript);
 *   4. Made in Garda per l'Italia intera: la sede, con una foto vera di Castiglione;
 *   5. territori, enti e media: stemmi e testate, con le loro schede e gli articoli;
 *   6. cartello finale: marchio verticale, «Ogni mestiere comincia da uno.», oro e «Scrivici».
 *
 * Solo valori di linguaggio/02_STILE.md: spazi 4-48 (fra le sezioni del computer 2 x 48),
 * raggi 16 · 22 · 24, una linea da 1 px, nessuna ombra, nessun bordo colorato di accento.
 * Testo: 14 occhielli e note, 16 testo e bottoni, 20 titoletti, titoli di sezione e titolo
 * di pagina in Bricolage. Al massimo tre misure per schermata.
 * Movimento: solo il colore (160 ms) e la freccia dei link (transform, 160 ms); con «riduci
 * movimento» la freccia sta ferma. Nessuna animazione all'ingresso: mentre si legge niente si muove.
 *
 * Colori: i gettoni stanno qui sotto per tema (chiaro, scuro, ToBePolo). Dove il tema scuro
 * impone il suo testo chiaro con !important nello strato tbp-appearance (tbp-appearance.css),
 * le regole dei colori stanno nello stesso strato con un selettore piu' preciso.
 */

/* ── Gettoni della pagina ─────────────────────────────────────────────── */
#tbp-il-progetto {
	--pr-max: 1200px;
	--pr-lato: var(--space-4, 16px);
	--pr-sezione: var(--space-7, 48px);
	--pr-titolo: #084828;
	--pr-occhiello: #145E3F;
	--pr-testo: #123326;
	--pr-tenue: #5D786B;
	--pr-pannello: #F7F4ED;
	--pr-pannello-linea: transparent;
	--pr-banda: #084828;
	--pr-banda-testo: #FFFFFF;
	--pr-banda-tenue: #E4F1E8;
	--pr-linea: rgba(8, 72, 40, .14);
	--pr-targa: #FFFFFF;
	--pr-link: #084828;
	--pr-link-su: #06381F;
	--pr-contorno-fondo: #FFFFFF;
	--pr-contorno-bordo: #084828;
	--pr-contorno-testo: #084828;
	--pr-contorno-su: #EDF4EF;
	--pr-h2: clamp(1.625rem, 1.15rem + 1.6vw, 2.5rem);
	--pr-h1: clamp(2.125rem, 1.35rem + 3.2vw, 3.75rem);

	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 0 var(--pr-lato);
	background: transparent;
	color: var(--pr-testo);
	font-family: var(--tbp-font);
}

/* Tema scuro: nero, non verde (19/9). La banda di Colombo resta verde: e' identita'. */
html[data-tbp-theme="dark"] #tbp-il-progetto {
	--pr-titolo: #EDEDED;
	--pr-occhiello: #9BDBB5;
	--pr-testo: #EDEDED;
	--pr-tenue: #B5B5B5;
	--pr-pannello: #1E1E1E;
	--pr-pannello-linea: #333333;
	--pr-linea: #333333;
	--pr-link: #9BDBB5;
	--pr-link-su: #C4ECD4;
	--pr-contorno-fondo: transparent;
	--pr-contorno-bordo: #9BDBB5;
	--pr-contorno-testo: #EDEDED;
	--pr-contorno-su: rgba(237, 237, 237, .12);
}

/* Tema ToBePolo «A Carta»: fondo #FAF6EE. L'avorio non si staccava dalla carta: pannello bianco con la linea. */
html[data-tbp-theme="tobepolo"] #tbp-il-progetto {
	--pr-testo: #10261B;
	--pr-tenue: #557062;
	--pr-pannello: #FFFFFF;
	--pr-pannello-linea: rgba(8, 72, 40, .14);
}

@media (min-width: 850px) {
	#tbp-il-progetto {
		--pr-lato: var(--space-5, 24px);
		--pr-sezione: calc(var(--space-7, 48px) * 2);
	}
}

/* Fuoco da tastiera mai sotto la testata fissa, la barra in basso o il tondo di Colombo:
   il browser scorre lasciando questi margini (solo su questa pagina). */
html:has(#tbp-il-progetto) {
	scroll-padding-top: 150px;
	scroll-padding-bottom: calc(var(--tbp-app-bar-reserve, 98px) + 56px);
}

@media (min-width: 850px) {
	html:has(#tbp-il-progetto) {
		scroll-padding-top: 250px;
		scroll-padding-bottom: 136px;
	}
}

#tbp-il-progetto .tbp-pr {
	max-width: var(--pr-max);
	margin: 0 auto;
	padding-bottom: var(--pr-sezione);
}

#tbp-il-progetto .tbp-pr *,
#tbp-il-progetto .tbp-pr *::before,
#tbp-il-progetto .tbp-pr *::after {
	box-sizing: border-box;
}

/* Testi: misure, interlinea, margini. I colori stanno in fondo, nello strato tbp-appearance. */
#tbp-il-progetto .tbp-pr :is(p, dd, li, figcaption) {
	font-size: var(--tbp-testo, 1rem) !important;
	line-height: var(--tbp-interlinea, 1.5) !important;
	margin: 0;
}

#tbp-il-progetto .tbp-pr .tbp-pr__occhiello {
	margin: 0 0 var(--space-3, 12px);
	font-family: var(--tbp-font);
	font-size: var(--tbp-testo-piccolo, .875rem) !important;
	font-weight: 700;
	line-height: 1.3 !important;
	letter-spacing: .08em;
	text-transform: uppercase;
}

#tbp-il-progetto .tbp-pr :is(h1, h2, h3) {
	margin: 0;
	font-family: var(--tbp-font-titoli);
	font-weight: 800;
	letter-spacing: -0.035em;
	text-wrap: balance;
	text-align: left;
}

#tbp-il-progetto .tbp-pr h1.tbp-pr__titolo {
	font-size: var(--pr-h1) !important;
	line-height: var(--tbp-interlinea-titoli, 1.2) !important;
}

#tbp-il-progetto .tbp-pr h2.tbp-pr__h2 {
	margin-bottom: var(--space-3, 12px);
	font-size: var(--pr-h2) !important;
	line-height: var(--tbp-interlinea-titoli, 1.2) !important;
}

#tbp-il-progetto .tbp-pr h3.tbp-pr__h3 {
	margin-bottom: var(--space-2, 8px);
	font-size: var(--tbp-titolo-sezione, 1.25rem) !important;
	line-height: var(--tbp-interlinea-titoli, 1.2) !important;
	letter-spacing: -0.02em;
}

/* ── Bottoni: oro e contorno del sistema (tbp-tokens.css), qui solo misura e posto ── */
#tbp-il-progetto .tbp-pr__azioni {
	display: flex;
	flex-direction: column;
	gap: var(--space-3, 12px);
	margin-top: var(--space-5, 24px);
}

#tbp-il-progetto .tbp-pr :is(a.tbp-pr__oro, a.tbp-pr__contorno) {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	min-height: 52px !important;
	margin: 0;
	padding: 14px var(--space-4, 16px) !important;
	border-radius: var(--radius-md, 16px) !important;
	font-size: var(--tbp-testo, 1rem) !important;
	line-height: 1.2 !important;
	text-align: center;
	text-decoration: none !important;
	white-space: normal;
}

#tbp-il-progetto .tbp-pr a.tbp-pr__oro {
	font-weight: 800 !important;
}

#tbp-il-progetto .tbp-pr a.tbp-pr__contorno {
	border: 1px solid var(--pr-contorno-bordo) !important;
	background: var(--pr-contorno-fondo) !important;
	font-weight: 700 !important;
	transition: background-color var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease), color var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease);
}

@media (hover: hover) {
	#tbp-il-progetto .tbp-pr a.tbp-pr__contorno:hover {
		background: var(--pr-contorno-su) !important;
	}
}

@media (min-width: 600px) {
	#tbp-il-progetto .tbp-pr__azioni {
		flex-direction: row;
		flex-wrap: wrap;
		align-items: center;
	}
	#tbp-il-progetto .tbp-pr :is(a.tbp-pr__oro, a.tbp-pr__contorno) {
		width: auto;
		padding-inline: var(--space-5, 24px) !important;
	}
}

/* ── Link con freccia ─────────────────────────────────────────────────── */
#tbp-il-progetto .tbp-pr a.tbp-pr__link {
	display: inline-flex;
	align-items: center;
	gap: var(--space-2, 8px);
	min-height: 44px;
	margin-top: var(--space-3, 12px);
	font-size: var(--tbp-testo, 1rem);
	font-weight: 700;
	line-height: 1.3;
	text-decoration: underline;
	text-decoration-thickness: 1px;
	text-underline-offset: 4px;
	transition: color var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease);
}

#tbp-il-progetto .tbp-pr a.tbp-pr__link svg {
	flex: 0 0 auto;
	width: 20px;
	height: 20px;
	transition: transform var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease);
}

@media (hover: hover) {
	#tbp-il-progetto .tbp-pr a.tbp-pr__link:hover {
		text-decoration-thickness: 2px;
	}
	#tbp-il-progetto .tbp-pr a.tbp-pr__link:hover svg {
		transform: translateX(4px);
	}
}

@media (prefers-reduced-motion: reduce) {
	#tbp-il-progetto .tbp-pr a.tbp-pr__link:hover svg {
		transform: none;
	}
}

/* ── 1. Apertura ──────────────────────────────────────────────────────── */
#tbp-il-progetto .tbp-pr__apertura {
	display: grid;
	gap: var(--space-6, 32px);
	padding-top: var(--space-6, 32px);
}

#tbp-il-progetto .tbp-pr__lede {
	max-width: 34em;
	margin-top: var(--space-4, 16px) !important;
}

#tbp-il-progetto .tbp-pr__tipi {
	padding: var(--space-5, 24px);
	border: 1px solid var(--pr-pannello-linea);
	border-radius: var(--tbp-radius-card, 22px);
	background: var(--pr-pannello);
}

#tbp-il-progetto .tbp-pr__elenco-tipi {
	display: grid;
	gap: var(--space-5, 24px);
	margin: var(--space-4, 16px) 0 0;
	padding: 0;
}

#tbp-il-progetto .tbp-pr__tipo {
	position: relative;
	min-height: 48px;
	padding-left: calc(48px + var(--space-4, 16px));
}

#tbp-il-progetto .tbp-pr__tipo :is(dt, dd) {
	text-transform: none !important;
	letter-spacing: normal;
}

#tbp-il-progetto .tbp-pr__tipo dt {
	margin: 0 0 var(--space-1, 4px);
	font-family: var(--tbp-font-titoli);
	font-size: var(--tbp-testo, 1rem);
	font-weight: 800;
	line-height: 1.3;
	letter-spacing: -0.01em;
}

#tbp-il-progetto .tbp-pr__tipo dt img {
	position: absolute;
	top: 0;
	left: 0;
}

#tbp-il-progetto .tbp-pr__tipo dd {
	margin: 0;
}

#tbp-il-progetto .tbp-pr__tipi .tbp-pr__nota {
	margin-top: var(--space-5, 24px) !important;
	padding-top: var(--space-4, 16px);
	border-top: 1px solid var(--pr-linea);
	font-size: var(--tbp-testo-piccolo, .875rem) !important;
	font-weight: 600;
}

@media (min-width: 850px) {
	#tbp-il-progetto .tbp-pr__apertura {
		grid-template-columns: minmax(0, 7fr) minmax(0, 5fr);
		/* In alto, non al centro: il pannello finisce prima del tondo di Colombo
		   (a 1366 x 800 il tondo comincia a 666 px dall'alto dello schermo). */
		align-items: start;
		gap: var(--space-7, 48px);
		padding-top: var(--space-6, 32px);
	}
	#tbp-il-progetto .tbp-pr__tipi {
		margin-top: var(--space-1, 4px);
	}
	#tbp-il-progetto .tbp-pr__elenco-tipi {
		gap: var(--space-4, 16px);
	}
	#tbp-il-progetto .tbp-pr__tipi .tbp-pr__nota {
		margin-top: var(--space-4, 16px) !important;
	}
}

/* ── Sezioni ──────────────────────────────────────────────────────────── */
#tbp-il-progetto .tbp-pr__sezione {
	margin-top: var(--pr-sezione);
}

#tbp-il-progetto .tbp-pr__testa {
	max-width: 44rem;
	margin-bottom: var(--space-6, 32px);
}

/* ── 2. Come funziona: tre righe, una per chi arriva (non tre schede) ──── */
#tbp-il-progetto .tbp-pr__ruoli {
	margin: 0;
	padding: 0;
	list-style: none;
	border-bottom: 1px solid var(--pr-linea);
}

#tbp-il-progetto .tbp-pr__ruolo {
	display: grid;
	grid-template-columns: 48px minmax(0, 1fr);
	column-gap: var(--space-4, 16px);
	align-items: center;
	margin: 0;
	padding: var(--space-5, 24px) 0;
	border-top: 1px solid var(--pr-linea);
}

#tbp-il-progetto .tbp-pr__ruolo > * {
	grid-column: 1 / -1;
}

#tbp-il-progetto .tbp-pr__ruolo > .tbp-pr__icona {
	grid-column: 1;
	grid-row: 1;
}

#tbp-il-progetto .tbp-pr__ruolo > h3.tbp-pr__h3 {
	grid-column: 2;
	grid-row: 1;
	margin: 0;
}

#tbp-il-progetto .tbp-pr__ruolo .tbp-pr__frase {
	margin-top: var(--space-4, 16px);
	margin-bottom: var(--space-2, 8px);
	font-weight: 700;
}

#tbp-il-progetto .tbp-pr__ruolo .tbp-pr__link {
	justify-self: start;
}

@media (min-width: 850px) {
	/* Al computer ogni riga ha tre colonne: chi, la frase, i fatti. */
	#tbp-il-progetto .tbp-pr__ruolo {
		grid-template-columns: 48px minmax(0, 3fr) minmax(0, 4fr) minmax(0, 5fr);
		grid-template-rows: auto 1fr;
		column-gap: var(--space-5, 24px);
		align-items: start;
		padding: var(--space-6, 32px) 0;
	}
	/* Il nome sta alla meta' dell'icona (48 px, riga del titolo 24 px). */
	#tbp-il-progetto .tbp-pr__ruolo > h3.tbp-pr__h3 {
		align-self: start;
		margin-top: var(--space-3, 12px);
	}
	#tbp-il-progetto .tbp-pr__ruolo .tbp-pr__frase {
		grid-column: 3;
		grid-row: 1 / span 2;
		margin: 0;
		padding-right: var(--space-5, 24px);
		font-family: var(--tbp-font-titoli);
		font-size: var(--tbp-titolo-sezione, 1.25rem) !important;
		font-weight: 800;
		line-height: var(--tbp-interlinea-titoli, 1.2) !important;
		letter-spacing: -0.02em;
	}
	#tbp-il-progetto .tbp-pr__ruolo > p:not(.tbp-pr__frase) {
		grid-column: 4;
		grid-row: 1;
	}
	#tbp-il-progetto .tbp-pr__ruolo .tbp-pr__link {
		grid-column: 4;
		grid-row: 2;
	}
}

/* ── 3. AI Colombo ────────────────────────────────────────────────────── */
#tbp-il-progetto .tbp-pr__colombo {
	display: grid;
	gap: var(--space-5, 24px);
	padding: var(--space-6, 32px) var(--space-5, 24px);
	border-radius: var(--radius-lg, 24px);
	background: var(--pr-banda);
	scroll-margin-top: 140px;
}

#tbp-il-progetto .tbp-pr__volto {
	display: grid;
	place-items: center;
	width: 96px;
	height: 96px;
	border-radius: 22.4%;
	background: #FFFFFF;
}

#tbp-il-progetto .tbp-pr__volto img {
	display: block;
	width: 84%;
	height: 84%;
	object-fit: contain;
}

#tbp-il-progetto .tbp-pr__colombo-testo p + p {
	margin-top: var(--space-2, 8px);
}

#tbp-il-progetto .tbp-pr .tbp-pr__colombo a.tbp-pr__contorno {
	margin-top: var(--space-5, 24px);
}

@media (min-width: 600px) {
	#tbp-il-progetto .tbp-pr .tbp-pr__colombo a.tbp-pr__contorno {
		width: auto;
	}
}

@media (min-width: 850px) {
	#tbp-il-progetto .tbp-pr__colombo {
		grid-template-columns: auto minmax(0, 1fr);
		align-items: center;
		gap: var(--space-7, 48px);
		padding: var(--space-7, 48px);
	}
	#tbp-il-progetto .tbp-pr__volto {
		width: 160px;
		height: 160px;
	}
	/* La testata del computer resta in alto ed e' alta circa 235 px. */
	#tbp-il-progetto .tbp-pr__colombo {
		scroll-margin-top: 260px;
	}
	#tbp-il-progetto .tbp-pr__colombo-testo {
		max-width: 40rem;
	}
}

/* ── 4. Made in Garda ─────────────────────────────────────────────────── */
#tbp-il-progetto .tbp-pr__garda {
	display: grid;
	gap: var(--space-5, 24px);
}

#tbp-il-progetto .tbp-pr__foto {
	margin: 0;
}

#tbp-il-progetto .tbp-pr__foto img {
	display: block;
	width: 100%;
	height: auto;
	aspect-ratio: 3 / 2;
	object-fit: cover;
	object-position: 50% 62%;
	border-radius: var(--tbp-radius-card, 22px);
}

#tbp-il-progetto .tbp-pr__foto figcaption {
	display: flex;
	flex-wrap: wrap;
	gap: 0 var(--space-2, 8px);
	margin-top: var(--space-2, 8px);
	font-size: var(--tbp-testo-nota, .75rem) !important;
	line-height: 1.5 !important;
}

#tbp-il-progetto .tbp-pr__foto figcaption a {
	font-weight: 400;
	text-decoration: underline;
	text-underline-offset: 2px;
}

#tbp-il-progetto .tbp-pr__garda-testo p + p {
	margin-top: var(--space-3, 12px);
}

@media (min-width: 850px) {
	#tbp-il-progetto .tbp-pr__garda {
		grid-template-columns: minmax(0, 6fr) minmax(0, 5fr);
		align-items: center;
		gap: var(--space-7, 48px);
	}
}

/* ── 5. Territori, enti e media ───────────────────────────────────────── */
#tbp-il-progetto .tbp-pr__gruppi {
	display: grid;
	gap: var(--space-6, 32px);
}

#tbp-il-progetto .tbp-pr__loghi {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: var(--space-4, 16px) var(--space-3, 12px);
	margin: var(--space-3, 12px) 0 0;
	padding: 0;
	list-style: none;
}

#tbp-il-progetto .tbp-pr__loghi li {
	margin: 0;
	padding: 0;
}

#tbp-il-progetto .tbp-pr a.tbp-pr__logo {
	display: flex;
	flex-direction: column;
	gap: var(--space-2, 8px);
	height: 100%;
	text-decoration: none !important;
}

#tbp-il-progetto .tbp-pr__targa {
	display: grid;
	place-items: center;
	height: 96px;
	padding: var(--space-3, 12px) var(--space-4, 16px);
	border: 1px solid var(--pr-linea);
	border-radius: var(--radius-md, 16px);
	background: var(--pr-targa);
	transition: border-color var(--tbp-moto-breve, 160ms) var(--tbp-moto-curva, ease);
}

#tbp-il-progetto .tbp-pr__targa img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 64px;
	object-fit: contain;
}

#tbp-il-progetto .tbp-pr__targa--larga img {
	max-height: 32px;
}

#tbp-il-progetto .tbp-pr__nome {
	font-size: var(--tbp-testo, 1rem);
	font-weight: 600;
	line-height: 1.3;
}

@media (hover: hover) {
	#tbp-il-progetto .tbp-pr a.tbp-pr__logo:hover .tbp-pr__targa {
		border-color: var(--pr-titolo);
	}
	#tbp-il-progetto .tbp-pr a.tbp-pr__logo:hover .tbp-pr__nome {
		text-decoration: underline;
		text-underline-offset: 4px;
	}
}

#tbp-il-progetto .tbp-pr__gruppo .tbp-pr__nota {
	max-width: 36em;
	margin-top: var(--space-4, 16px) !important;
}

#tbp-il-progetto .tbp-pr__rete > .tbp-pr__link {
	margin-top: var(--space-5, 24px);
}

@media (min-width: 850px) {
	#tbp-il-progetto .tbp-pr__gruppi {
		grid-template-columns: minmax(0, 3fr) minmax(0, 4fr);
		gap: var(--space-7, 48px);
	}
	#tbp-il-progetto .tbp-pr__gruppo:first-child .tbp-pr__loghi {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
	#tbp-il-progetto .tbp-pr__gruppo:last-child .tbp-pr__loghi {
		grid-template-columns: repeat(4, minmax(0, 1fr));
	}
}

/* ── 6. Cartello finale ───────────────────────────────────────────────── */
#tbp-il-progetto .tbp-pr__finale {
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-top: var(--pr-sezione);
	text-align: center;
}

#tbp-il-progetto .tbp-pr__marchio {
	display: block;
	width: 96px;
	height: auto;
	margin-bottom: var(--space-5, 24px);
}

#tbp-il-progetto .tbp-pr__finale h2.tbp-pr__h2 {
	text-align: center;
}

#tbp-il-progetto .tbp-pr__finale .tbp-pr__azioni {
	width: 100%;
	justify-content: center;
}

@media (min-width: 850px) {
	#tbp-il-progetto .tbp-pr__marchio {
		width: 120px;
	}
}

/* ── Colori, in tutti e tre i temi ────────────────────────────────────────
 * Nello strato tbp-appearance: le sue regole !important (testo chiaro forzato nel tema scuro)
 * e quelle senza strato del rebrand (verde forzato su titoli e paragrafi in #main) perdono
 * contro queste, che hanno un selettore piu' preciso. -webkit-text-fill-color insieme a color,
 * come nel resto del tema.
 */
@layer tbp-appearance {
	html body #tbp-il-progetto .tbp-pr :is(h1, h2, h3, dt) {
		color: var(--pr-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body #tbp-il-progetto .tbp-pr :is(p, dd, li, figcaption, figcaption span) {
		color: var(--pr-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body #tbp-il-progetto .tbp-pr .tbp-pr__occhiello {
		color: var(--pr-occhiello) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body #tbp-il-progetto .tbp-pr :is(.tbp-pr__ruolo .tbp-pr__frase) {
		color: var(--pr-titolo) !important;
	}
	html body #tbp-il-progetto .tbp-pr :is(.tbp-pr__foto figcaption, .tbp-pr__foto figcaption span, .tbp-pr__foto figcaption a, .tbp-pr__gruppo .tbp-pr__nota) {
		color: var(--pr-tenue) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body #tbp-il-progetto .tbp-pr a.tbp-pr__link,
	html body #tbp-il-progetto .tbp-pr a.tbp-pr__link span {
		color: var(--pr-link) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body #tbp-il-progetto .tbp-pr a.tbp-pr__link:hover,
	html body #tbp-il-progetto .tbp-pr a.tbp-pr__link:hover span {
		color: var(--pr-link-su) !important;
	}
	html body #tbp-il-progetto .tbp-pr a.tbp-pr__logo,
	html body #tbp-il-progetto .tbp-pr a.tbp-pr__logo .tbp-pr__nome {
		color: var(--pr-titolo) !important;
		-webkit-text-fill-color: currentColor !important;
	}

	/* Oro: scritta #052b18 (CEO 30/9, D125) in tutti e tre i temi. */
	html body #tbp-il-progetto .tbp-pr a.tbp-btn.tbp-btn--premium.tbp-pr__oro {
		color: var(--tbp-gold-label, #052b18) !important;
		-webkit-text-fill-color: var(--tbp-gold-label, #052b18) !important;
	}

	/* Contorno */
	html body #tbp-il-progetto .tbp-pr a.tbp-btn.tbp-pr__contorno {
		color: var(--pr-contorno-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}

	/* Banda di AI Colombo: verde in ogni tema, testo bianco, contorno chiaro. */
	html body #tbp-il-progetto .tbp-pr .tbp-pr__colombo :is(h2, p) {
		color: var(--pr-banda-testo) !important;
		-webkit-text-fill-color: currentColor !important;
	}
	html body #tbp-il-progetto .tbp-pr .tbp-pr__colombo p {
		color: var(--pr-banda-tenue) !important;
	}
	html body #tbp-il-progetto .tbp-pr .tbp-pr__colombo a.tbp-btn.tbp-pr__contorno {
		border-color: #FFFFFF !important;
		background: transparent !important;
		color: #FFFFFF !important;
		-webkit-text-fill-color: #FFFFFF !important;
	}
	@media (hover: hover) {
		html body #tbp-il-progetto .tbp-pr .tbp-pr__colombo a.tbp-btn.tbp-pr__contorno:hover {
			background: rgba(255, 255, 255, .12) !important;
		}
	}
	/* Fuoco da tastiera sul verde: l'anello verde del sistema non si vedrebbe. */
	html body #tbp-il-progetto .tbp-pr .tbp-pr__colombo a:focus-visible {
		outline-color: #FFFFFF !important;
		box-shadow: 0 0 0 3px #084828 !important;
	}
}