/* CSS Document */
@font-face {
    font-family:'Atyp Text Semibold';
    src: url('fonts/Atyp-Text-Semibold.eot');
	src: url('fonts/Atyp-Text-Semibold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Atyp-Text-Semibold.woff2') format('woff2'),
		url('fonts/Atyp-Text-Semibold.woff') format('woff'),
		url('fonts/Atyp-Text-Semibold.ttf') format('truetype'),
		url('fonts/Atyp-Text-Semibold.otf') format('opentype'),
		url('fonts/Atyp-Text-Semibold.svg#Atyp Text Semibold') format('svg');
    font-weight: 600;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Atyp Display';
    src: url('fonts/Atyp-Display.eot');
	src: url('fonts/Atyp-Display.eot?#iefix') format('embedded-opentype'),
		url('fonts/Atyp-Display.woff2') format('woff2'),
		url('fonts/Atyp-Display.woff') format('woff'),
		url('fonts/Atyp-Display.ttf') format('truetype'),
		url('fonts/Atyp-Display.otf') format('opentype'),
		url('fonts/Atyp-Display.svg#Atyp Display') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
@font-face {
    font-family:'Atyp Display Bold';
    src: url('fonts/Atyp-Display-Bold.eot');
	src: url('fonts/Atyp-Display-Bold.eot?#iefix') format('embedded-opentype'),
		url('fonts/Atyp-Display-Bold.woff2') format('woff2'),
		url('fonts/Atyp-Display-Bold.woff') format('woff'),
		url('fonts/Atyp-Display-Bold.ttf') format('truetype'),
		url('fonts/Atyp-Display-Bold.otf') format('opentype'),
		url('fonts/Atyp-Display-Bold.svg#Atyp Display Bold') format('svg');
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    unicode-range: U+0020-00FE;
}
html, body {
	font-size: 20px;
}
.jumbotron {
	background:#214B39;
	margin-bottom: 0;
	padding: 5rem 5rem 7rem;
	justify-content: center;
	align-items: center;
	display: flex;
}
.container-fluid {
	max-width: 2120px;
}
.jumbotron h1 {
	font-family:'Atyp Text Semibold', Verdana, "sans-serif";
	color: #FFF;
	font-size: 5rem;
	line-height: 98%;
	font-weight: 600;
	margin-bottom: 3.5rem;
	width:126%;
}
.jumbotron .col-lg-4:nth-child(1) {
	z-index: 2;
}
.jumbotron .col-lg-4:nth-child(2) {
	z-index: 1;
	display: flex;
	justify-content: flex-end;
	flex-direction: column;
}
.jumbotron .col-lg-4:nth-child(3) {
	z-index: 2;
}
.jumbotron .pareja {
	width: 120%;
	margin-bottom: 0;
}
.jumbotron .logo {
	margin-bottom: 7rem;
	width: 70%;
	height: auto;
}
.jumbotron h1 strong {
	color: #54CFA8;
	font-weight: 600;
}
.jumbotron p {
    font-family:'Atyp Display';
	color: #FFF;
	font-size: 2.5rem;
	line-height: 98%;
	font-weight: 400;
	margin-bottom: 2.25rem;
	width:100%;
}
.jumbotron p strong {
    font-family:'Atyp Display Bold';
	text-decoration: underline;
	color: #54CFA8;
}
.cont-form {
	box-shadow: 0 .2rem .89rem 0 #00000040;
	background: #FFF;
	border-radius: 1rem;
	padding: 4rem 2.25rem 2.5rem;
	
	margin-top: 8rem;
}
p span {
    font-size: 200%;
    line-height: 50%;
    vertical-align: middle;
}

/* ============================= */
/* FORMULARIO SIMPLE Y LIMPIO */
/* ============================= */

.cont-form .hs-fieldtype-text,
.cont-form .hs-fieldtype-number,
.cont-form .hs-phone {
    margin-bottom: 1.5rem;
    position: relative;
}

/* LABEL ARRIBA DEL CAMPO */
.cont-form label {
    display: block;
    margin-bottom: .4rem;
    font-size: 1rem;
    color: #044736;
    font-family: 'Atyp Display';
    position: relative;
}

/* INPUTS */
.cont-form input,
.cont-form select {
    width: 100%;
    height: 2.5rem;
    background: #F7F5F5;
    border: 0;
    border-radius: .5rem;
    padding: 0 .75rem;
    font-size: 1rem;
    outline: none;
}

/* TELÉFONO */
.hs-fieldtype-intl-phone {
    background: #F7F5F5 !important;
    border-radius: .5rem;
    display: flex;
    align-items: center;
    padding: 0 .5rem;
}

.hs-fieldtype-intl-phone select,
.hs-fieldtype-intl-phone input {
    background: transparent;
    border: 0;
    height: 2.5rem;
}

/* ERRORES DEBAJO DEL CAMPO */
.hs-error-msgs,
.cont-form ul {
    position: relative !important;
    width: 100% !important;
    list-style: none;
    padding: 0;
    margin-top: .4rem;
}

/* TEXTO ERROR */
label.hs-error-msg {
    color: red !important;
    font-size: .75rem !important;
    text-align: left !important;
    display: block;
}

/* QUITAR FLECHAS INPUT NUMBER */
input[type=number]::-webkit-inner-spin-button,
input[type=number]::-webkit-outer-spin-button {
    -webkit-appearance: none;
    margin: 0;
}

input[type=number] {
    -moz-appearance: textfield;
}


.hs_submit input {
	background: #0CCDAC;
	border-radius: 2rem;
	text-align: center;
	color: #FFF;
	font-size: 2rem;
    font-family:'Atyp Display Bold';
	border:0 none;
	width: 100%;
	margin-top: 0rem;
	padding-top: 0.2rem;
	padding-bottom: 3.5rem;
}
.cont-form p {
	color: #044736;
    font-family:'Atyp Display Bold';
	font-size: 1.5rem;
	line-height: 110%;
	text-align: center;
	font-weight: 400;
}
.cont-form p strong {
    font-family:'Atyp Display Bold';
}
section.beneficios {
	background: #ECECEC;
	padding-top: 6rem;
	padding-bottom: 7.5rem;
}
section.beneficios h2 {
	color: #0CCDAC;
	font-weight: 400;
	font-size: 4rem;
	text-align: center;
    font-family:'Atyp Display Bold';
}
section.beneficios p {
    font-family:'Atyp Display';
	font-weight: 400;
	font-size: 2.5rem;
	color: #044736;
	text-align: center;
	margin-bottom: 4rem;
}
.tips {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 3rem;
	grid-gap: 2rem;
	margin: 0 auto;
	width: 80%;
}
.tips .item {
	display: flex;
	width: calc(50% - 1.5rem);
	justify-content: flex-start;
	align-items: center;
	flex-direction: row;
	background: #D9D9D9;
	border-radius: 1.5rem;
	padding: 2.5rem;
}
.tips .item img {
	margin-right: 1.75rem;
	width: 4.9rem;
}
.tips .item p {
	color: #044736;
	text-align: left;
	margin-bottom: 0;
    font-family:'Atyp Display';
	font-size: 2rem;
	line-height: 110%;
}
.tips .item p strong {
    font-family:'Atyp Display Bold';
}

section.avalan {
	background: #0CCDAC;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
section.avalan h2 {
	color: #044736;
	font-weight: 400;
	font-size: 4rem;
	text-align: left;
    font-family:'Atyp Display Bold';
	margin-bottom: 5rem;
}
.testimonios {
	overflow: hidden;
	padding: 5rem 4rem;
	border-radius: 1.5rem;
	background: #FFF;
	position: relative;
}
.testimonio {
	position: relative;
}
.testimonio p {
	color: #044736;
	font-size: 2rem;
    font-family:'Atyp Display';
	font-weight: 400;
}
.testimonio p strong {
    font-family:'Atyp Display Bold';
}


.testimonios .slick-prev,
.testimonios .slick-next {
	width: 3.85rem;
	height: 3.85rem;
	position: absolute;
	bottom:0;
	top:auto;
	font-size: 0;
	opacity: .4;
	transition: .5s;
	background-size: contain;
	background-repeat: no-repeat;
}

.testimonios .slick-prev {
	right: 8rem;
	left: auto;
	background-image: url("../images/prev.svg");
}
.testimonios .slick-next {
	right: 3.85rem;
	background-image: url("../images/next.svg");
}
.testimonios .slick-prev:before,
.testimonios .slick-next:before {
	display: none;
}

.testimonios .slick-prev:hover,
.testimonios .slick-next:hover {
	opacity: 1;
	
}






.testimonio h5 {
	color: #044736;
	font-size: 1.5rem;
    font-family:'Atyp Display';
	font-weight: 400;
	margin-bottom: 0;
}
.testimonio .next {
	position: absolute;
	bottom:5rem;
	right: 4rem;
}
.testimonio img {
	max-width: 100%;
	height: auto;
}

section.asesoria {
	background: #ECECEC;
	padding-top: 6rem;
	padding-bottom: 6rem;
}

section.asesoria p {
    font-family:'Atyp Display';
	font-weight: 400;
	font-size: 2.5rem;
	color: #044736;
	text-align: center;
	margin-bottom: 4rem;
}
.cifras {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	column-gap: 7rem;
	grid-gap: 2rem;
	width: 70%;
	margin: 0 auto;
	margin-bottom: 5rem;
}
.cifras .cifra {
	display: flex;
	width: calc(50% - 3.5rem);
	justify-content: flex-start;
	align-items: flex-start;
	flex-direction: column;
	background: #D9D9D9;
	padding: 2.5rem 3.5rem;
}
.cifras .cifra h2 {
	font-size: 4rem;
	color: #044736;
    font-family:'Atyp Display Bold';
	line-height: 100%;
	margin-bottom: 0;
}
.cifras .cifra p {
	color: #044736;
	text-align: left;
	margin-bottom: 0;
    font-family:'Atyp Display';
	font-size: 2rem;
	line-height: 110%;
}
.cifras .cifra p strong {
    font-family:'Atyp Display Bold';
}
.cont-btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}
.cont-btn .btn {
	color: #FFF;
	line-height: 100%;
	border-radius: 3.3rem;
	font-size: 2.2rem;
    font-family:'Atyp Display Bold';
	background: #044736;
	display: block;
	padding: 1rem 5rem 1.5rem 5rem;
}

section.inmobiliarias {
	background: #044736;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
section.inmobiliarias h2 {
	color: #FFF;
	text-align: center;
    font-family:'Atyp Display Bold';
	font-size: 4rem;
	font-weight: 400;
	margin-bottom: 6rem;
}
.galeria-logos {
	display: flex;
	column-gap: 1.5rem;
}
.galeria-logos figure{
	background: #FFF;
	border-radius: 1.5rem;
	padding: 0 2rem;
	width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
}
.galeria-logos figure img{
	max-width: 100%	
}
.galeria-logos .slick-slide{
	padding-left: 10px;
	padding-right: 10px;
}

section.faq {
	background: #ECECEC;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
section.faq h2 {
	color: #0CCDAC;
	text-align: left;
    font-family:'Atyp Display Bold';
	font-size: 4rem;
	font-weight: 400;
	margin-bottom: 6rem;
}

#accordionExample .card {
	background: transparent;
	border-radius: 0;
	border:0 none;
	margin-bottom: 0;
	border-bottom:.15rem solid #044736 !important;
}
#accordionExample .card .card-header {
	border-top: 0 none;
	border-left: 0 none;
	border-right: 0 none;
	background-color: transparent;
	border-bottom:.15rem solid transparent !important;
	padding: 0;
}
#accordionExample .card .card-header button {
	color: #044736;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	font-family:'Atyp Display';
	font-size: 2.5rem;
	justify-content: flex-start;
	padding: 1rem 0 1.25rem 0;
	align-items: center;
	text-decoration: none;
	line-height: 100%;
}
#accordionExample .card .card-header button::after {
	content: '';
	display: block;
	background: url("../images/chevron.png");
	width: 1.3rem;
	height: 1.3rem;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	transition: .5s;
	transform: rotate(-180deg);
	margin-right: 3rem;
	margin-left: auto;
}
#accordionExample .card .card-header button.collapsed::after {
	transform: rotate(0deg);
}
#accordionExample .card .card-header button:hover {
	text-decoration: none;
	color: #54CFA8;
}
#accordionExample .card .card-body {
	font-size: 2rem;
	font-family:'Atyp Display',Verdana, "sans-serif";
	line-height: 120%;
	padding: 1rem 0
		1.5rem;
}

