html {
	cursor: default;
	overflow-x: hidden;
	max-width: 100%;
}

.seccion-contador {
	margin-top: -3px;
}

@import url("https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.1/font/bootstrap-icons.css");


@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/kanit-bold-webfont.woff2') format('woff2'),
		url('../fonts/kanit-bold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}



@font-face {
	font-family: 'kanititalic';
	src: url('../fonts/kanit-italic-webfont.woff2') format('woff2'),
		url('../fonts/kanit-italic-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'kanitlight';
	src: url('../fonts/kanit-light-webfont.woff2') format('woff2'),
		url('../fonts/kanit-light-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'Montserrat';
	src: url('../fonts/kanit-medium-webfont.woff2') format('woff2'),
		url('../fonts/kanit-medium-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}




@font-face {
	font-family: 'kanitextrabold';
	src: url('../fonts/kanit-extrabold-webfont.woff2') format('woff2'),
		url('../fonts/kanit-extrabold-webfont.woff') format('woff');
	font-weight: normal;
	font-style: normal;

}

/* Estilos de textos */


font-family: "Roboto",
sans-serif;

body {
	font-family: 'Lexend Zetta', sans-serif;
	font-weight: 600;
}

h1 {
	font-family: 'Lexend Zetta', sans-serif;
	font-weight: 600;
	font-size: 2em;
	text-transform: uppercase;
}

h2 {
	font-family: 'Noto Serif Display', serif;
	font-weight: 600;
	font-size: 1.4em;
}

h3 {
	font-family: 'Lexend Zetta', sans-serif;
	font-weight: 600;
	font-size: 2em;
	font-size: 1.3em;
}

h4 {
	font-family: 'Lexend Zetta', sans-serif;
	font-weight: 600;
	font-size: 2em;
	font-size: 1.2em;
}

h5 {
	font-family: 'Lexend Zetta', sans-serif;
	font-weight: 600;
	font-size: 2em;
	font-size: 1.2em;
}


p {
	font-family: 'Lexend Zetta', sans-serif;
	font-weight: 300;
	font-size: 0.8em;
}

p strong {
	font-weight: 600;
}

.titulo-movil {
	font-size: 2em;
}

.c-blanco {
	color: rgba(255, 255, 255, 1);
}

.c-beige {
	color: rgba(240, 235, 220, 1);
}

.c-verde {
	color: rgba(0, 35, 12, 1);
}

.c-cafe {
	color: rgba(144, 90, 80, 1);
}


#menu-principal li a {
	font-family: 'Lexend Zetta', sans-serif;
	font-weight: 600;
	font-size: 0.7em;
	text-transform: uppercase;
	color: rgba(240, 235, 220, 0.6);
	text-decoration: none;
	padding: 10px 4px;
	-webkit-animation: all ease 300ms;
}

#menu-principal li a:hover {
	color: rgba(240, 235, 220, 1);
}

.bg-dark {
	background-color: rgba(0, 35, 12, 0.8) !important;
	--bs-bg-opacity: 0.8;
}


.seccion-intro-1 {
	background: url(../img/bg-01.jpg) center no-repeat;
	background-size: cover;
}

.seccion-intro-2 {
	background: url(../img/bg-02.jpg) center no-repeat;
	background-size: cover;
}

.seccion-ubicacion {
	background: url(../img/bg-03.jpg) center no-repeat;
	background-size: cover;
}

.seccion-amenidades-1 {
	background: url(../img/bg-04.jpg) center no-repeat;
	background-size: cover;
}

.seccion-lotes {
	background: url(../img/bg-05.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}

.seccion-lotes-2 {
	background: rgba(240, 233, 224, 1);
}


.seccion-contacto {
	background: url(../img/bg-06.jpg) no-repeat;
	background-size: cover;
	background-position: top;
}

.border-cafe {
	border-color: rgba(144, 90, 80, 1) !important;
}



.btn-whatsapp {
	background: rgba(150, 192, 84, 1);
	color: rgba(255, 255, 255, 1);
	box-shadow: 0 0 0 rgba(100, 100, 100, 0);
	padding: 5px 10px;
	border-radius: 30px !important;
}


.btn-kigo:hover {
	background-color: rgba(210, 80, 0, 1);
	color: rgba(255, 255, 255, 1);
}

.btn-round {
	border-radius: 10px !important;
}

.hs-error-msgs label {
	color: black !important;
}


/* Estilos de bootstrap */

.carousel-control.right {
	background-image: none;
}

.carousel-control.left {
	background-image: none;
}

.transparent-card {
	background-color: rgba(255, 255, 255, 0.8);
}

.remove-underline {
	text-decoration: none !important;
}

footer {
	padding: 20px 0;
	text-align: center;
}

.social-icons {
	list-style: none;
	padding: 0;
}

.social-icons li {
	display: inline-block;
	margin-right: 10px;
}

.social-icons a {
	color: #007bff;
	font-size: 20px;
}

.modal {
	--bs-modal-bg: rgba(0, 35, 12, 0.8) !important;
}

/* Portrait and Landscape */
@media only screen and (min-device-width: 414px) and (max-device-width: 736px) and (-webkit-min-device-pixel-ratio: 3) {}