/* ==========================================================================
   Premium pages — shared header layout (home, about, services, otogar, routes, blog, contact)
   Grid: logo | centered nav | actions
   ========================================================================== */

.iuk-home .iuk-header__inner,
.iuk-about .iuk-header__inner,
.iuk-services .iuk-header__inner,
.iuk-otogar .iuk-header__inner,
.iuk-routes .iuk-header__inner,
.iuk-blog .iuk-header__inner ,
.iuk-contact .iuk-header__inner {
	min-height: var(--av-header, 72px);
	height: auto;
	padding-top: 0.5rem;
	padding-bottom: 0.5rem;
	padding-left: 1.25rem;
	padding-right: 1.25rem;
	align-items: center;
	overflow: visible;
}

.iuk-home .iuk-header__brand,
.iuk-about .iuk-header__brand,
.iuk-services .iuk-header__brand,
.iuk-otogar .iuk-header__brand,
.iuk-routes .iuk-header__brand,
.iuk-blog .iuk-header__brand ,
.iuk-contact .iuk-header__brand {
	flex-shrink: 0;
	overflow: visible;
}

.iuk-home .iuk-header,
.iuk-about .iuk-header,
.iuk-services .iuk-header,
.iuk-otogar .iuk-header,
.iuk-routes .iuk-header,
.iuk-blog .iuk-header ,
.iuk-contact .iuk-header {
	top: 0;
	left: 0;
	right: 0;
	width: 100%;
}

/* Phone CTA — high-contrast glass (all premium pages) */
.iuk-home a.iuk-header__phone.iuk-btn--phone-glass,
.iuk-about a.iuk-header__phone.iuk-btn--phone-glass,
.iuk-services a.iuk-header__phone.iuk-btn--phone-glass,
.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass,
.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass,
.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass {
	display: inline-flex !important;
	align-items: center;
	justify-content: center;
	gap: 0.375rem;
	background: rgba(255, 255, 255, 0.16) !important;
	border: 1px solid rgba(255, 255, 255, 0.42) !important;
	color: #ffffff !important;
	opacity: 1 !important;
	visibility: visible !important;
	backdrop-filter: blur(14px);
	-webkit-backdrop-filter: blur(14px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.2),
		0 2px 16px rgba(0, 0, 0, 0.4);
	text-shadow: 0 1px 4px rgba(0, 0, 0, 0.65);
	font-weight: 700 !important;
	z-index: 2;
	isolation: isolate;
	mix-blend-mode: normal;
	-webkit-font-smoothing: antialiased;
}

.iuk-home a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-about a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-services a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-home a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__icon,
.iuk-about a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__icon,
.iuk-services a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__icon,
.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__icon,
.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__icon,
.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__icon ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__icon {
	color: #ffffff !important;
	opacity: 1 !important;
	font-weight: 700 !important;
}

.iuk-home a.iuk-header__phone.iuk-btn--phone-glass svg,
.iuk-about a.iuk-header__phone.iuk-btn--phone-glass svg,
.iuk-services a.iuk-header__phone.iuk-btn--phone-glass svg,
.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass svg,
.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass svg,
.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass svg ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass svg {
	color: #ffffff !important;
	fill: none !important;
	stroke: #ffffff !important;
	stroke-width: 2;
	opacity: 1 !important;
}

.iuk-home a.iuk-header__phone.iuk-btn--phone-glass:hover,
.iuk-about a.iuk-header__phone.iuk-btn--phone-glass:hover,
.iuk-services a.iuk-header__phone.iuk-btn--phone-glass:hover,
.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass:hover,
.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass:hover,
.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass:hover ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass:hover {
	background: rgba(255, 255, 255, 0.24) !important;
	border-color: rgba(255, 255, 255, 0.55) !important;
	color: #ffffff !important;
	transform: translateY(-1px);
	box-shadow:
		inset 0 1px 0 rgba(255, 255, 255, 0.26),
		0 4px 20px rgba(0, 0, 0, 0.45);
}

.iuk-home .iuk-nav,
.iuk-about .iuk-nav,
.iuk-services .iuk-nav,
.iuk-otogar .iuk-nav,
.iuk-routes .iuk-nav,
.iuk-blog .iuk-nav ,
.iuk-contact .iuk-nav {
	min-width: 0;
	padding: 0 clamp(0.25rem, 1vw, 0.75rem);
}

.iuk-home .iuk-nav__list,
.iuk-about .iuk-nav__list,
.iuk-services .iuk-nav__list,
.iuk-otogar .iuk-nav__list,
.iuk-routes .iuk-nav__list,
.iuk-blog .iuk-nav__list ,
.iuk-contact .iuk-nav__list {
	gap: clamp(0.625rem, 1.5vw, 1.5rem);
	flex-wrap: nowrap;
}

