A, A:visited, A:active {
	color: var(--Palette2light);
}


/*	Mobile	*/
	@media screen and (max-width: 440px) {


		.InfoTabs {
			position: relative;
			display: block;
			margin: 1rem 0;
		}
		.InfoPage {
			margin-top: -0.9rem;
		}

		.InfoPage H1.PageTitle {
			display: block;
			margin: 0;
			padding: 0;
			line-height: 1.1em;
			text-align: left;
			color: var(--Palette1dark);
			cursor: default;
			text-transform: uppercase;
			font-size: 1.7rem;
			font-weight: 600;
			margin-bottom: 2.5rem;
			letter-spacing: -0.1rem;
		}
		.ButtonBox {
			display: flex;
			flex-wrap: wrap;
			row-gap: 0.8rem;
			column-gap: 0.5rem;
			margin: 1.5rem 0;
			flex-direction: column;
			justify-content: center;
			margin-bottom: 3rem;
		}
		.ButtonBox a.ButtonTab {
			border: 0.15rem solid var(--Palette1);
			color: var(--Palette2light);
			background: var(--Palette1);
			font-family: var(--Font_Normal);
			font-weight: 600;
			max-width: 92vw;
			padding: 2rem 0.7rem;
			font-size: 4vw;
			text-transform: uppercase;
			letter-spacing: 0.02em;
			cursor: pointer;
			border-radius: 0.3rem;
			text-decoration: none;
			text-align: center;
		}

		.InfoPanels {
			display: none;
		}

		/* nascondo tutte le tab, ne mostro una sola (l'attiva) */
		.InfoTab {
		   display: none;
		   width: 100%;
		   border-radius: 0;
		   text-align: left;
		}

		/* barra nera: solo il tab attivo è visibile quando il menu è chiuso */
		.InfoTab.is-active {
		   display: block;
		   background: #000000;
		   border-color: #000000;
		   color: #ffffff;
		   position: relative;
		   padding-right: 2.5rem; /* spazio per la freccina */
		}

		/* freccia a destra tipo ">" */
		.InfoTab.is-active::after {
		   content: "›";
		   position: absolute;
		   right: 1rem;
		   top: 50%;
		   transform: translateY(-50%);
		   font-size: 1.1rem;
		}

		/* QUANDO LA LISTA È APERTA ----------------------------------- */
		.InfoTabs.is-open .InfoTab {
		   display: block;              /* mostro tutte le tab, una sotto l'altra */
		   background: #ffffff;
		   color: #000000;
		   border-color: #e0e0e0;
		}

		.InfoTabs.is-open .InfoTab + .InfoTab {
		   border-top: none;            /* niente doppio bordo tra le voci */
		}

		/* l'attiva quando il menu è aperto può tornare “rossa” */
		.InfoTabs.is-open .InfoTab.is-active {
		   background: #e30613;
		   border-color: #e30613;
		   color: #ffffff;
		}

		/* opzionale: piccola ombra al menu aperto */
		.InfoTabs.is-open {
		   box-shadow: 0 4px 12px rgba(0,0,0,0.12);
		   z-index: 10;
		}





	}


/*	Desktop  */
	@media screen and (min-width: 441px) {

		.Container {
			min-height: 35vh;
		}
		.Container H1.PageTitle {
			margin-bottom: 4rem !important;
		}

		.InfoTabs {
		    display: flex;
		    flex-wrap: wrap;
		    row-gap: 0.8rem;
		    column-gap: 0.5rem;
		    margin: 1.5rem 0;
		    flex-direction: row;
		    justify-content: center;
		    margin-bottom: 3rem;
		}

		.InfoTab {
			border: 0.15rem solid var(--Palette1);
			color: var(--Palette2light);
			background: var(--Palette1);
			font-family: var(--Font_Normal);
			font-weight: 500;
			width: 12.5vw;
			max-width: 15rem;
			padding: 1rem 0.5rem;
			font-size: 0.9vw;
			text-transform: uppercase;
			letter-spacing: 0.02em;
			cursor: pointer;
			transition: all 0.2s ease;
			border-radius: 0.3rem;
			text-decoration: none;
			text-align: center;
		}
		.InfoTab:hover {
			color: var(--Palette2light);
			border: 0.15rem solid var(--Palette1light);
			background: var(--Palette1light);
		}

		.InfoPanels {
		    margin-top: 1.5rem;
		}

		.InfoPanel {
		    display: none;
		}

		.InfoPanel.is-active {
		    display: block;
		}

		.InfoTitle {
		    font-size: 1.5rem;
		    text-transform: uppercase;
		    margin-bottom: 1rem;
		    font-weight: 600;
		}


/*--------------------------------------------------------------*/


		.ButtonBox {
			display: flex;
			flex-wrap: wrap;
			row-gap: 0.8rem;
			column-gap: 0.5rem;
			margin: 1.5rem 0;
			flex-direction: row;
			justify-content: center;
			margin-bottom: 3rem;
		}
		.ButtonTab {
			border: 0.15rem solid var(--Palette1);
			color: var(--Palette2light);
			background: var(--Palette1);
			font-family: var(--Font_Normal);
			font-weight: 500;
			width: 40%;
			padding: 2rem 3.5rem;
			font-size: 1.1vw;
			text-transform: uppercase;
			letter-spacing: 0.02em;
			cursor: pointer;
			transition: all 0.2s ease;
			border-radius: 0.3rem;
			text-decoration: none;
			text-align: center;
		}
		.ButtonTab:hover {
			color: var(--Palette2light);
			border: 0.15rem solid var(--Palette1light);
			background: var(--Palette1light);
		}







	}