:root {
	--gite-blu: #113590;
	--gite-azzurro: #00abf4;
	--gite-chiaro: #f4f7fc;
	--gite-testo: #1d2740;
	--gite-raggio: 16px;
}

.landing-gite {
	background: #fff;
	color: var(--gite-testo);
}

.gita-singola {
	background: var(--gite-chiaro);
	color: var(--gite-testo);
}

body.page-id-1271 #site-header,
body.single-tempo_libero #site-header {
	background: var(--gite-blu);
	color: #fff;
}

.hero-gite,
.hero-gita-singola {
	position: relative;
	overflow: hidden;
	background: var(--gite-blu);
	color: #fff;
}

.hero-gite {
	box-sizing: border-box;
	display: grid;
	width: 100%;
	height: auto;
	min-height: 432px;
	align-items: center;
	padding: 64px 0;
	border: 0;
	aspect-ratio: auto;
	overflow: hidden;
}

.hero-gite__immagine {
	box-sizing: border-box;
	padding: 0;
	border: 0;
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: center;
	opacity: 1;
	transform: none;
	filter: none;
	clip-path: none;
}

.hero-gite__interno,
.hero-gita-singola__interno {
	position: relative;
	z-index: 1;
	margin-inline: auto;
}

.hero-gite__interno {
	width: calc(100% - 40px);
	max-width: 1084px;
	display: flex;
	height: auto;
	align-items: center;
}

.hero-gita-singola__interno {
	width: calc(100% - 40px);
	max-width: 1084px;
	min-height: 432px;
	display: flex;
	align-items: center;
}

.hero-gita-singola__contenuto {
	position: relative;
	z-index: 2;
	width: min(520px, 45vw);
	padding-block: 48px;
}

.hero-gita-singola__media {
	position: absolute;
	z-index: 0;
	top: 0;
	right: 0;
	bottom: 0;
	width: 50vw;
	margin: 0;
	overflow: hidden;
	clip-path: polygon(14% 0, 100% 0, 100% 100%, 0 100%);
}

.hero-gita-singola__media::after {
	position: absolute;
	inset: 0;
	background: linear-gradient(90deg, rgba(17, 53, 144, .22), rgba(17, 53, 144, .06));
	content: "";
	pointer-events: none;
}

.hero-gita-singola__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: right center;
}

.hero-gite__testo {
	max-width: 716px;
	padding: 0;
	border-left: 0;
	border-radius: 0;
	background: transparent;
	color: #fff;
	opacity: 1;
}

.hero-gite__eyebrow {
	margin: 0 0 18px;
	color: var(--gite-azzurro);
	font-size: 14px;
	font-weight: 500;
	line-height: 18px;
	letter-spacing: .12em;
	text-transform: none;
}

.hero-gita-singola__eyebrow {
	margin: 0 0 clamp(4px, .97vw, 14px);
	font-size: clamp(8px, .97vw, 14px);
	font-weight: 800;
	letter-spacing: .12em;
	text-transform: uppercase;
}

.hero-gite h1 {
	max-width: 716px;
	margin: 0;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: clamp(42px, 4.52vw, 65px);
	font-weight: 400;
	line-height: .97;
	letter-spacing: -.02em;
}

body.page-id-1271 .hero-gite h1 {
	margin: 0;
	color: #fff;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: clamp(42px, 4.52vw, 65px);
	font-weight: 400;
	line-height: .97;
	letter-spacing: -.02em;
}

.hero-gite h1 b,
.hero-gite h1 strong {
	font-weight: 800;
}

.hero-gita-singola h1,
body.single-tempo_libero .hero-gita-singola h1 {
	margin: 0;
	color: #fff;
	font-family: "Plus Jakarta Sans", sans-serif;
	font-size: clamp(16px, 2.78vw, 40px);
	font-weight: 800;
	line-height: 1.15;
}

.hero-gita-singola {
	display: grid;
	min-height: 432px;
	align-items: center;
}

.breadcrumb-gita ol {
	display: flex;
	flex-wrap: wrap;
	gap: 8px;
	margin: 0 0 42px;
	padding: 0;
	list-style: none;
}

