@import url("https://fonts.googleapis.com/css2?family=Quicksand:wght@300;400;500;600;700&display=swap");

/*
Regular 400
Medium 500
Bold 700
*/
body {
	font-family: "Quicksand", sans-serif;
}

input:hover,
input:focus,
input:active,
select:hover,
select:focus,
select:active {
	outline: none !important;
	outline-width: 0 !important;
	box-shadow: none !important;
	-moz-box-shadow: none !important;
	-webkit-box-shadow: none !important;
}

.carousel-inner {
	border-radius: 42px;
}

.containerCarousel {
	padding-top: 40px;
}

.divImgLanding {
	border-radius: 42px;
}

.backgroundfirstRowInfoLanding {
	background: linear-gradient(177deg, #f6f7f8, #f6f7f8 80%, white 70%, white);
	padding-top: 200px;
	padding-bottom: 200px;
	margin-top: -80px;
}

.backgroundGalery {
	background: linear-gradient(4deg, #f6f7f8, #f6f7f8 80%, white 70%, white);
	padding-top: 300px;
	margin-top: -30px;
}

.backgroundSuggestedApartments {
	background-image: url("../img/bgSuggestedApartments.png");
	background-repeat: no-repeat;
	background-size: 100% 100%;
	padding-top: 280px;
	padding-bottom: 130px;
}

.imgBed,
.imgBathroom,
.imgClient {
	font-size: 28px;
	padding-left: 5px;
	padding-top: 5px;
}

.containerBoxCotizar {
	z-index: 100;
	position: fixed;
	bottom: 40px;
	right: 0px;
	left: 0px;
}

.boxCotizarColPiso {
	padding-left: 0px;
	padding-right: 0px;
}

.boxCotizarColOrientacion {
	padding-right: 0px;
}

.boxCotizar {
	width: 100%;
	height: 127px;
	background-color: white;
	border-radius: 42px;
	box-shadow: 0 5px 2px rgb(112 112 112 / 20%);
	margin-right: 0px;
	margin-left: 0px;
	padding: 20px 25px;
}

.imgLanding {
	max-width: 100%;
}

.boxFeaturesApartment {
	border: 1px #dfdfdf solid;
	padding-top: 3px;
}

.boxFeaturesApartmentSBorderRight {
	border-right: none;
}

.boxCotizar .boxCotizarDepto {
	font-weight: 400;
	font-size: 20px;
	color: #222529;
}

.boxCotizar h3 {
	font-weight: 700;
	font-size: 45px;
	color: #222529;
}

.boxCotizar .spanNumboxCotizar {
	font-weight: 500;
	font-size: 22px;
	color: #222529;
}

.boxCotizar .spanTextBoxCotizar {
	font-weight: 500;
	font-size: 14px;
	color: #222529;
}

.boxCotizar .labelBoxCotizar {
	font-weight: 500;
	font-size: 16px;
	color: #707070;
	padding-left: 10px;
}

.boxFeaturesApartmentColBorderRight {
	border-right: 1px #dfdfdf solid;
}

.carousel-control-next {
	justify-content: end;
	padding-right: 30px;
	opacity: 1;
}

.carousel-control-prev {
	justify-content: start;
	padding-left: 30px;
	opacity: 1;
}

.carousel-control-next-icon {
	background-image: url("../img/nextCarousel.png");
	height: 43px;
	width: 43px;
	justify-content: end;
}

.carousel-control-prev-icon {
	background-image: url("../img/iconBack.png");
	height: 43px;
	width: 43px;
	justify-content: start;
}

.boxCotizar select {
	border-radius: 67px;
	margin-bottom: 25px;
	height: 48px;
	box-shadow: 0 5px 15px rgb(112 112 112 / 20%);
	border: none;
}

.containerBoxCotizar .btnCotizar {
	box-shadow: 0 5px 2px rgb(112 112 112 / 20%);
	font-size: 16px;
}

.colbtnCotizar {
	padding-right: 0px;
}

.rowInfoLanding h3,
.galery h4 {
	font-size: 26px;
	font-weight: 500;
	color: #222529;
}

.rowInfoLanding ul {
	font-size: 18px;
	font-weight: 400;
	margin-top: 30px;
	color: #222529;
}

.rowInfoLanding ul li {
	margin-bottom: 15px;
}

.containerBoxCotizarMobile {
	display: none;
}

/** ESTILOS COTIZADOR**/

.containerBoxCotizaradorSticky {
	display: none;
}

.containerCotizador {
	margin-bottom: 20px;
}

.colInfoApartmentCotizador {
	padding-top: 15px;
	position: sticky;
	top: 0;
}

.rowIconBack {
	margin-bottom: 15px;
}

.boxInfoApartmentCotizador {
	border: #dfdfdf 1px solid;
	border-radius: 42px;
	padding: 20px;
}

.boxInfoApartmentRight {
	margin-top: 15px;
}

.boxInfoApartmentRightPeople,
.boxInfoApartmentRightBed,
.boxInfoApartmentRightBathroom,
.boxInfoApartmentRightMtr,
.boxInfoApartmentRightDetailsMtr {
	border: solid 1px #dfdfdf;
	padding: 15px;
}

.borderMts {
	padding-bottom: 5px;
	border-bottom: solid 1px #dfdfdf;
}

.linkChangeApartment {
	color: #000000;
	font-size: 14px;
	font-weight: 500;
	text-decoration: underline;
}

.linkChangeApartment:hover {
	color: #000000;
}

.colLinkChangeApartment {
	margin-top: 15px;
	padding-left: 15px;
}

.boxInfoApartmentRightBed,
.boxInfoApartmentRightBathroom,
.boxInfoApartmentRightDetailsMtr {
	border-top: none;
}

.boxInfoApartmentRightMtr {
	padding-bottom: 0px;
	border-top: none;
	border-bottom: none;
}

.boxInfoApartmentCotizador h2 {
	font-weight: 700;
	font-size: 24px;
}

.boxInfoApartmentCotizador span {
	font-weight: 700;
	font-size: 18px;
}

.boxInfoApartmentCotizador .imgDeptoCotizador {
	margin-top: 15px;
	margin-left: -20px;
	max-width: 100%;
}

.boxInfoApartmentCotizador .numInfoApartmentCotizador {
	font-size: 22px;
	font-weight: 500;
}

.boxInfoApartmentCotizador .numInfoApartmentCotizadorSmall {
	font-size: 14px;
	font-weight: 700;
}

.boxInfoApartmentCotizador .textInfoApartmentCotizadorRed {
	font-size: 14px;
	color: #f75126;
	background-color: #fff1ed;
	width: max-content;
	padding-right: 6px;
	padding-left: 6px;
	margin-top: 4px;
	margin-bottom: 0px;
	font-weight: 500;
	border-radius: 12px;
}

.boxInfoApartmentCotizador .textInfoApartmentCotizador {
	font-size: 14px;
	font-weight: 500;
}

.boxInfoApartmentCotizador .m2InfoApartmentCotizador {
	font-size: 14px;
	font-weight: 400;
}

.formCotizador {
	background-color: #f6f7f8;
	border-radius: 42px;
	padding: 55px;
	margin-top: 80px;
}

.formCotizador h2 {
	font-size: 22px;
	font-weight: 700;
}

.formCotizadorSpanInfo {
	font-size: 18px;
	font-weight: 400;
}

.formCotizador h3 {
	margin-top: 40px;
	margin-bottom: 40px;
	padding-bottom: 15px;
	border-bottom: solid 1px #707070;
	font-size: 16px;
	font-weight: 500;
}

.formCotizador label {
	font-size: 17px;
	font-weight: 700;
	margin-bottom: 12px;
	padding-left: 15px;
}

.formCotizador input {
	border-radius: 67px;
	margin-bottom: 25px;
	height: 48px;
	border: none;
}

.formCotizador select {
	border-radius: 67px;
	margin-bottom: 25px;
	height: 48px;
	border: none;
}

.spanLightInfoCotizador {
	color: #bababa;
	font-size: 16;
	font-weight: 500;
	padding-right: 15px;
}

.formCotizador .labelLessMargin {
	margin-bottom: 0px;
}

.formCotizador .spanInfoSecondSectionFormCotizador {
	color: #707070;
	font-size: 15px;
	font-weight: 500;
}

.formCotizador .colSpanSelectionSalary {
	margin-top: 30px;
	margin-bottom: 27px;
}

.formCotizador .spanSelectionSalary {
	margin-top: 30px;
	color: #bababa;
	font-size: 25px;
	font-weight: 500;
}

.formCotizador .rangeSalary {
	margin-bottom: 12px;
}

input[type="range"]::-webkit-slider-thumb {
	-webkit-appearance: none;
	border-radius: 50%;
	background: url("../img/iconRange.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-origin: border-box;
	z-index: 1;
	width: 50px;
	height: 50px;
	padding: 0px;
}

input[type="range"]::-webkit-slider-thumb:hover {
	-webkit-appearance: none;
	border-radius: 50%;
	background: url("../img/iconRangeHover.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-origin: border-box;
	z-index: 1;
	width: 50px;
	height: 50px;
	padding: 0px;
}

.rangeMobileHover[type="range"]::-webkit-slider-thumb {
	background: url("../img/iconRangeHover.png");
	background-position: center;
	background-size: contain;
	background-repeat: no-repeat;
	background-origin: border-box;
	z-index: 1;
	width: 50px;
	height: 50px;
	padding: 0px;
}

input[type="range"] {
	width: 100%;
	background: white;
	-webkit-appearance: none;
	border-radius: 10px;
	height: 12px;
	outline: none;
	box-sizing: border-box;
}

.colLabelPeopleInApartment {
	margin-top: 40px;
}

.colInputPeopleInApartment {
	margin-top: 17px;
}

.formCotizador .radioBtn {
	background-color: white;
	font-size: 27px;
	color: #bababa;
	font-weight: 500;
	border: none;
	height: 58px;
	padding-inline-start: 12px;
	width: 58px;
	border-radius: 67px;
}

.formCotizador .radioBtn:hover,
.formCotizador .radioBtn:active,
.formCotizador .radioBtn:focus,
.formCotizador .radioBtn:checked,
.formCotizador .btn-check:checked + .btn {
	border: none;
	background-color: #423f5a;
}

.form-check-inline {
	margin-right: 0px;
}

.colInputSourceIncome {
	margin-top: 40px;
}

.selectSourceIncome {
	font-size: 16px;
	font-weight: 500;
	color: #bababa;
}

option {
	color: black;
	font-size: 18px;
	font-weight: 500;
}

.formCotizador input[type="checkbox"] {
	width: 28px;
	height: 28px;
	border: none;
	border-radius: 8px;
}

.form-check-input:checked {
	background-color: #423f5a;
}

.formCotizador .labelTems {
	padding-top: 5px;
}

.formCotizador .radioBtnParking {
	width: 114px;
	height: 48px;
	font-size: 16px;
	padding-top: 10px;
}

.formCotizador .radioBtnParkingMotoYCar {
	padding-top: 0px;
}

.colParking .form-check-inline {
	padding-left: 0px;
}

.divCheckTerms {
	padding-left: 30px;
}

.btnSend {
	background-color: #d37a62 !important;
	width: 100%;
	border-radius: 67px;
	border: none;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 18px;
	font-weight: 500;
}

.btnSend:hover,
.btnSend:active,
.btnSend:focus {
	background-color: #dd593b !important;
	border: none;
}

.colCamposObligatoriosForm {
	margin-top: 27px;
}

.colCamposObligatoriosForm span {
	color: #bababa;
	font-size: 15px;
	font-weight: 500;
}

/*ESTILOS COTIZACION */

.boxValorArriendo {
	background-color: white;
	border-radius: 17px;
}

.formCotizador .titleCotizacionValor {
	margin-top: 0px;
	margin-bottom: 16px;
}

.boxValorArriendo {
	padding: 20px 15px;
}

.boxValorArriendoSpanDepto {
	font-size: 16px;
	font-weight: 400;
	color: #222529;
}

.boxValorArriendoSpanDeptoNum {
	font-size: 32px;
	font-weight: 700;
	color: #222529;
}

.boxValorArriendoSpanUF {
	font-size: 18px;
	font-weight: 500;
	color: #707070;
}

.boxValorArriendoSpanValor {
	font-size: 27px;
	font-weight: 500;
	color: black;
}

.boxValorArriendoSpanPorMes {
	font-size: 14px;
	font-weight: 500;
	color: #bababa;
}

.firstColboxValorArriendo {
	border-right: 1px solid #bababa;
}

.boxValorArriendo {
	position: relative;
}

.boxValorArriendoMax2Personas {
	position: absolute;
	font-size: 14px;
	font-weight: 500;
	color: #f75126;
	background-color: #fff1ed;
	border-radius: 12px;
	padding: 3px 5px;
	left: 25px;
	bottom: -8px;
}

.listCotizaciónUL {
	margin-top: 25px;
	border-top: 1px solid #707070;
	padding-top: 17px;
	padding-left: 1rem;
}

.listCotizaciónUL li {
	font-size: 15px;
	font-weight: 500;
	color: #423f5a;
}

.listCotizaciónOL {
	padding-left: 1rem;
	list-style-position: inside;
}

.listCotizaciónOL li {
	font-size: 15px;
	font-weight: 400;
	color: #707070;
	margin-bottom: 5px;
}

.listCotizaciónOLspan {
	font-weight: 700;
}

.formCotizacionh4 {
	margin-top: 50px;
	font-size: 28px;
	font-weight: 500;
	color: #d37a62;
}

.btnPDF {
	margin-bottom: 20px;
}

.formCotizador .titleCotizacionNotas {
	margin-bottom: 16px;
}

.colInfoApartmentCotizadorMobile {
	display: none;
}

.colBoxValorArriendoSpanValor {
	padding-right: 0px;
}

.colBoxValorArriendoSpanPorMes {
	padding-left: 0px;
	padding-bottom: 10px;
}

.rowIconBackMobile {
	display: none;
}

.boxInfoApartmentRightBathroom {
	border-left: none;
}

@media (max-width: 1400px) {
	.formCotizador .radioBtnParking {
		width: 110px;
	}

	.colParking {
		padding-left: 0px;
		padding-right: 0px;
	}

	.boxInfoApartmentRightBed {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media (max-width: 1199px) {
	.colBoxValorArriendoSpanPorMes {
		padding-bottom: 0px;
	}

	.colInputPeopleInApartment .form-check {
		padding-left: 2px;
	}
}

@media (max-width: 991px) {
	/*ESTILOS LANDING */

	.containerBoxCotizar {
		position: relative;
	}

	.containerBoxCotizarMobile {
		display: block;
		position: fixed;
		z-index: 11;
	}

	.containerBoxCotizarMobile select {
		margin-bottom: 0px;
	}

	.containerBoxCotizarMobile .boxCotizarColMobile {
		position: relative;
	}

	.containerBoxCotizarMobile .labelBoxCotizarMobile {
		font-size: 9px;
		font-weight: 500;
		color: #bababa;
		position: absolute;
	}

	.containerBoxCotizarMobile .btnCotizarMobile {
		margin-bottom: 0px;
		width: 90%;
	}

	.containerBoxCotizarMobile .boxCotizar {
		padding: 8px;
		height: 69px;
	}

	.containerBoxCotizarMobile .boxCotizar .boxCotizarColPiso,
	.containerBoxCotizarMobile .boxCotizar .boxCotizarColOrientacion {
		margin-top: 0px;
	}

	.boxCotizar {
		height: auto;
		width: auto;
		box-shadow: 0 5px 15px rgb(112 112 112 / 20%);
		position: relative;
	}

	#containerCarousel {
		position: relative;
		z-index: 12;
	}

	.backgroundfirstRowInfoLanding {
		padding-top: 70px;
		padding-bottom: 250px;
		margin-top: -100px;
	}

	.containerCarousel {
		padding: 0px;
	}

	.carousel-inner {
		border-radius: 0px;
	}

	.backgroundContainer {
		background-color: #f6f7f8;
	}

	.carouselLanding {
		padding-left: 0px;
		padding-right: 0px;
	}

	.boxCotizarColPiso,
	.boxCotizarColOrientacion {
		margin-top: 20px;
		padding-right: calc(var(--bs-gutter-x) * 0.5);
		padding-left: calc(var(--bs-gutter-x) * 0.5);
	}

	.btnCotizar {
		width: 50%;
		margin-bottom: -50px;
	}

	.rowInfoLanding {
		margin-top: 90px;
	}

	.rowInfoLanding h3 {
		font-size: 23px;
	}

	.containerSecondRorInfoLanding {
		margin-top: -200px;
	}

	.rowContainerCarousel {
		margin: 0px;
	}

	#carouselLanding {
		padding: 0px;
	}

	.carousel-control-prev {
		padding-left: 10px;
	}

	.carousel-control-next {
		padding-right: 10px;
	}

	.galery h4 {
		font-size: 24px;
	}

	.backgroundGalery {
		margin-top: -150px;
	}

	/* ESTILOS COTIZACION*/

	.colInfoApartmentCotizadorMobile {
		display: block;
		padding: 13px;
	}

	.boxInfoApartmentCotizador {
		background-color: white;
	}

	.rowIconBack {
		display: none;
	}

	.rowIconBackMobile {
		display: flex;
	}

	.boxInfoApartmentCotizador .imgDeptoCotizador {
		margin-left: 0px;
	}

	.boxInfoApartmentRightBed,
	.boxInfoApartmentRightBathroom,
	.boxInfoApartmentRightDetailsMtr {
		border-top: solid 1px #dfdfdf;
		border-bottom: none;
	}

	.boxInfoApartmentRightBathroom,
	.boxInfoApartmentRightDetailsMtr,
	.boxInfoApartmentRightMtr {
		border-left: none;
		border-right: none;
	}

	.boxInfoApartmentRightPeople {
		border-bottom: none;
	}

	.boxInfoApartmentRightMtr {
		padding-top: 0px;
	}

	.boxInfoApartmentRightDetailsMtr {
		padding-bottom: 10px;
	}

	.borderMts {
		padding-bottom: 15px;
		padding-top: 10px;
		border-bottom: none;
		border-top: solid 1px #dfdfdf;
		margin-right: 25%;
		margin-left: 25%;
	}

	.boxValorArriendoMax2Personas {
		left: 70px;
	}

	.formCotizacion {
		padding: 35px 0px;
		margin-top: 0px;
	}

	.paddingformCotizacion {
		width: 100%;
		padding-left: 10px;
		padding-right: 10px;
	}

	.colDetailMtsInfoApartment {
		padding-left: 0px;
		padding-right: 0px;
	}

	.colBoxValorArriendoSpanPorMes {
		padding-bottom: 10px;
	}
}

@media (max-width: 767px) {
	/* ESTILOS LANDING */

	.boxCotizar .boxCotizarDepto {
		font-size: 16px;
	}

	.containerBoxCotizarMobile .btnCotizarMobile {
		width: 100%;
	}

	.boxCotizar h3 {
		font-size: 40px;
	}

	.boxCotizar .spanNumboxCotizar {
		font-size: 18px;
	}

	.boxCotizar .spanTextBoxCotizar {
		font-size: 12px;
	}

	.boxCotizar .labelBoxCotizar {
		font-size: 14px;
	}

	.containerBoxCotizarMobile .labelBoxCotizarMobile {
		font-size: 9px;
	}

	.btnCotizar {
		font-size: 16px;
	}

	.rowInfoLanding h3 {
		font-size: 20px;
	}

	.rowInfoLanding ul {
		font-size: 15px;
		margin-bottom: 30px;
	}

	.rowInfoLanding img {
		width: 316px;
		height: 283px;
	}

	.backgroundfirstRowInfoLanding {
		padding-bottom: 350px;
	}

	.containerSecondRorInfoLanding {
		margin-top: -300px;
	}

	.backgroundGalery {
		padding-top: 250px;
		margin-top: -110px;
	}

	.backgroundSuggestedApartments {
		background-image: url("../img/bgSuggestedApartmentsMobile.png");
		padding-top: 200px;
		margin-top: -80px;
	}

	/* ESTILOS COTIZACION */
	.boxValorArriendoSpanDepto {
		font-size: 14px;
	}

	.boxValorArriendoSpanDeptoNum {
		font-size: 26px;
	}

	.boxValorArriendoSpanUF {
		font-size: 14px;
	}

	.boxValorArriendoSpanValor {
		font-size: 29px;
	}

	.boxValorArriendoSpanPorMes {
		font-size: 12px;
	}

	.boxValorArriendoMax2Personas {
		font-size: 12px;
		left: 40px;
	}

	.listCotizaciónUL li,
	.listCotizaciónOL li {
		font-size: 13px;
	}

	.formCotizacionh4 {
		margin-top: 28px;
		font-size: 24px;
	}

	.formCotizador h2,
	.boxInfoApartmentCotizador .numInfoApartmentCotizador {
		font-size: 18px;
	}

	.boxInfoApartmentCotizador span {
		font-size: 14px;
	}

	.boxInfoApartmentCotizador .textInfoApartmentCotizador,
	.boxInfoApartmentCotizador .textInfoApartmentCotizadorRed,
	.boxInfoApartmentCotizador .numInfoApartmentCotizadorSmall,
	.boxInfoApartmentCotizador .m2InfoApartmentCotizador {
		font-size: 12px;
	}

	.boxInfoApartmentCotizador .textInfoApartmentCotizadorRed {
		margin-top: 5px;
	}

	.formCotizador h3 {
		font-size: 12px;
	}

	.listCotizaciónOL {
		padding-left: 0rem;
	}

	.boxInfoApartmentRightBed,
	.boxInfoApartmentRightBathroom,
	.boxInfoApartmentRightPeople {
		padding-right: 5px;
		padding-left: 5px;
	}

	.boxInfoApartmentRightBed img {
		height: 29px;
		width: 43px;
	}

	.boxInfoApartmentRightBathroom img {
		height: 28px;
		width: 32px;
	}

	.boxInfoApartmentRightPeople img {
		height: 25px;
		width: 29px;
	}

	.colBoxValorArriendoSpanPorMes {
		padding-bottom: 0px;
	}

	.boxInfoApartmentRightPeople,
	.boxInfoApartmentRightBed,
	.boxInfoApartmentRightBathroom,
	.boxInfoApartmentRightMtr,
	.boxInfoApartmentRightDetailsMtr {
		padding: 5px 5px;
	}

	.imgBed,
	.imgBathroom,
	.imgClient {
		font-size: 20px;
	}
}

@media (max-width: 463px) {
	.boxValorArriendoMax2Personas {
		left: 20px;
	}

	#colInfoApartmentCotizadorMobile .boxInfoApartmentCotizador {
		padding: 20px 10px;
	}
}