/*
	Sezioni riscritte in HTML (prima erano immagini PNG).
	Font: Quicksand. Colori: bordeaux #570E21, oro #FFC50D, testo #343434.
*/
/* zoom globale come SITO_FUORISEDANO: 0.84 a 1024px → 0.92 a 2000px, 0.95 su mobile */
:root { --view-zoom-min: 0.84; --view-zoom-max: 0.92; }
:root { --view-zoom: clamp( var(--view-zoom-min), calc(var(--view-zoom-min) + (var(--view-zoom-max) - var(--view-zoom-min)) * (100vw - 1024px) / (2000px - 1024px)), var(--view-zoom-max) ); }
html { zoom: var(--view-zoom); }
@media (max-width: 760px) { :root { --view-zoom: 0.95; } }

:root {
	--bordeaux: #570E21;
	--oro: #FFC50D;
	--oro-testo: #FCC40F;
	--testo: #343434;
	--blu: #017DC4;
	--blu-scuro: #004C77;
}

.qs{
	font-family: "Quicksand", sans-serif;
}
.oro{
	color: var(--oro-testo);
}

/* ---------- HERO ---------- */
.hero_grid{
	display: grid;
	grid-template-columns: 1250fr 1166fr;
	align-items: center;
	gap: 0;
	padding: 20vh 17vh 17vh 17vh;
}
.hero_text{
	font-family: "Quicksand", sans-serif;
	color: #fff;
}
.hero_text h1{
	font-size: 2.88vw;
	font-weight: 700;
	margin: 0 0 0.5em 0;
	line-height: 110%;
}
.hero_lead{
	font-size: 1.74vw;
	font-weight: 700;
	line-height: 125%;
	margin: 0 0 1.4em 0;
}
.hero_caps{
	font-size: 1.29vw;
	font-weight: 700;
	text-transform: uppercase;
	line-height: 140%;
	margin: 0 0 1.4em 0;
}
.hero_body{
	font-size: 1.31vw;
	font-weight: 500;
	line-height: 140%;
	margin: 0 0 2.2em 0;
}
.btn_oro{
	display: inline-block;
	font-family: "Quicksand", sans-serif;
	font-size: 1.05vw;
	font-weight: 700;
	color: var(--bordeaux);
	background-color: var(--oro);
	padding: 0.75vw 2.2vw;
	border-radius: 0.6em;
	cursor: pointer;
	transition: opacity .1s ease-out;
}
.btn_oro:hover{
	opacity: 0.85;
}
.hero_foto img{
	width: 93%;
	display: block;
	margin-left: auto;
}

/* ---------- TITOLI DI SEZIONE ---------- */
.sez_titolo{
	font-family: "Quicksand", sans-serif;
	text-align: center;
	padding: 8vh 0 5vh 0;
}
.sez_titolo img{
	height: 8.8vw;
	width: auto;
	display: block;
	margin: 0 auto 2vw auto;
}
.sez_titolo h2{
	font-size: 3.09vw;
	font-weight: 700;
	color: var(--bordeaux);
	margin: 0;
	line-height: 130%;
}
.sez_titolo_chiaro h2{
	color: #fff;
}

/* ---------- SETTORE IN NUMERI ---------- */
.numeri{
	font-family: "Quicksand", sans-serif;
	color: var(--testo);
	text-align: center;
}
.numeri_cards{
	display: grid;
	grid-template-columns: 1fr 1fr;
	gap: 2vw;
	padding-bottom: 4vw;
}
.numeri_card{
	background-color: #fff;
	border-radius: 1.6vw;
	padding: 1.95vw 1.5vw;
	box-shadow: 0 3px 8px rgba(0,0,0,0.12);
}
.numeri_card img{
	height: 7.8vw;
	width: auto;
	display: block;
	margin: 0 auto 1.5vw auto;
}
.numeri_valore{
	font-size: 4.26vw;
	white-space: nowrap;
	font-weight: 700;
	line-height: 110%;
}
.numeri_desc{
	font-size: 1.68vw;
	font-weight: 600;
	line-height: 125%;
	margin-top: 0.5em;
}
.numeri_riga{
	display: grid;
	grid-template-columns: 1fr 1fr;
	align-items: center;
	gap: 2.5vw;
	border-top: 2px solid rgba(255,255,255,0.5);
	padding: 4vw 0;
}
.numeri_riga img{
	width: 85%;
	display: block;
	margin: 0 auto;
}
.numeri_riga .img_globo{
	width: 60%;
}