section.elige {
	background-image: url("../images/bg-elige.jpg");
	background-position: center;
	background-size: cover;
	position: relative;
	padding-top: 6rem;
	padding-bottom: 6rem;
}
section.elige::before {
	content:'';
	display: block;
	width: 100%;
	height: 100%;
	background: #044736;
	opacity: .7;
	position: absolute;
	top: 0;
	left: 0;
}
section.elige h3 {
	color: #FFF;
	text-align: center;
    font-family:'Atyp Display Bold';
	font-size: 2.5rem;
	font-weight: 400;
	margin-bottom: 2rem;
}

section.elige p {
	color: #FFF;
	text-align: center;
    font-family:'Atyp Display';
	font-size: 2.5rem;
	font-weight: 400;
	margin-bottom: 2rem;
}

section.elige .btn {
	background: #0CCDAC;
}

footer {
	background: #0CCDAC;
	padding-top: 4.5rem;
	padding-bottom: 7rem;
	
}
footer p {
	font-size: 1.5rem;
	color: #044736;
    font-family:'Atyp Display';
	font-weight: 400;
	margin-bottom: 0;
}
footer img {
	max-width: 50%;
}
section,footer {
	padding-left: 5rem;
	padding-right: 5rem;
}

/*
* efectos
*/
.fade-in {
    opacity: 0;
    transition: opacity 2s;
}