.iuk-home .iuk-nav__list a,
.iuk-about .iuk-nav__list a,
.iuk-services .iuk-nav__list a,
.iuk-otogar .iuk-nav__list a,
.iuk-routes .iuk-nav__list a,
.iuk-blog .iuk-nav__list a ,
.iuk-contact .iuk-nav__list a {
	font-size: 0.8125rem;
	font-weight: 500;
	letter-spacing: 0.02em;
	padding: 0.5rem 0.625rem;
}

.iuk-home .iuk-header__actions,
.iuk-about .iuk-header__actions,
.iuk-services .iuk-header__actions,
.iuk-otogar .iuk-header__actions,
.iuk-routes .iuk-header__actions,
.iuk-blog .iuk-header__actions ,
.iuk-contact .iuk-header__actions {
	gap: 0.625rem;
	flex-shrink: 0;
	overflow: visible;
}

.iuk-home .iuk-header__actions .iuk-btn,
.iuk-about .iuk-header__actions .iuk-btn,
.iuk-services .iuk-header__actions .iuk-btn,
.iuk-otogar .iuk-header__actions .iuk-btn,
.iuk-routes .iuk-header__actions .iuk-btn,
.iuk-blog .iuk-header__actions .iuk-btn ,
.iuk-contact .iuk-header__actions .iuk-btn {
	font-size: 0.8125rem;
	padding: 0.5rem 1rem;
	font-weight: 600;
	border-width: 1px;
}

.iuk-home .iuk-header__phone,
.iuk-about .iuk-header__phone,
.iuk-services .iuk-header__phone,
.iuk-otogar .iuk-header__phone,
.iuk-routes .iuk-header__phone,
.iuk-blog .iuk-header__phone ,
.iuk-contact .iuk-header__phone {
	display: inline-flex !important;
}

.iuk-home a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-about a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-services a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text {
	display: inline;
	font-variant-numeric: tabular-nums;
	letter-spacing: 0.02em;
	font-weight: 600;
	font-size: clamp(0.6875rem, 2.2vw, 0.8125rem);
	white-space: nowrap;
}

@media (min-width: 768px) {
	.iuk-home .iuk-header__inner,
	.iuk-about .iuk-header__inner,
	.iuk-services .iuk-header__inner,
	.iuk-otogar .iuk-header__inner,
	.iuk-routes .iuk-header__inner,
	.iuk-blog .iuk-header__inner ,
.iuk-contact .iuk-header__inner {
		display: grid;
		grid-template-columns: auto minmax(0, 1fr) auto;
		column-gap: clamp(1rem, 2.5vw, 2rem);
		row-gap: 0.5rem;
		justify-content: unset;
	}

	.iuk-home .iuk-header__brand,
	.iuk-about .iuk-header__brand,
	.iuk-services .iuk-header__brand,
	.iuk-otogar .iuk-header__brand,
	.iuk-routes .iuk-header__brand,
	.iuk-blog .iuk-header__brand ,
.iuk-contact .iuk-header__brand {
		grid-column: 1;
		grid-row: 1;
		justify-self: start;
	}

	.iuk-home .iuk-nav,
	.iuk-about .iuk-nav,
	.iuk-services .iuk-nav,
	.iuk-otogar .iuk-nav,
	.iuk-routes .iuk-nav,
	.iuk-blog .iuk-nav ,
.iuk-contact .iuk-nav {
		grid-column: 2;
		grid-row: 1;
		justify-self: center;
		display: flex;
		justify-content: center;
		flex: unset;
		width: 100%;
		max-width: 100%;
		padding-right: clamp(0.75rem, 1.5vw, 1.25rem);
	}

	.iuk-home .iuk-header__actions,
	.iuk-about .iuk-header__actions,
	.iuk-services .iuk-header__actions,
	.iuk-otogar .iuk-header__actions,
	.iuk-routes .iuk-header__actions,
	.iuk-blog .iuk-header__actions ,
.iuk-contact .iuk-header__actions {
		grid-column: 3;
		grid-row: 1;
		justify-self: end;
		margin-left: clamp(1.25rem, 2.5vw, 2rem);
		gap: 0.875rem;
	}

	.iuk-home .iuk-header__actions .iuk-btn,
	.iuk-about .iuk-header__actions .iuk-btn,
	.iuk-services .iuk-header__actions .iuk-btn,
	.iuk-otogar .iuk-header__actions .iuk-btn,
	.iuk-routes .iuk-header__actions .iuk-btn,
	.iuk-blog .iuk-header__actions .iuk-btn ,
.iuk-contact .iuk-header__actions .iuk-btn {
		padding: 0.5625rem 1.125rem;
	}

	.iuk-home a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-about a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-services a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text {
		font-size: 0.8125rem;
	}
}

@media (min-width: 1024px) {
	.iuk-home .iuk-nav__list,
	.iuk-about .iuk-nav__list,
	.iuk-services .iuk-nav__list,
	.iuk-otogar .iuk-nav__list,
	.iuk-routes .iuk-nav__list,
	.iuk-blog .iuk-nav__list ,
.iuk-contact .iuk-nav__list {
		justify-content: center;
	}
}