/* ---------- ESPORTATORI ---------- */
.export{
	font-family: "Quicksand", sans-serif;
	padding-bottom: 6vh;
}
.export_top{
	display: flex;
	flex-direction: column;
	gap: 1.38vw;
	width: 88.6%;
	margin: 0 auto;
}
.export_row{
	display: grid;
	grid-template-columns: auto 1fr auto;
	align-items: center;
	gap: 2.27vw;
	background-color: #fff;
	border: 1px solid #9a9a9a;
	border-radius: 1vw;
	box-shadow: 0 2px 4px rgba(0,0,0,0.12);
	padding: 1.44vw 2.93vw 1.44vw 2.84vw;
	text-align: left;
}
.export_nome{
	font-size: 2.3vw;
	font-weight: 400;
	color: #222;
}
.export_nome b{
	font-weight: 700;
}
.export_perc{
	font-size: 3.99vw;
	font-weight: 700;
	color: var(--bordeaux);
	line-height: 100%;
}
.bandiera.fi{
	display: inline-block;
	width: 4.31vw;
	height: 4.31vw;
	border-radius: 50%;
	background-size: cover;
	background-position: center;
	box-shadow: 0 0 0 1px rgba(0,0,0,0.15);
}
.export_mini{
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 1.38vw 1.76%;
	width: 88.6%;
	margin: 1.38vw auto 0 auto;
}
.export_mini .export_card{
	flex: 0 0 32.1%;
}
.export_card{
	box-sizing: border-box;
	background-color: #fff;
	border: 1px solid #9a9a9a;
	border-radius: 1vw;
	box-shadow: 0 2px 4px rgba(0,0,0,0.12);
	padding: 1.38vw 0.8vw 1.7vw 0.8vw;
	text-align: center;
}
.export_card .bandiera{
	width: 4.54vw;
	height: 4.54vw;
	margin-bottom: 1.2vw;
}
.export_card .export_nome{
	font-size: 1.72vw;
	display: block;
}
.export_card .export_perc{
	font-size: 2.84vw;
	display: block;
	margin-top: 0.5vw;
}

/* Dove esporta l'Italia */
.export_italia{
	display: grid;
	grid-template-columns: 1fr auto;
	align-items: center;
	gap: 3%;
	width: 90.8%;
	margin: 0 auto;
}
.export_italia_mappa img{
	width: 25vw;
	max-width: none;
	margin-left: auto;
	position: relative;
	z-index: 0;
	display: block;
	filter: brightness(0.75);
}
.export_italia_lista{
	position: relative;
	z-index: 1;
	min-width: 50%;
	display: flex;
	flex-direction: column;
	gap: 0.9vw;
}
.export_dest{
	display: grid;
	grid-template-columns: auto 1fr;
	align-items: center;
	gap: 1.2vw;
	background-color: #fff;
	border: 1px solid #9a9a9a;
	border-radius: 1vw;
	box-shadow: 0 2px 4px rgba(0,0,0,0.12);
	padding: 1.1vw 1.6vw;
	text-align: left;
}
.export_dest .bandiera{
	width: 4.3vw;
	height: 4.3vw;
}
.export_dest .export_nome{
	font-size: 2vw;
	display: block;
	line-height: 120%;
}
.export_dest .export_nome, .export_dest_valore{
	white-space: nowrap;
}
.export_dest_valore{
	font-size: 1.65vw;
	font-weight: 700;
	color: #222;
	display: block;
}

/* ---------- MESTIERI ---------- */
.mestieri_titolo{
	font-family: "Quicksand", sans-serif;
	text-align: center;
}
.mestieri_titolo img{
	width: auto !important;
	height: 6vw;
	display: block;
	margin: 0 auto 2vw auto;
}
.mestieri_titolo h2{
	font-size: 3.6vw;
	font-weight: 700;
	color: #fff;
	margin: 0;
}

/* Blocchi professioni: angoli smussati */
.profilo{
	border-radius: 1vw;
	overflow: hidden;
}
.profilo .scopri{
	border-radius: 0.5vw;
}