.fade-in.visible {
    opacity: 1;
}

















/*pagina de exito*/

.page-success .exito h1 svg {
	fill:#0CCDAC;
	height: 2.5rem;
}
.page-success {
	background: #214B39;
	min-height: 100vh;
	width: 100%;
	flex-direction: column;
	display: flex;
	justify-content: space-between;
}
.page-success .exito {
	padding-top: 3rem;
	text-align: center;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	width: 1142px;
	max-width: calc(100% - 1.5rem);
	margin: 0 auto;
}
.page-success .exito .logo {
	width: 206px;
	max-width:70%;
	margin-bottom: 3rem;
}
.page-success .exito h1 {
	color: #FFF;
	font-size: 2.25rem;
	line-height: 100%;
	font-family:'Atyp Text Semibold',Verdana, "sans-serif";
	margin-bottom: 2.5rem;
}
.page-success .exito h1 strong {
	color: #0CCDAC;
}
.page-success .exito p {
    font-family:'Atyp Display';
	color: #FFF;
	font-size: 1.3rem;
	text-align: center;
	width: 395px;
	line-height: 130%;
	max-width: calc(100% - 1.5rem);
}
.page-success .exito p strong {
	font-family:'Atyp Text Semibold',Verdana, "sans-serif";
	color: #0CCDAC;
}
.page-success .exito a.btn {
	background: #0CCDAC;
	border-radius: 1.5rem;
	position: relative;
	min-height: 3rem;
	font-size: 1.8rem;
	text-align: center;
	font-family:'Atyp Text Semibold',Verdana, "sans-serif";
	color: #FFF;
	display: block;
	width: auto;
	line-height: 2rem;
	letter-spacing: -1px;
	margin-top: 4rem;
	margin-bottom: 4rem;
	max-width: calc(100% - 1.5rem);
	padding-left: 3rem;
	transition: .5s;
	padding-right: 3rem;
}
.page-success .exito a.btn:hover {
	border:1px solid #0CCDAC;
	background-color: transparent;
}
.page-success footer {
	padding-top: 1rem;
	padding-bottom: 25px;
	
}
.page-success footer p {
	font-family:'Atyp Display',Verdana, "sans-serif";
	margin-bottom: 0;
	margin-top: 0;
	font-size: 17px;
	font-weight: 400;
	color: #FFF;
	text-align: center;
}
@media (max-width:768px) {
	.page-success .exito {
		height: auto;
	}
	footer {
		padding-left: .75rem;
		padding-right: .75rem;
	}
}