.breadcrumb-gita li + li::before {
	content: "/";
	margin-right: 8px;
}

.breadcrumb-gita a {
	color: inherit;
}

.menu-servizi {
	position: sticky;
	z-index: 19;
	top: 112px;
	box-sizing: border-box;
	width: 100%;
	padding: 0 20px;
	border-radius: 16px 16px 0 0;
	background: #f5f8ff;
	box-shadow: 0 -26px 60px rgba(0, 6, 110, .06);
}

.menu-servizi__lista {
	display: grid;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	width: 100%;
	max-width: 1084px;
	margin: 0 auto;
	padding: 0;
	list-style: none;
}

.menu-servizi__lista li {
	min-width: 0;
}

.menu-servizi__lista a {
	display: flex;
	min-height: 60px;
	align-items: center;
	justify-content: center;
	padding: 8px 20px;
	border-bottom: 5px solid transparent;
	color: var(--gite-blu);
	font-size: 16px;
	font-weight: 600;
	line-height: 20px;
	text-align: center;
	text-decoration: none;
}

.menu-servizi__lista a[aria-current] {
	border-bottom-color: var(--gite-blu);
	font-weight: 800;
}

.introduzione-gite {
	padding-block: 72px;
}

.introduzione-gite__interno {
	width: calc(100% - 40px);
	max-width: 1084px;
	margin-inline: auto;
}

.introduzione-gite__testo {
	max-width: 716px;
}

.selezione-gite {
	padding-block: 32px 96px;
}

.selezione-gite > .contenitore {
	width: calc(100% - 40px);
	max-width: 1084px;
	margin-inline: auto;
}

.griglia-gite {
	display: grid;
	grid-template-columns: minmax(0, 1fr);
	grid-auto-rows: 1fr;
	gap: 40px 20px;
}

.card-gita {
	display: flex;
	flex-direction: column;
	min-width: 0;
}

.card-gita__media {
	flex-shrink: 0;
	width: 100%;
	aspect-ratio: 348 / 212;
	overflow: hidden;
}

.card-gita__media img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.card-gita__corpo {
	flex: 1;
	position: relative;
	box-sizing: border-box;
	width: calc(100% - 32px);
	margin: -32px auto 0;
	padding: 28px;
	border-top: 5px solid var(--gite-blu);
	background: #fff;
	box-shadow: 0 12px 34px rgba(17, 53, 144, .12);
}

.card-gita__corpo h3 {
	margin: 0;
}

.card-gita__corpo h3 > a {
	display: grid;
	grid-template-columns: minmax(0, 1fr) auto;
	gap: 16px;
	align-items: center;
	color: var(--gite-blu);
	font-size: 20px;
	font-weight: 800;
	line-height: 1.3;
	text-decoration: none;
	transition: color .18s ease, transform .18s ease;
}

.card-gita__freccia {
	justify-self: end;
}

.card-gita__descrizione {
	margin-top: 16px;
}

.gita-singola__articolo {
	position: relative;
	margin-top: 0;
	padding-block: 64px 96px;
	border-radius: 32px 32px 0 0;
	background: #fff;
	box-shadow: 0 -12px 32px rgba(17, 53, 144, .14);
	transform: translateY(0);
	transition: transform .18s ease;
}

.gita-singola__colonna {
	width: calc(100% - 40px);
	max-width: 716px;
	margin-inline: auto;
}

.gita-singola__testo h3 {
	margin: 40px 0 16px;
	color: var(--gite-blu);
	font-size: 24px;
	font-weight: 800;
	line-height: 32px;
}

body.single-tempo_libero .gita-singola__testo h3 {
	color: var(--gite-blu);
	font-size: 24px;
	line-height: 32px;
}

.card-gita__corpo h3 > a:focus,
.card-gita__corpo h3 > a:focus-visible,
.menu-servizi__lista a:focus,
.menu-servizi__lista a:focus-visible,
.gita-singola a:focus,
.gita-singola a:focus-visible {
	outline: 3px solid var(--gite-azzurro);
	outline-offset: 3px;
}

