/*
 * Alcantíl header
 *
 * Blocksy owns the logo, menus, responsive trigger, and button. These rules
 * reproduce the Figma spacing and treatment without duplicating navigation in
 * page-level Gutenberg content.
 */
body.home .ct-header [data-row="middle"] > .ct-container,
body.page-id-93 .ct-header [data-row="middle"] > .ct-container {
	box-sizing: border-box;
	max-width: none;
	padding-block: 24px;
	padding-inline: var(--grow-content-edge-spacing);
	width: 100%;
}

body.home .ct-header .site-logo-container img,
body.page-id-93 .ct-header .site-logo-container img {
	height: auto;
	max-height: 62px;
	width: 120px;
}

body.home .ct-header .menu > li > a,
body.page-id-93 .ct-header .menu > li > a {
	font-size: 14px;
	font-weight: 700;
	text-transform: uppercase;
}

body.home .ct-header .ct-button,
body.page-id-93 .ct-header .ct-button {
	align-items: center;
	border-radius: 999px;
	display: inline-flex;
	gap: 10px;
	min-height: 0;
	padding: 12px 16px;
	text-transform: uppercase;
}

body.home .ct-header .ct-button::after,
body.page-id-93 .ct-header .ct-button::after {
	background: url("/wp-content/uploads/2026/08/arrow-up-right.svg") center / contain no-repeat;
	content: "";
	height: 37.5px;
	width: 37.5px;
}

.menu-item a:hover {
	text-decoration: underline;
}


@media (max-width: 689.98px) {
	body.home .ct-header .site-logo-container img,
	body.page-id-93 .ct-header .site-logo-container img {
		max-height: 48px;
		width: 94px;
	}
}

/* Blocksy uses its mobile navigation through the tablet breakpoint. */
@media (max-width: 999.98px) {
	#offcanvas {
		--theme-link-active-color: #fff;
		--theme-link-hover-color: #fff;
		--theme-link-initial-color: #fff;
		--theme-text-color: #fff;
	}

	#offcanvas [data-device="mobile"] [data-id="mobile-menu"] a,
	.ct-header [data-device="mobile"] .mobile-menu-inline a {
		color: #fff !important;
	}
}
