@import url('https://fonts.googleapis.com/css2?family=Fira+Code:wght@300..700&display=swap');

:root {
	--page-w: 75.5rem;

	--fon-t: "Fira Code", serif;
	--fon-h: "Fira Code", serif;

	--fon-w1: 400;
	--fon-w5: 400;
	--fon-w7: 600;
	--fon-w9: 600;

	--col-dar: #ffffff;
	--col-bg: #000;
	--col-lig: #cef4fd;
	--col-sep: #cef4fd;
	--col-pri: #65bec0;
	--col-pri-op75: #65bec0BF;
	--col-pri-bg: #65bec0;
	--col-acc: #65bec0;
	--col-acc-bg: #65bec0;

	--col-grad-v: linear-gradient(180deg, var(--col-pri) 0%, var(--col-dar) 100%);

	--rad-s: .25rem;
	--rad-m: .25rem;
	--rad-l: .25rem;
	--rad-bt: .5rem;
}

.header {
	background: #67cdd966;
	backdrop-filter: blur(1rem);
	box-shadow: none;
	padding: 1.5rem 0;
}
.branding img {
	height: calc(var(--sca-t)*2.125 - 2px);
	margin: 0;
}
.header .bt {
	color: #fff;
}
.section.featured {
	margin-top: 0;
	height: 80vh;
}
.section .slider {
	margin: 0;
}
.section.featured img {
	height: 100%;
	width: 100%;
	object-fit: cover;
}
.section.featured img + img {
	display: none;
}
.main h2 {
	font-weight: normal;
	margin-bottom: 1.5em;
}
.col6 .card:not(.icon-g) > * {
	max-width: 1000%;
}
.main .destinos .card {
	background: #000;
	box-shadow: 0 0 0 .125rem #111;
	border: none;
	margin-bottom: var(--sca-pad)!important;
}
.main .destinos .card picture {
	display: block;
	margin: calc(var(--sca-pad)*-1) calc(var(--sca-pad)*-1.0625) -5rem;
	position: relative;
	aspect-ratio: 2 / 1;
}
.main .destinos .card picture:after {
	content: '';
	position: absolute;
	left: 0;
	bottom: 0;
	right: 0;
	height: 10rem;
	background: linear-gradient(to bottom,  rgba(0,0,0,0) 0%,rgba(0,0,0,1) 100%);
	z-index: 1;
}
.main .destinos .card picture img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.main .destinos {
	position: relative;
}
.main .destinos:before,
.main .destinos:after {
	content: '';
	position: absolute;
	left: 0;
	top: -5rem;
	width: 75%;
	aspect-ratio: 3 / 1;
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
	background-image: url("data:image/svg+xml,%3Csvg width='120' height='37' viewBox='0 0 120 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M67.3429 3.25893C67.3429 -1.09094 73.9302 -1.07704 73.9302 3.24503C73.9302 8.67889 73.9302 12.5007 73.9302 17.9206C73.9302 22.2427 67.3429 22.2705 67.3429 17.9067C67.3429 12.4868 67.3429 8.66499 67.3429 3.24503V3.25893ZM113.315 1.98037C115.066 -2.00816 121.07 0.646226 119.333 4.60697C117.749 8.23417 119.527 4.16225 117.943 7.77556C116.206 11.7363 110.188 9.1236 111.939 5.13507C113.524 1.52176 111.731 5.59368 113.315 1.98037ZM37.2968 36.0288C27.5965 36.0288 19.6333 28.3575 19.2859 18.6572C19.1747 13.543 25.9149 13.5569 25.9149 18.4626C26.1651 24.5635 31.182 29.3859 37.2968 29.3859C43.3978 29.3859 48.4286 24.5635 48.6788 18.4626C48.6788 13.5569 55.4329 13.543 55.3078 18.6572C54.9604 28.3575 46.9972 36.0288 37.2968 36.0288ZM1.69187 34.0554C3.44293 38.044 9.44658 35.3896 7.70941 31.4288C6.12512 27.8016 7.90397 31.8735 6.31968 28.2602C4.58251 24.2995 -1.43503 26.9122 0.31603 30.9007C1.90033 34.514 0.10757 30.4421 1.69187 34.0554Z' fill='white' fill-opacity='0.1'/%3E%3C/svg%3E%0A");
}
.main .destinos:after {
	top: 50%;
	left: auto;
	right: 0;
}
.main .destinos h3 {
	font-size: 2.5rem;
	margin-bottom: 0;
}
.main .destinos .card {
	position: relative;
	z-index: 10;
}
.main .destinos .card picture ~ * {
	position: relative;
	z-index: 10;
}
.main .destinos h3 + p {
	font-size: 1.125rem;
	word-spacing: -.25em;
	font-weight: normal;
	margin-bottom: 1.5rem;
}
.main .destinos h4 {
	color: var(--col-pri);
	font-size: 1.25rem;
	margin-bottom: .375rem;
}
.main .destinos .card ul {
	margin: 0;
}
.main .destinos .card ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: .5rem;
}
.main .destinos .card ul li img,
.main .destinos .card ul li h6 {
	line-height: 1.375rem;
	display: inline-block;
	vertical-align: top;
	margin: 0;
}
.main .destinos .card ul li h6 {
	font-size: .875rem;
	font-weight: normal;
	color: #fff;
	margin-left: -.25em;
}
.main .destinos .card h5 {
	font-size: 3rem;
	line-height: 1em;
	color: var(--col-dar);
	margin: 2rem 0;
}
.main .destinos .card h5 span {
	display: block;
	font-size: .875rem;
	line-height: 1.25rem;
}
.main .destinos .card .bt {
	display: inline-block;
	width: 47.5%;
	margin-top: 1.5rem;
	margin: 0;
	box-sizing: border-box;
}
.main .destinos .card .bt + .bt {
	float: right;
}

#mutual img {
	display: block;
	border-radius: var(--rad-m);
}

.form input,
.form textarea {
	border: none;
	background: #111;
}
.footer {
	border: none;
	background: #111;
}

@media (max-width:960px) {
	.header nav {
		border: none;
	}
	.bt-menu {
		color: #fff;
	}
	.menu {
		bottom: auto;
		top: calc(100svh - 4.5rem);
	}
	.main .destinos .card .bt {
		display: block;
		width: auto;
	}
	.main .destinos .card .bt + .bt {
		float: none;
		margin: .5rem 0 0;
	}
}
@media (orientation: portrait) {
	.section.featured img:first-child {
		display: none;	
	}
	.section.featured img + img {
		display: block;	
	}
}