@media (max-width: 1023px) {
	.menu-servizi { top: 88px; }

	body.page-id-1271 #site-header .menu-principale .sub-menu,
	body.single-tempo_libero #site-header .menu-principale .sub-menu {
		background: #fff;
		color: var(--gite-blu);
	}

	body.page-id-1271 #site-header .menu-principale .sub-menu a,
	body.single-tempo_libero #site-header .menu-principale .sub-menu a {
		background: transparent;
		color: var(--gite-blu);
	}

	body.page-id-1271 #site-header .menu-principale .sub-menu a:hover,
	body.page-id-1271 #site-header .menu-principale .sub-menu a:focus,
	body.single-tempo_libero #site-header .menu-principale .sub-menu a:hover,
	body.single-tempo_libero #site-header .menu-principale .sub-menu a:focus {
		background: var(--gite-blu);
		color: #fff;
		outline: 2px solid var(--gite-azzurro);
		outline-offset: 2px;
	}
}

@media (min-width: 768px) {
	.griglia-gite {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

@media (max-width: 767px) {
	.menu-servizi { padding-inline: 8px; }
	.menu-servizi__lista a { min-height: 52px; padding-inline: 6px; font-size: 13px; }

	.hero-gite {
		height: 500px;
		min-height: 500px;
		align-items: start;
		padding: 0;
		aspect-ratio: auto;
	}

	.hero-gite__immagine {
		top: auto;
		bottom: 0;
		height: 230px;
		object-fit: cover;
		object-position: right center;
		clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
	}

	.hero-gite__interno {
		height: 270px;
		align-items: flex-start;
		padding-top: 48px;
	}

	.hero-gite__testo {
		width: 100%;
		max-width: none;
		padding: 0;
		border-left: 0;
		border-radius: 0;
		background: transparent;
	}

	.hero-gite__eyebrow {
		margin-bottom: 18px;
		font-size: 14px;
		font-weight: 500;
		line-height: 18px;
	}

	.hero-gite h1,
	body.page-id-1271 .hero-gite h1 {
		font-size: 40px;
		line-height: 1.04;
		letter-spacing: -.02em;
	}

	.hero-gita-singola {
		display: block;
		height: 500px;
		min-height: 500px;
	}

	.hero-gita-singola__interno {
		height: 270px;
		min-height: 270px;
		align-items: flex-start;
	}

	.hero-gita-singola__contenuto {
		box-sizing: border-box;
		width: 100%;
		padding-block: 30px 20px;
	}

	.hero-gita-singola__media {
		top: auto;
		left: 0;
		width: 100%;
		height: 230px;
		clip-path: polygon(9% 0, 100% 0, 100% 100%, 0 100%);
	}

	.breadcrumb-gita ol {
		gap: 5px;
		margin-bottom: 18px;
		font-size: 11px;
		line-height: 15px;
	}

	.breadcrumb-gita li + li::before {
		margin-right: 5px;
	}

	.hero-gita-singola__eyebrow {
		margin-bottom: 8px;
		font-size: 11px;
		line-height: 15px;
	}

	.hero-gita-singola h1,
	body.single-tempo_libero .hero-gita-singola h1 {
		font-size: 34px;
		line-height: 1.08;
	}
}

@media (min-width: 1024px) {
	.hero-gita-singola h1 {
		font-size: 40px;
		line-height: 45px;
	}

	body.single-tempo_libero .hero-gita-singola h1 {
		font-size: 40px;
		line-height: 45px;
	}
}

@media (min-width: 1124px) {
	.griglia-gite {
		grid-template-columns: repeat(3, minmax(0, 1fr));
	}
}

@media (prefers-reduced-motion: reduce) {
	.card-gita__corpo h3 > a {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		transform: none !important;
	}

	.gita-singola__articolo {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		transform: none !important;
	}

	.introduzione-gite__cta:hover,
	.gita-singola__cta:hover {
		transition-duration: .01ms !important;
		animation-duration: .01ms !important;
		transform: none !important;
	}
}