@media (max-width:1924px) { 
	html, body {
		font-size: 18px;
	}
}
@media (max-width:1741px) { 
	html, body {
		font-size: 15px;
	}
}
@media (max-width:1558px) { 
	html, body {
		font-size: 14px;
	}
}
@media (max-width:1466px) { 
	html, body {
		font-size: 13px;
	}
}
@media (max-width:1374px) { 
	html, body {
		font-size: 12px;
	}
}
@media (max-width:1282px) { 
	html, body {
		font-size: 11px;
	}
}
@media (max-width:1193px) { 
	html, body {
		font-size: 10px;
	}
}
@media (max-width:1099px) { 
	html, body {
		font-size: 9px;
	}
}
@media (max-width:1007px) { 
	html, body {
		font-size: 8px;
	}
}
@media (max-width:991px) { 
	html, body {
		font-size: 14px;
	}
	.logo {
		width: 50%;
	}
	.jumbotron .pareja {
		width: 100%;
		margin-bottom: 2rem;
		max-width: 100%;
		height: auto;
	}
	.avalan img {
		max-width: 100%;
		height: auto;
	}
	.cont-form {
		margin-top: 0;
		margin-bottom: 2rem;
	}
}
@media (max-width:768px) { 
	html, body {
		font-size: 12px;
	}
	.jumbotron {
		padding-left: 2rem;
		padding-right: 2rem;
	}
}
@media (max-width:500px) { 
	html, body {
		font-size: 10px;
	}
	.logo {
		margin-bottom: 2rem;
	}
	footer {
		text-align: center;
	}
	footer img {
		margin-bottom: 2rem;
	}
}
#accordionExample .card .card-header button span {
	font-size: 200%;
    line-height: 50%;
    vertical-align: middle;
}

