@import url('https://fonts.googleapis.com/css?family=Oswald:500');
@import url('https://fonts.googleapis.com/css?family=Heebo:500,700');
@import url('https://fonts.googleapis.com/css2?family=Mukta+Vaani:wght@700&display=swap');
*{ margin: 0; padding: 0; box-sizing:border-box; transition: all 0.3s;}

html {scroll-behavior: smooth; min-height: 100%; position: relative;}
header {position: fixed; top: 0; z-index: 100; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34); width: 100%; background-color: #fff600;}

.verde {color: green;}
.blanco {color: white;}


/*----- HEADER------*/

.logo {font-family: 'Oswald', sans-serif; font-size: 2.5rem; color: black !important; margin: 0px 0px; margin-top: 1.5rem; line-height: 100%;}
.compraventa {font-family: 'Oswald', sans-serif; font-size: 1.3rem; color: #27add4 !important; margin-bottom: 1.4rem}

.tel {font-family: 'Oswald', sans-serif; font-size: 1.8rem; color: black !important; margin-top: 1.75rem; margin-bottom: 0.75rem; text-align: right; line-height: 70%;}
a.tel:hover {color: red;}

.cel {text-align: right;}
.cel a {color: #27add4;}

.icono-wap-header {font-size: 1rem;}
.boton-wap-header {font-family: 'Heebo', sans-serif; font-size: 0.85rem; background-color: #1ebea5; border: solid 1px #1ebea5;}
.btn {padding: 0.3rem 0.4rem 0.2rem 0.4rem;}
.btn-outline-light:hover {color: #1ebea5; border: solid 1px #1ebea5;}
.btn-primary {font-family: 'Heebo', sans-serif; font-size: 0.85rem;}
.btn-primary:hover {background-color: red; border-color: red;}
:target {display: block; position: relative; top: -10rem; visibility: hidden;}


/*----- PASADOR------*/

.base-pasador {margin-top: 4rem}


/*----- BOTON WAPP GRANDE------*/

.base-wap {background-color: #1ebea5; padding: 1rem;}
.boton-wap {margin-top: 1rem; margin-bottom: 1rem}
.icono-wap {font-size: 2.5rem; margin: 0rem 1rem; line-height: 160%;}


/*----- TEXTOS------*/

.frase {font-family: 'Oswald', sans-serif; font-weight: 500; text-align: center; font-size: 2.5rem; color: #27add4; line-height: 120%; margin-top: 2rem;}
.destaque {text-align: center;}
.destaque span {font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 2rem; color: black; background-color: #fff600; padding: 0 0.5rem 0 0.5rem}
.bajada {font-family: 'Heebo', sans-serif; font-weight: 500; text-align: center; font-size: 1.5rem; color: black; margin-top: 1.5rem; line-height: 120%;}

.tit-desc {font-family: 'Heebo', sans-serif; font-weight: 700; font-size: 1.75rem; color: black; margin-top: 2rem; text-align: center; color: #27add4;}
.txt-desc {font-family: 'Heebo', sans-serif; font-weight: 500; font-size: 1.3rem; color: grey; margin-bottom: 2rem; text-align: center;}
.tit-desc-b {font-family: 'Oswald', sans-serif; font-size: 2rem; color: #ffffff; margin-top: 2rem; text-align: center;}
.txt-desc-b {font-family: 'Heebo', sans-serif; font-weight: 500; font-size: 1.3rem; color: #ffffff; margin-bottom: 2rem; text-align: center;}
.base {background-color: #27add4; margin-top: 2rem;}

.icono {font-size: 4rem; color: #ff7600; margin-bottom: 1rem;}
.bajada2 {font-family: 'Heebo', sans-serif; text-align: center; font-weight: 500; font-size: 1.3rem; color: #27add4; margin-top: 4rem; margin-bottom: 5rem; line-height: 120%;}


/*----- DIRECCION ------*/

.dire {background-color: #fffdc3; padding: 2rem 0rem 2rem; text-align: center;}
.dire p {font-family: 'Heebo', sans-serif; text-align: center; font-weight: 500; font-size: 1.5rem; color: #000000; margin-top: 0rem; line-height: 140%; margin-bottom: 0rem;}
.dire a {color: #27add4;}
.dire a:hover {color: red;}
.dire-w {font-family: 'Heebo', sans-serif; text-align: center; font-weight: 500; font-size: 1.5rem; color: #000000 !important; margin-top: 0rem; line-height: 140%;}
.dire-w:hover {color: red !important;}


/*----- MAPA------*/

iframe {width: 100%; height: 300px; margin-bottom: 4rem;}


/*----- FORMULARIO------*/

.form-tit {font-family: 'Oswald', sans-serif; font-size: 2.8rem; color: #27add4; margin: 0px 0px; margin-bottom: 1.8rem;}
.form-control {background-color: #fffee6; border: 1px solid #27add4;}
label {font-family: 'Heebo', sans-serif; font-weight: 400; color: #27add4; margin-bottom: 0.37rem;}
.form-control-file {margin-bottom: 0.5rem;}
.btn-primary {background-color: #27add4; border-color: #27add4;}


/*----- PIE------*/

.pie-contenedor {background-color: #fff600; margin-top: 5rem; padding: 3rem 0 2rem 0; }
.pie-logo {font-family: 'Oswald', sans-serif; font-size: 2rem; color: black !important; line-height: 100%;}
.pie-compraventa {font-family: 'Oswald', sans-serif; font-size: 1.5rem; color: #27add4 !important; }
.pie-mail {font-family: 'Heebo', sans-serif; font-size: 1rem; color: #8d8d8d; }
.pie-mail a:hover {color: red;}
.pie-cel {font-family: 'Heebo',, sans-serif; font-size: 1rem; color: #8d8d8d !important; }
.pie-creditos {font-family: 'Heebo', sans-serif; font-size: 1rem; color: #8d8d8d !important; text-align: right; line-height: 120%; margin-top: 0rem}


/*----- GRACIAS------*/

.gracias {font-family: 'Oswald', sans-serif; text-align: center; font-size: 2.3rem; color: #27add4 !important; margin-top: 7rem; line-height: 120%}
.gracias-contacto {font-family: 'Oswald', sans-serif; text-align: center; font-size: 1.5rem; color: black !important; margin-top: 0rem; line-height: 130%;}
.gracias-volver {font-family: 'Oswald', sans-serif; text-align: center; font-size: 1.2rem; color: black !important; margin-top: 3rem; line-height: 100%;}
a.gracias-volver:hover {color: #0099ff !important;}








.titulo {font-family: 'Encode Sans Condensed', sans-serif; font-size: 6rem; color: white; text-align: center; line-height: 6rem; margin-top: 3rem; margin-bottom: 3rem}

.consulte {font-family: 'Encode Sans Condensed', sans-serif; font-size: 2rem; color: #0099ff; text-align: center; margin-top: 3rem; margin-bottom: 3rem}

.link {font-family: 'Encode Sans Condensed', sans-serif; font-size: 1.3rem; color: #ffffff; text-decoration: none;  margin-top: 1rem}





footer p{ padding: 1rem; margin: 0; text-align: center; font-size: 0.8rem;}





@media (max-width: 1440px){

	.logo {font-family: 'Oswald', sans-serif; font-size: 3rem; color: black !important; margin: 0px 0px; margin-top: 1.5rem; line-height: 100%;}
	.frase {font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 3rem; color: #27add4; line-height: 120%; margin-top: 0rem}
}


@media (max-width: 1366px){

	.logo {font-family: 'Oswald', sans-serif; font-size: 2.5rem; color: black !important; margin: 0px 0px; margin-top: 1.5rem; line-height: 100%;}
	.tel {font-family: 'Oswald', sans-serif; font-size: 1.4rem; color: black !important; margin-top: 2rem; margin-bottom: 0.75rem; text-align: right; line-height: 70%;}
	.cel {margin-bottom: 1rem; text-align: right; line-height: 100%;}
	.icono-wap-header {font-size: 1rem;}
	.boton-wap-header {font-size: 0.85rem;}
	.compraventa {margin-bottom: 1rem;}
	.frase {font-family: 'Oswald', sans-serif; font-weight: 500; font-size: 3rem; color: #27add4; line-height: 120%; margin-top: 2rem;}
}


@media (max-width: 1024px){

	.logo {font-family: 'Oswald', sans-serif; font-size: 3rem; color: black !important; margin: 0px 0px; margin-top: 1.5rem; line-height: 100%;}
	.base-pasador {margin-top: 7rem;}
	.pie-logo {text-align: center;}
	.pie-mail {text-align: center;}
	.pie-creditos {text-align: center;}
}


@media (max-width: 823px){

	header {position: absolute; top: 0; z-index: 100; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34); width: 100%; background-color: #fff600}
	.frase {font-family: 'Oswald', sans-serif; text-align: left; font-weight: 500; font-size: 2.3rem; color: #27add4; line-height: 100%; margin-top: 0rem}

}



@media (max-width: 812px){

	header {position: absolute; top: 0; z-index: 100; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34); width: 100%; background-color: #fff600}
	.frase {font-family: 'Oswald', sans-serif; text-align: left; font-weight: 500; font-size: 2.3rem; color: #27add4; line-height: 100%; margin-top: 0rem}

}



@media (max-width: 768px){

	header {position: absolute; top: 0; z-index: 100; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34); width: 100%; background-color: #fff600}
	.tel {font-family: 'Oswald', sans-serif; font-size: 2rem; color: black !important; margin-top: 0rem; text-align: left; line-height: 70%;}
	.cel {font-family: 'Oswald', sans-serif; font-size: 2.4rem; color: #27add4 !important; margin-bottom: 2rem; text-align: left; line-height: 100%;}
	.frase {text-align: center; margin-top: 2rem}
	.base-pasador {margin-top: 13rem;}
	.tit-desc {font-family: 'Heebo', sans-serif; font-weight: 700; font-size: 1.2rem; color: black; margin-top: 0rem}
	.tit-desc-responsive {margin-top: 2rem}
	.txt-desc {font-family: 'Heebo', sans-serif; font-weight: 500; font-size: 1rem; color: grey; margin-bottom: 0rem}
	.bajada2 {font-family: 'Oswald', sans-serif; text-align: center; font-weight: 500; font-size: 1.4rem; color: #27add4; margin-top: 4rem; line-height: 130%;}
	.form-tit {text-align: center;}
}


@media (max-width: 640px){

	.frase {margin-top: 1.5rem}
	.tit-desc-responsive {margin-top: 2rem}
	.bajada2-responsive {margin-top: 0rem; margin-bottom: 4rem; line-height: 130%;}
}


@media (max-width: 500px){

	header {position: absolute; top: 0; z-index: 100; box-shadow: 0 10px 20px rgba(0, 0, 0, 0.34); width: 100%; background-color: #fff600}
	.tel {font-family: 'Oswald', sans-serif; font-size: 2rem; color: black !important; margin-top: 0rem; text-align: left; line-height: 70%;}
	.cel {font-family: 'Oswald', sans-serif; font-size: 2.4rem; color: #27add4 !important; margin-bottom: 2rem; text-align: left; line-height: 100%;}
	.icono-wap {font-size: 1rem; margin-top: 1.7rem; margin-right: 0.5rem; margin-left: 0.5rem}
	.base-pasador {margin-top: 19rem;}
	.frase {text-align: center;}
	.tit-desc {font-family: 'Heebo', sans-serif; font-weight: 700; font-size: 1.2rem; color: black; margin-top: 0rem}
	.tit-desc-responsive {margin-top: 2rem}
	.txt-desc {font-family: 'Heebo', sans-serif; font-weight: 500; font-size: 1rem; color: grey; margin-bottom: 0rem}
	.bajada2 {font-family: 'Oswald', sans-serif; text-align: center; font-weight: 500; font-size: 1.4rem; color: #27add4; margin-top: 4rem; line-height: 130%;}
	.bajada2-responsive {margin-top: 0rem; margin-bottom: 4rem; line-height: 130%;}
}


@media (max-width: 320px){


	.base-wap {background-color: #1ebea5; margin-top: 0rem}
	.boton-wap {font-size: 0.8rem; margin-top: 1rem; margin-bottom: 1rem}
	.icono-wap {margin-top: 1.1rem;}

}