/* ---------- CURIOSITÀ ---------- */
.curiosita_lista{
	list-style: none;
	margin: 0 auto;
	padding: 0 0 8vh 0;
	width: 98%;
	display: flex;
	flex-direction: column;
	gap: 0.87vw;
	font-family: "Quicksand", sans-serif;
}
.curiosita_item{
	display: grid;
	grid-template-columns: 7.07vw 1fr;
	align-items: center;
	background-color: #fff;
	border: 1px solid #9a9a9a;
	border-radius: 1vw;
	box-shadow: 0 2px 4px rgba(0,0,0,0.12);
	padding: 1.1vw 0;
}
.curiosita_num{
	font-size: 3.48vw;
	font-weight: 700;
	color: var(--oro-testo);
	text-align: center;
	border-right: 1px solid #ddd;
	line-height: 1.25;
}
.curiosita_testo{
	font-size: 1.3vw;
	font-weight: 700;
	color: var(--bordeaux);
	line-height: 145%;
	padding: 0 1vw 0 2.28vw;
	text-align: left;
}
.curiosita_extra{
	margin-top: 3.4vw;
}

/* ---------- DOVE FORMARSI ---------- */
.formarsi{
	font-family: "Quicksand", sans-serif;
	color: var(--testo);
	text-align: center;
}
.conformarsi_inside.formarsi{
	padding: 16vh 0;
}
.formarsi_head{
	display: flex;
	align-items: center;
	justify-content: center;
	gap: 3.1vw;
	margin-bottom: 2vw;
}
.formarsi_head img{
	height: 10vw;
	width: auto !important;
	filter: brightness(0.15);
}
.formarsi_head h2{
	font-size: 3.84vw;
	font-weight: 700;
	color: #222;
	margin: 0;
}
.formarsi p{
	font-size: 1.81vw;
	font-weight: 500;
	line-height: 140%;
	margin: 0 0 2vw 0;
}
.formarsi_btn{
	display: block;
	background-color: #fff;
	color: #222;
	font-size: 1.43vw;
	font-weight: 700;
	border-radius: 0.8vw;
	padding: 1.05vw 1vw;
	box-shadow: 0 3px 8px rgba(0,0,0,0.12);
	transition: opacity .1s ease-out;
}
.formarsi_btn:hover{
	opacity: 0.85;
}

/* ---------- DUE TUFFI ---------- */
.tuffi{
	font-family: "Quicksand", sans-serif;
	color: #3A3A3A;
	text-align: left;
	font-size: 1.71vw;
	font-weight: 400;
	line-height: 160%;
}
.titolo_teaser.tuffi{
	padding-top: 9vw;
}
.tuffi_head{
	display: flex;
	align-items: center;
	gap: 3vw;
	margin-bottom: 2vw;
}
.tuffi_head img{
	width: 8.86vw !important;
	height: auto;
}
.tuffi_head h2{
	font-size: 4.15vw;
	font-weight: 700;
	color: #3A3A3A;
	margin: 0;
	line-height: 115%;
}
.tuffi > p{
	margin: 0 0 2vw 0;
}
.tuffi b{
	font-weight: 700;
}
.video_card{
	display: block;
	background-color: #fff;
	border-radius: 1.4vw;
	overflow: hidden;
	color: #3A3A3A;
	text-align: left;
	box-shadow: 0 3px 8px rgba(0,0,0,0.08);
	height: 100%;
}
.video_card img{
	aspect-ratio: 1012 / 600;
	object-fit: cover;
}
.video_card_testo{
	padding: 1.6vw 3.59vw 2.4vw 3.59vw;
	font-family: "Quicksand", sans-serif;
	font-size: 1.14vw;
	line-height: 147%;
}
.video_card_testo h3{
	font-size: 1.32vw;
	font-weight: 700;
	margin: 0 0 0.6em 0;
	color: #2B2B2B;
}
.video_card_testo b{
	font-weight: 700;
	color: #2B2B2B;
}

/* ---------- GOLDEN TALK ---------- */
.titolo_teaser.goldentalk{
	padding-top: 9vw;
	padding-bottom: 9vw;
}
.goldentalk_text{
	font-size: 1.5vw;
}