@media (max-width:991px){
	#accordionExample .card .card-header button::after {
		margin-right: 0;
	}
	.tips .item,
	.cifras .cifra{
		width: 100%;
	}
	.tips,
	.cifras {
		width: 100%;
	}
	.jumbotron h1 {
		width: 100%;
	}
	#accordionExample .card .card-header button {
		display: block;
		padding-right: 4rem;
	}
	#accordionExample .card .card-body {
		padding-right: 4rem;
	}
	#accordionExample .card .card-header button::after {
		position: absolute;
        right: 0;
        top: calc(50% - .5rem);
	}
}
@media (max-width:550px){
	section, footer {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}
	
}
@media (max-width:500px) {
	.inmobiliarias .slick-list.draggable {
		margin-left: 1rem;
		margin-right: 1rem;
	}
	.inmobiliarias .slick-prev {
		left: 0;
	}
	.inmobiliarias .slick-next {
		right: 0;
	}
	.cont-form p {
		font-size: 2rem;
	}
	.cont-form .hs-fieldtype-text label,
	.cont-form .hs-phone label,
	.cont-form .hs-fieldtype-number label {
		margin-top: .5rem;
		font-size: 2rem !important;
	}
	.cont-form .hs-fieldtype-text .input input,
	.hs-fieldtype-intl-phone {
		height: 3.5rem !important;
	}
	.hs_submit input {
		font-size: 2.5rem;
	}
	.hs_phone legend {
		font-size: 1.1rem;
	}
	}
	/* Campo numérico (Renta líquida) */
.cont-form .hs-fieldtype-number {
	position: relative;
	margin-bottom: 1.5rem;
}

.cont-form .hs-fieldtype-number label {
	display: block;
	margin-bottom: .25rem;
	font-size: 1.5rem;
	color: #044736;
	transition: all 0.3s ease;
	position: absolute;
	z-index: 1;
	padding: .2rem .3rem;
	line-height: 100%;
}

.cont-form .hs-fieldtype-number .input input {
	width: 100%;
	border: 0 none;
	background: #F7F5F5;
	border-radius: .5rem;
	font-size: 1rem;
	height: 2.3rem;
	padding: .2rem;
	text-indent: .5rem;
	outline: none;
}

/* Quitar flechas del input number */
.cont-form .hs-fieldtype-number input[type=number]::-webkit-inner-spin-button,
.cont-form .hs-fieldtype-number input[type=number]::-webkit-outer-spin-button {
	-webkit-appearance: none;
	margin: 0;
}

.cont-form .hs-fieldtype-number input[type=number] {
	-moz-appearance: textfield;
}

/* ============================= */
/* FIX DEFINITIVO RENTA LIQUIDA */
/* ============================= */

/* Reset completo del campo number */
.cont-form .hs-fieldtype-number {
    position: relative !important;
    margin-bottom: 1.5rem !important;
}

/* Label normal arriba */
.cont-form .hs-fieldtype-number label {
    position: relative !important;
    top: auto !important;
    left: auto !important;
    font-size: 18px !important;
    margin-bottom: .4rem !important;
    display: block !important;
    padding: 0 !important;
}

/* Input normal */
.cont-form .hs-fieldtype-number .input {
    padding-top: 0 !important;
}

.cont-form .hs-fieldtype-number input {
    height: 2.5rem !important;
    padding: 0 .75rem !important;
    text-indent: 0 !important;
}

/* Quitar cualquier comportamiento flotante activo */
.cont-form .hs-fieldtype-number.activefocus label {
    font-size: 1rem !important;
    position: relative !important;
}

/* Error debajo correctamente */
.cont-form .hs-fieldtype-number .hs-error-msgs,
.cont-form .hs-fieldtype-number ul {
    position: relative !important;
    margin-top: .4rem !important;
    width: 100% !important;
}

.cont-form .hs-fieldtype-number label.hs-error-msg {
    text-align: left !important;
    font-size: .75rem !important;
}
/*boton- whatsapp*/
.box-wsp {
    position: fixed;
    z-index: 99;
    bottom: 3rem;
    right: 2rem;
}
.box-wsp a img {
    transition: cubic-bezier(.77, 0, .175, 1) .5s;
    width: 70px;
    min-height: 70px;
    max-width: 70px;
    height: 70px;
    min-width: 70px;
    max-height: 70px;
}