@media (min-width: 768px) and (max-width: 1080px) {
	.iuk-home .iuk-header__actions .iuk-btn--whatsapp .iuk-btn__text,
	.iuk-about .iuk-header__actions .iuk-btn--whatsapp .iuk-btn__text,
	.iuk-services .iuk-header__actions .iuk-btn--whatsapp .iuk-btn__text,
	.iuk-otogar .iuk-header__actions .iuk-btn--whatsapp .iuk-btn__text,
	.iuk-routes .iuk-header__actions .iuk-btn--whatsapp .iuk-btn__text,
	.iuk-blog .iuk-header__actions .iuk-btn--whatsapp .iuk-btn__text ,
.iuk-contact .iuk-header__actions .iuk-btn--whatsapp .iuk-btn__text {
		display: none;
	}

	.iuk-home .iuk-header__actions .iuk-btn--whatsapp,
	.iuk-about .iuk-header__actions .iuk-btn--whatsapp,
	.iuk-services .iuk-header__actions .iuk-btn--whatsapp,
	.iuk-otogar .iuk-header__actions .iuk-btn--whatsapp,
	.iuk-routes .iuk-header__actions .iuk-btn--whatsapp,
	.iuk-blog .iuk-header__actions .iuk-btn--whatsapp ,
.iuk-contact .iuk-header__actions .iuk-btn--whatsapp {
		padding-left: 0.625rem;
		padding-right: 0.625rem;
	}
}

@media (max-width: 1320px) {
	.iuk-home .iuk-nav__list,
	.iuk-about .iuk-nav__list,
	.iuk-services .iuk-nav__list,
	.iuk-otogar .iuk-nav__list,
	.iuk-routes .iuk-nav__list,
	.iuk-blog .iuk-nav__list ,
.iuk-contact .iuk-nav__list {
		gap: 0.5rem;
	}

	.iuk-home .iuk-nav__list a,
	.iuk-about .iuk-nav__list a,
	.iuk-services .iuk-nav__list a,
	.iuk-otogar .iuk-nav__list a,
	.iuk-routes .iuk-nav__list a,
	.iuk-blog .iuk-nav__list a ,
.iuk-contact .iuk-nav__list a {
		font-size: 0.6875rem;
		padding: 0.5rem 0.5rem;
		letter-spacing: 0.01em;
	}
}

@media (max-width: 1200px) {
	.iuk-home .iuk-nav__list,
	.iuk-about .iuk-nav__list,
	.iuk-services .iuk-nav__list,
	.iuk-otogar .iuk-nav__list,
	.iuk-routes .iuk-nav__list,
	.iuk-blog .iuk-nav__list ,
.iuk-contact .iuk-nav__list {
		gap: 0.75rem;
	}

	.iuk-home .iuk-nav__list a,
	.iuk-about .iuk-nav__list a,
	.iuk-services .iuk-nav__list a,
	.iuk-otogar .iuk-nav__list a,
	.iuk-routes .iuk-nav__list a,
	.iuk-blog .iuk-nav__list a ,
.iuk-contact .iuk-nav__list a {
		font-size: 0.75rem;
	}
}

@media (max-width: 767px) {
	.iuk-home,
	.iuk-about,
	.iuk-services,
	.iuk-otogar,
	.iuk-routes,
	.iuk-blog {
		--av-header: 64px;
	}

	.iuk-home .iuk-header__inner,
	.iuk-about .iuk-header__inner,
	.iuk-services .iuk-header__inner,
	.iuk-otogar .iuk-header__inner,
	.iuk-routes .iuk-header__inner,
	.iuk-blog .iuk-header__inner ,
.iuk-contact .iuk-header__inner {
		padding-top: 0.375rem;
		padding-bottom: 0.375rem;
		gap: 0.5rem;
	}

	.iuk-home a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-about a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-services a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text,
	.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass .iuk-btn__text {
		display: none;
	}

	.iuk-home a.iuk-header__phone.iuk-btn--phone-glass,
	.iuk-about a.iuk-header__phone.iuk-btn--phone-glass,
	.iuk-services a.iuk-header__phone.iuk-btn--phone-glass,
	.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass,
	.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass,
	.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass {
		min-width: 2.5rem;
		padding-left: 0.625rem !important;
		padding-right: 0.625rem !important;
	}

	.iuk-home a.iuk-header__phone.iuk-btn--phone-glass svg,
	.iuk-about a.iuk-header__phone.iuk-btn--phone-glass svg,
	.iuk-services a.iuk-header__phone.iuk-btn--phone-glass svg,
	.iuk-otogar a.iuk-header__phone.iuk-btn--phone-glass svg,
	.iuk-routes a.iuk-header__phone.iuk-btn--phone-glass svg,
	.iuk-blog a.iuk-header__phone.iuk-btn--phone-glass svg ,
.iuk-contact a.iuk-header__phone.iuk-btn--phone-glass svg {
		opacity: 1 !important;
		stroke: #ffffff !important;
	}
}