/* ---------- VUOI SAPERNE DI PIÙ ---------- */
.saperne{
	font-family: "Quicksand", sans-serif;
	text-align: center;
}
.saperne h2{
	font-size: 5.96vw;
	font-weight: 700;
	color: var(--blu-scuro);
	margin: 0;
	line-height: 110%;
}
.saperne_sub{
	font-size: 1.62vw;
	color: #555;
	margin: 0.4em 0 2.5em 0;
}
.saperne_intro{
	font-size: 1.48vw;
	font-weight: 700;
	color: var(--blu);
	text-align: left;
	line-height: 160%;
	margin: 0 0 1em 0;
}
.saperne_video{
	display: block;
	border-radius: 1vw;
	overflow: hidden;
	margin-bottom: 1.5em;
}
.saperne_video img{
	width: 100%;
	display: block;
}
.articolo_card{
	display: block;
	text-align: left;
	font-family: "Quicksand", sans-serif;
}
.articolo_card img{
	border-radius: 1vw;
	aspect-ratio: 1014 / 556;
	object-fit: cover;
}
.articolo_card h3{
	font-size: 1.52vw;
	font-weight: 700;
	color: var(--blu);
	line-height: 119%;
	margin: 1.4em 0 0.8em 0;
}
.articolo_card p{
	font-size: 1.14vw;
	font-weight: 500;
	color: #555;
	line-height: 147%;
	margin: 0 0 1em 0;
}
.articolo_link{
	font-size: 1.35vw;
	color: var(--blu-scuro);
	font-weight: 500;
}
.sez_export img{
	height: 10.8vw;
}
.sez_export h2{
	font-size: 3.45vw;
	white-space: nowrap;
}
.sez_curiosita img{
	height: 8.9vw;
}
.sez_curiosita h2{
	font-size: 2.61vw;
}
.numeri_grande{
	font-size: 4.9vw;
}
.export_big{
	padding: 1.87vw 2.93vw 1.87vw 2.84vw;
	gap: 3.1vw;
}
.export_big .bandiera{
	width: 5.74vw;
	height: 5.74vw;
}
.export_big .export_nome{
	font-size: 3.42vw;
}
.export_big .export_perc{
	font-size: 5.11vw;
}

/* ---------- LIVELLI: menu e cookie sopra i contenuti ---------- */
.basemenu, .aprimenu{
	z-index: 100;
}
.cookieoverlay{
	z-index: 110;
}

/* ---------- MENU: voce attiva durante lo scroll ---------- */
.vocemenu{
	transition: color .2s ease-out, background-color .2s ease-out;
}
.vocemenu.attiva{
	color: var(--bordeaux);
	background-color: rgba(255, 197, 13, 0.3);
}

/* ---------- MOBILE ---------- */
@media (max-width: 1000px) {
	.hero_grid{
		grid-template-columns: 1fr;
		padding: 18vh 0 12vh 0;
		gap: 8vw;
	}
	.hero_foto{
		order: -1;
		width: 75%;
	}
	.hero_text h1{ font-size: 10vw; }
	.hero_lead{ font-size: 5.6vw; }
	.hero_caps, .hero_body{ font-size: 4.4vw; }
	.btn_oro{ font-size: 4.2vw; }

	.sez_titolo{ padding: 12vw 0 6vw 0; }
	.sez_titolo img, .sez_export img, .sez_curiosita img{ height: 18vw; margin-bottom: 6vw; }
	.sez_titolo h2, .sez_export h2, .sez_curiosita h2{ font-size: 7.5vw; }
	.sez_titolo h2 br{ display: none; }
	.sez_export h2{ white-space: normal; }

	.numeri_cards{ grid-template-columns: 1fr; gap: 5vw; padding-bottom: 8vw; }
	.numeri_card{ border-radius: 4vw; padding: 7vw 4vw; }
	.numeri_card img{ height: 18vw; margin-bottom: 4vw; }
	.numeri_valore, .numeri_grande{ font-size: 12vw; }
	.numeri_desc{ font-size: 4.8vw; }
	.numeri_riga{ grid-template-columns: 1fr; gap: 5vw; padding: 9vw 0; }
	.numeri_riga img{ width: 70%; }
	.numeri_riga .img_globo{ width: 45%; order: -1; }

	.export_top, .export_mini{ width: 100%; gap: 3vw; }
	.export_mini .export_card{ flex: 0 0 calc((100% - 3vw) / 2); }
	.export_italia{ grid-template-columns: 1fr; }
	.export_mini{ margin-top: 3vw; gap: 3vw; }
	.export_row, .export_big{ border-radius: 3vw; padding: 4vw 5vw; gap: 4vw; }
	.bandiera.fi, .export_big .bandiera{ width: 13vw; height: 13vw; }
	.export_nome, .export_big .export_nome{ font-size: 6vw; }
	.export_perc, .export_big .export_perc{ font-size: 9vw; }
	.export_mini .export_card{ flex: 0 0 calc((100% - 3vw) / 2); }
	.export_card{ border-radius: 3vw; padding: 5vw 2vw; }
	.export_card .bandiera{ width: 13vw; height: 13vw; margin-bottom: 2vw; }
	.export_card .export_nome{ font-size: 5.5vw; }
	.export_card .export_perc{ font-size: 8vw; }

	.export_italia{ grid-template-columns: 1fr; width: 100%; gap: 6vw; }
	.export_italia_mappa{ width: 60%; margin: 0 auto; }
	.export_italia_mappa img{ width: 100%; }
	.export_italia_lista{ min-width: 0; }
	.export_italia_lista{ gap: 3vw; }
	.export_dest{ border-radius: 3vw; padding: 4vw 5vw; gap: 5vw; }
	.export_dest .bandiera{ width: 13vw; height: 13vw; }
	.export_dest .export_nome{ font-size: 6vw; }
	.export_dest_valore{ font-size: 5.2vw; }

	.mestieri_titolo img{ height: 16vw; margin-bottom: 5vw; }
	.mestieri_titolo h2{ font-size: 7.5vw; }

	.curiosita_lista{ gap: 3vw; width: 100%; }
	.curiosita_item{ grid-template-columns: 18vw 1fr; border-radius: 3vw; padding: 4vw 0; }
	.curiosita_num{ font-size: 9vw; }
	.curiosita_testo{ font-size: 4.4vw; padding: 0 4vw 0 5vw; }
	.curiosita_extra{ margin-top: 6vw; }

	.formarsi_head{ flex-direction: column; gap: 4vw; margin-bottom: 5vw; }
	.formarsi_head img{ height: 24vw; }
	.formarsi_head h2{ font-size: 10vw; }
	.formarsi p{ font-size: 4.6vw; margin-bottom: 6vw; }
	.formarsi_btn{ font-size: 4.4vw; border-radius: 2vw; padding: 4vw 4vw; }

	.tuffi{ font-size: 4.4vw; }
	/* footer: logo "Segui Skuola.net" leggibile e spazio per il pulsante menu */
	.text_finale img[src*="seguici"]{ width: 45%; }
	.contsocial img{ width: 13%; }
	.contfinale{ padding-bottom: 14vw; }
	.profilo{ border-radius: 3vw; }
	.profilo .scopri{ border-radius: 1.5vw; }
	.vocemenu.attiva{ color: var(--bordeaux); background: var(--oro); }
	.conformarsi_inside.formarsi{ padding: 18vw 0; }
	.titolo_teaser.tuffi{ padding-top: 16vw; }
	.titolo_teaser.goldentalk{ padding-top: 16vw; padding-bottom: 16vw; }
	.goldentalk_text{ font-size: 4.6vw; }
	.tuffi_head{ flex-direction: column; text-align: center; gap: 4vw; margin-bottom: 5vw; }
	.tuffi_head img{ width: 18vw !important; }
	.tuffi_head h2{ font-size: 8vw; }
	.tuffi > p{ margin-bottom: 6vw; }
	.video_card{ border-radius: 4vw; }
	.video_card_testo{ padding: 5vw 6vw 7vw 6vw; font-size: 4.3vw; line-height: 165%; }
	.video_card_testo h3{ font-size: 5.4vw; }

	.saperne h2{ font-size: 11vw; }
	.saperne_sub{ font-size: 4.6vw; }
	.saperne_intro{ font-size: 4.4vw; }
	.saperne_video, .articolo_card img{ border-radius: 3vw; }
	.articolo_card{ margin-bottom: 6vw; }
	.articolo_card h3{ font-size: 5.6vw; }
	.articolo_card p{ font-size: 4.3vw; }
	.articolo_link{ font-size: 4.8vw; }
}