html {scrollbar-width: none;}
body {
  margin: 0 auto;
  padding: 0;
  display: block;
  position: relative;
  font-family: 'Inter', sans-serif;
  font-size:16px;
  scrollbar-width: none;
}
/* width */
::-webkit-scrollbar {
  width: 0px;
}

/* Track */
::-webkit-scrollbar-track {
  border-radius: 10px;
}
 
/* Handle */
::-webkit-scrollbar-thumb {
  border-radius: 0px;
}

h1{font-weight: 800;padding: 10px 0px;font-size: 1.13em;line-height: 1.12em;margin: 0 auto;}

h2{
     font-size: 2em;
     font-weight: 500;
     line-height: 1em;
     margin-bottom:10px;
     text-align: center;
}
h3{
   font-size: 0.85em;
   line-height: 1.3em;
   margin-bottom: 0px;
   font-weight: 500;
   text-align: center;
}

strong li {line-height:0; margin: 0 }
ul{margin: 3% 0 0 0;padding-left: 6%;width: 99%;}

li{margin: 0;}

#aux-container {
  display: block;
  margin: 0 auto;
  padding: 0;
  width: 100%;
  position: relative;
  /*! max-width: 900px; */
}
.fa, .fas, .far {
    font-weight: 900;
    font-size: 1.3em;
    color: #75e670;
    padding-right: 7px!important;
}

.fa-location-arrow{
   font-size: 1.5em!important;
}

.fa.fa-envelope-o {
    font-size: 1rem!important;}

#preguntas{background-color: #f7f7f7;margin-top: 21%;padding-top: 5%;}

#btnheader {display: none;vertical-align: middle;}

#texto-principal-gracias {text-align: left;}

.field i {
    display: block;
    margin: 0 auto;
    padding: 10px 10px 6px 12px;
    font-size: 20px;
    color: #ffffff;
    border-radius: 7px 0 0 7px;
    background-color: #4cc300;
}

.txticosverdes {
    font-size: 15px;
    line-height: 53px;
    margin-bottom: 0px;
    text-align: center;
    width: 80%;
    margin: 0 auto;
    }
.destacadoblanco {line-height: 35px;background-color:#ffffff;padding: 1px 5px;border-radius: 9px;}

.espacioicosverdes {margin-top: 11%!important;}

.espaciofondogris {margin-bottom: 5%!important;}

.header-container {
  display: block;
  position: fixed;
  width: 100%;
  margin: 0 auto;
  padding-top: 2%;
  background: #fff;
  z-index: 9;
  left: 0;
}
.main-container {
  margin: 0 auto;
  padding-top: 57px;
  display: block;
  position: relative;
}
#logo {
  display: block;
  margin: 0 auto;
  width: 100%;
  vertical-align: middle;
}
#logo img {
  display: block;
  margin: 0 auto;
  max-width: 190px;
  width: 100%;
}
#img_btn_frm {
    width: 43px;
    display: inline-block;
    margin: 0 auto;
    padding-top: 0px;
}
#img_btn {display: inline-block;width: 10%;max-width:48px;vertical-align: middle;}

.centradoicosverdes{margin: 19px auto!important;display: block!important;}

.icosverdes {display: block;font-size: 1em;width: 60%;margin: 0 auto;text-align: center;}

.franjaverde {
    margin: 0 auto;
    width: 81%;
}

.maindiv {
  display: block;
  margin: 0 auto;
  width: 92%;
  padding: 1% 3% 0 3%;
  position: relative;
}
#texto-principal {
  display: block;
  margin: 0 auto;
  text-align: left;
  position: relative;
  max-width: 800px;
  vertical-align: middle;
}

.destacado {font-weight: 700}

.img-principal {
  display: block;
  margin: 0 auto;
  width: 100%;
  max-width: 920px;
  left: 0;
  right: 0;
  bottom: 0;
  vertical-align: middle;
}

.anchoflecha{display: block;width: 40%;margin-left: 26%;/* margin-top: 12px; */}

.anchoflechaheader{display: block;width: 61%;margin-left: 26%;/* margin-top: 12px; */}

.img-mancha {
  display: inline-block;
  margin: 0 auto;
  position: relative;
  width: 100%;
  text-align: center;
  vertical-align: middle;
}
.fondoverde {
  background-color: #dffee0;
}

.centrado {
    display: block;
    margin: 0 auto;
    text-align: center;
}

.main-title {
    font-size: 1.4em;
    display: block;
    font-weight: bold;
    line-height: 1.8em;
}

.main-list {
    display: inline-block;
    margin: 4px auto;
    font-size: 0.85em;
}

.main-list-gracias {
    display: inline-block;
    margin: 4px auto;
    font-size: 1em;
    line-height: 1.4em;
}

.main-list li {margin: 4px 0 6px 0;font-size: 1.12em;padding: 0 5% 0 0;}


.main-button-cta {
    background-color: #0195f5;
    display: block;
    margin: 20px auto;
    text-align: center;
    padding: 15px 0px;
    /* background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%); */
    /* font-style: italic; */
    color: #fff;
    border-radius: 10px;
    cursor:pointer;
    font-weight: bold;
}

.main-button-cta span {
    font-size: 1.3em;
    letter-spacing: -1px;
    vertical-align: middle;
}

.img-mancha img {
    display: none;
    width: 100%;
    margin: 0 auto;
    max-width: 180px;
}

.img-fondocasa {
    display: block;
    margin: 0 auto;
    position: relative;
    width: 100%;
    text-align: center;
    max-width: 900px;
}

.fondoblanco {
  background-color: #FFFFFF;
  margin-top: 12%;
  text-align:center;
}
.fondogris {
  background-color: #f7f7f7;
  height: 1814px;
  display: block;
  /* height: 66%; */
  margin-top: 15%;
  padding-top: 98px;
}


.cuadroverde{
    background-color: #75e670;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: 800;
    padding: 20px 0;
    width: 98%;
    margin: 0 auto;
    position: relative;
    display: block;
}
.texto2{
    margin: 0 auto;
    width: 90%;
    text-align: center;
}
.texto3{
  font-size: 1em;
  text-align: center;
  line-height: 1.2em;
}

#contenedorbloquesverde {text-align:center; margin: 0 auto; display: block;}
.bloque {
    display: inline-block;
    text-align: center;
    background-color: #dffee0;
    border-radius: 30px;
    margin: 4% 1%;
    padding: 2%;
    width: 41%;
    min-height: 267px;
    vertical-align: top;
}
.bloque2{
	width: 40%;
	margin: 2%;
	text-align: center;
	display: inline-block;
}
.bloque3{
	width: 49%;
	margin-left: 0%;
	margin-bottom: 8%;
	text-align: center;
	display: inline-block;
	font-weight: 700;
	margin-top: 6%;
	vertical-align: top;
}
.bloque-imagen-icon{
    display: block;
    margin: 0 auto;
    height: 75px;
    width: 100px;
    background-image: url('iconos2.svg');
    background-size: cover;
}

.icon1 {
    background-position: -20px 2px;
}

.icon2 {
    background-position: 333px 0px;
}
.icon3 {background-position: 210px 0px;}
.icon4 {background-position: 106px 0;}



.icosverdes {line-height:1em;}

.bloque-imagen-icono{
    display: block;
    margin: 0 auto;
    height: 190px;
    width:225px;
    background-image: url('iconos1.svg');
    background-size: 250%;
}

.icono1 {
    background-position: 9px 0;
}

.icono2 {
    background-position: 938px 0;
}
.icono3 {

background-position: 775px 0;

/* margin-left: 30px; */
}
.bloque-imagen-ico {
    display: block;
    margin: 0 auto;
    height: 120px;
    width: 120px;
    background-image: url('iconos3.svg');
    background-size: cover;
}

.ico1 {
    background-position: -12px 0;
}

.ico2 {
    background-position: -164px 0;
}
.ico3 {background-position: 438px 0;}
.ico4 {
 background-position: 276px 0;
}
.ico5 {
 background-position: 126px 0;
}

.titulillo{
    font-size: 1.4em;
    line-height: 1em;
    display: block;
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
}
.titulillo2{
    font-size: 2em;
    line-height: 1.2em;
    text-align: center;
    margin-top: 80px;
}

.titulillo3{
    text-align: center;
    display: block;
    font-size: 1.3em;
    line-height: 1em;
}

    #footerverde {
    background-color: #47EF5F;
    height: 30px;
    margin-top: 15%;
}



@media (min-width: 999px) and (max-width: 1880px) {
    
    ul{width: 90%;}
    
    .main-list li {
    margin: 0px 0 0px 0;
    font-size: 0.9em;
}
    
.anchoflechaheader2 {
    display: block;
    width: 49%;
    margin-left: 26%;
    /* margin-top: 12px; */
}
    
    .fondoverde {height: auto;margin-bottom: -18px!important;}
    
    #logo {display: inline-block;width: 46%;}
    
    #btnheader {display: inline-block;width: 39%;}
    
    .anchoflecha {
    display: block;
    width: 42%;
    margin-left: 26%;
    /* margin-top: 12px; */
}
    
    .bloquecasa {
    width: 49%;
    margin-left: 42%;
    margin-top: -20%;
    display: inline-block;
}
    
    .bloquemancheta {
    display: inline-block;
    width: 38%;
}
.img-mancha img {
    max-width: 230px;
    display: block;
    margin-bottom: 42%;
}
    
    ul {
    margin: 6px 0 0 0;
}
    
    .main-container {
    margin: 0 auto;
    padding-top: 80px;
    display: block;
    position: relative;
}
    
    li {
    margin: 0;
    line-height: 33px;
}
    
    .main-list {
    display: inline-block;
    margin: 4px auto;
    font-size: 1.3em;
    width: 100%;
}
    
    .btn-header {font-size: 11px!important;width: 36%!important;padding: 15px 10px!important;margin-left: 0%!important;/* float: left; *//* display: block!important; *//* text-align: left!important; */}
    
    .btn-header2 {}
    
    h1 {
       font-size: 1.4em;
       font-weight: 800;
       display: block;
       width: 100%;
       line-height: 1.25em;
       padding: 0;
       text-align: left;
       margin-left: 0;
       margin-right: auto;
       margin-top: 12px;
       margin-bottom: 20px;
}
    
    .header-container {
    display: block;
    position: fixed;
    width: 100%;
    padding-top: 0.5%;
    background: #fff;
    z-index: 9;
    left: 0;
    margin: 0 auto;
    text-align: center;
    height: 85px;
}
    
    
    #logo img {
    display: block;
    margin-left: 0;
    max-width: 367px;
    width: 100%;
    margin-right: auto;
}
    
    .main-button-cta {
    display: block;
    width: 64% !important;
    margin: 31px auto;
    text-align: center;
    padding: 25px 20px;
    background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
    /* font-style: italic; */
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
}
    
    .main-button-cta2 {
    width: 71%;
    margin-right: 0;
    margin-left: auto;
    display: block;
    text-align: center;
    padding: 12px 0;
    background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%);
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
    font-size: 1.3em;
}
    
    
    .icon2 {
    background-position: 517px 8px;
    background-size: 429%!important;
    /* background-repeat: no-repeat; */
}

    .icon3 {
    background-position: 350px 0px;
}
    
    .icon4 {
    background-position: 179px 3px;
}

    
    .icon1 {
    background-position: -26px 0;
}
    
    .bloque-imagen-icon {
    display: block;
    margin: 0 auto;
    height: 120px;
    width: 170px;
    background-image: url(iconos2.svg);
    background-size: 465%;
}
    
    
    #footerverde {    background-color: #47EF5F;
    height: 30px;
    margin-top: 2%;
}
    
    
    
    #preguntas {
    background-color: #f7f7f7;
    margin-top: 0%;
    padding-top: 5%;
}
    
    .icosverdes {
    display: block;
    font-size: 15px;
    width: 100%;
}
    
    .bloque3 {
    width: 16%;
    margin: 3%;
    margin-left: 0%;
    margin-bottom: 8%;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    line-height: 40px;
}
    
    .centradoicosverdes {
    margin: 19px auto!important;
    display: inline-block!important;
}
    
    #texto-principal {
    display: inline-block;
    width: 51%;
    margin-left: 4%;
}
    .maindiv {
    /* height: 100vh; */
    display: block;
    margin: 0 auto;
    margin-left: 5;
    width: 94%;
    padding-top: 2%;
    padding-bottom: 1%;
}
    
    .main-button-cta span {
    font-size: 2em;
    letter-spacing: -1px;
}
    
    #contenedorbloquesverde{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
    
h2 {
    font-size: 2em;
    font-weight: 500;
    line-height: 1em;
    margin-bottom: 10px;
    text-align: center;
}
    
    .titulillo2 {
    font-size: 35px;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
}
    
        .titulillo3 {
    font-size: 35px;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
}
    
    .bloque {
    width: 242px;
    display: inline-block;


    height: 322px;
    text-align: center;
    /* float: left; */
    background-color: #dffee0;
    border-radius: 30px;
    padding: 20px 25px;
    margin: 25px;
    margin-left: 1%;
    /* margin-bottom: 4%; */
    vertical-align: top;
    margin-top: -2%;
    align-content: center;
}
    
    
    .fondogris {
    background-color: #f7f7f7;
    height: 1814px;
    display: block;
    /* height: 66%; */
    margin-top: 6%;
    padding-top: 98px;
}
    
    
    .icono2 {
    background-position: 905px 0px;
}
    .icono3 {
    background-position: 802px 0;
}

    
    .icono1 {
    background-position: 7px 1px;
}
    .bloque-imagen-icono {
    display: block;
    margin: 0 auto;
    height: 109px;
    width: 129px;
    background-image: url(iconos1.svg);
    background-size: 264%;
}
    
    .espacioicosverdes {
    margin-top: 5%!important;
}
    
    
    .texto3 {
    line-height: 35px;
    font-size: 1.2rem!important;
    /* FONT-VARIANT: JIS83; */
    margin-bottom: 0px;
    text-align: center;
    margin-top: -7%;
    line-height: 30px;
    /* padding-top: 15px; */
}
    
    
    .fondoblanco {
    background-color: #FFFFFF;
    margin-top: 0%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
    
    
    .titulillo {
    font-size: 35px;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
}
    
        .titulillo2 {
    font-size: 37px;
    display: block;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 21px;
    margin-top: 32px;
}
    
            .titulillo3 {
    font-size: 37px;
    display: block;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 4%;
    margin-top: 36px;
}
    
    
    .txticosverdes {
    font-size: 15px;
    display: inline-block;
    line-height: 53px;
    margin-bottom: 0px;
    text-align: center;
    width: 24%;
    margin: 0 auto;
    padding: 0 4%;
}
    
    
    .cuadroverde {
    width: 100%;
    text-align: center;
    color: #FFFFFF;
    font-size: 1.4em;
    font-weight: 800;
    display: block;
}
    
    .franjaverde {
    margin: 0 auto;
    padding: 0;
}
    
    h3 {
    font-size: 1em;
    line-height: 1.4em;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: center;
}
    
    #texto-principal-gracias {
    display: inline-block;
    width: 75%;
    vertical-align: middle;
    max-width: 1071px;
    margin-top: 1%;
    margin-bottom: 18%;
    text-align: left;
    margin-right: 10%;
    /* margin-left: -14px; */
}    
    
}


@media (min-width: 1881px) {
    
    .espaciofondogris {
    margin-bottom: 1%!important;
}
    
    .main-list-gracias {
    display: inline-block;
    margin: 4px auto;
    font-size: 1.3em;
    line-height: 1.3em;
}
    
    
    h1 {
    font-size: 1.7em;
    font-weight: 800;
    display: block;
    width: 100%;
    line-height: 1.25em;
    padding: 0;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    margin-top: 12px;
    margin-bottom: 20px;
}
    
    
    #texto-principal-gracias {
    display: inline-block;
    width: 60%;
    vertical-align: middle;
    max-width: 1090px;
    margin-top: 1%;
    margin-bottom: 14%;
    text-align: left;
}
    
    .main-list li {
    margin: 4px 0 10px 0;
    font-size: 1.1em;
}
    
    .anchoflechaheader2 {
    display: block;
    width: 49%;
    margin-left: 26%;
    /* margin-top: 12px; */
}
    
    .fondoverde {}
    
    #logo {display: inline-block;width: 58%;vertical-align: middle;margin: 0 auto;}
    
    #btnheader {display: inline-block;width: 39%;vertical-align: middle;margin: 0 -auto;}
    
    .anchoflecha {
    display: block;
    width: 42%;
    margin-left: 26%;
    /* margin-top: 12px; */
}
    
    .bloquecasa {
    display: block;
    position: relative;
    margin: -14% 12% 0 auto;
}
    
    .bloquemancheta {
    display: inline-block;
    width: 13%;
    max-width: 480px;
    vertical-align: middle;
    margin-left: -5%;
    margin-right: 5%;
    margin-bottom: 14%;
}
.img-mancha img {
    max-width: 230px;
    display: block;
}
    
    ul {
    margin: 4% 0 0 0;
    width: 100%;
}
    
    .main-container {
    padding-top: 3%;
}
    
    li {
    margin: 0;
}
    
    .main-list {
    display: inline-block;
    margin: 4px auto;
    font-size: 1.2em;
}
    
    .btn-header {font-size: 0.7em;width: 36%;padding: 15px 10px;margin-left: 0;margin-right: auto;}
    
    .btn-header2 {font-size: 19px!important;letter-spacing: -1px;width: 42%!important;padding: 12px 10px!important;margin-left: 0%!important;/* float: left; *//* display: block!important; *//* text-align: left!important; */}
    
    h1 {
    font-size: 1.55em;
    font-weight: 800;
    display: block;
    width: 87%;
    line-height: 1.35em;
    padding: 0;
    text-align: left;
    margin-left: 0;
    margin-right: auto;
    margin-bottom: 20px;
}
    
    .header-container {
    padding-top: 0.5%;
    text-align: center;
    height: 85px;
}
    
    
    #logo img {
    display: block;
    margin: 0 auto;
    max-width: 360px;
    width: 100%;
}
    
    .main-button-cta {
    display: block;
    margin: 28px auto 28px 0;
    text-align: center;
    /* background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%); */
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
}
    
    .main-button-cta2 {
    display: block;
    background-color: #0195f5;
    text-align: center;
    /* background: linear-gradient(0deg, rgba(0,172,238,1) 0%, rgba(2,126,251,1) 100%); */
    color: #fff;
    border-radius: 20px;
    cursor: pointer;
    font-weight: bold;
}
    
    
    .icon2 {
    background-position: 517px 8px;
    background-size: 429%!important;
    /* background-repeat: no-repeat; */
}

    .icon3 {
    background-position: 350px 0px;
}
    
    .icon4 {
    background-position: 179px 3px;
}

    
    .icon1 {
    background-position: -26px 0;
}
    
    .bloque-imagen-icon {
    display: block;
    margin: 0 auto;
    height: 120px;
    width: 170px;
    background-image: url(iconos2.svg);
    background-size: 465%;
}
    
    
    #footerverde {    background-color: #47EF5F;
    height: 30px;
    margin-top: 2%;
}
    
    
    
    #preguntas {
    background-color: #f7f7f7;
    margin-top: 0%;
    padding-top: 5%;
}
    
    .icosverdes {
    display: block;
    font-size: 20px;
    width: 100%;
}
    
    .bloque3 {
    width: 15%;
    margin: 3%;
    margin-left: 0%;
    margin-bottom: 8%;
    text-align: center;
    display: inline-block;
    font-weight: 700;
    line-height: 40px;
}
    
    .centradoicosverdes {
    margin: 19px auto!important;
    display: inline-block!important;
}
    
    #texto-principal {display: inline-block;width: 60%;vertical-align: middle;max-width: 820px;}
    .maindiv {
    /* height: 100vh; */
    display: block;
    margin: 0 auto;
    width: 94%;
    padding-top: 70px;
    /* padding-bottom: 1%; */
    position: relative;
}
    
    .main-button-cta span {
    font-size: 2em;
    letter-spacing: -1px;
}
    
    #contenedorbloquesverde{
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
    
    h2 {
    font-size: 44px;
    font-weight: 500;
    line-height: 50px;
    margin-bottom: 10px;
    text-align: center;
}
    
    .titulillo2 {
    font-size: 35px;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
}
    
        .titulillo3 {
    font-size: 35px;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
}
    
    .bloque {

    width: 295px;
    display: inline-block;
    min-height: 400px;
    text-align: center;
    background-color: #dffee0;
    border-radius: 30px;
    padding: 20px 25px;
    margin: 2%;
    vertical-align: top;
    align-content: center;
}
    
    
    .fondogris {
    background-color: #f7f7f7;
    height: 1814px;
    display: block;
    /* height: 66%; */
    margin-top: 6%;
    padding-top: 98px;
}
    
    
    .icono2 {
    background-position: 905px 0px;
}
    .icono3 {
    background-position: 802px 0;
}

    
    .icono1 {
    background-position: 7px 1px;
}
    .bloque-imagen-icono {
    display: block;
    margin: 0 auto;
    height: 109px;
    width: 129px;
    background-image: url(iconos1.svg);
    background-size: 264%;
}
    
    .espacioicosverdes {
    margin-top: 5%!important;
}
    
    
    .texto3 {
    line-height: 35px;
    font-size: 1.5rem!important;
    /* FONT-VARIANT: JIS83; */
    margin-bottom: 0px;
    text-align: center;
    margin-top: -3%;
    /* padding-top: 15px; */
}
    
    
    .fondoblanco {
    background-color: #FFFFFF;
    margin-top: 0%;
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
    
    
    .titulillo {
    font-size: 35px;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
}
    
        .titulillo2 {
    font-size: 37px;
    display: block;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 21px;
    margin-top: 32px;
}
    
            .titulillo3 {
    font-size: 37px;
    display: block;
    line-height: 70px;
    /* display: block; */
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 0;
    padding-top: 4%;
    margin-top: 36px;
}
    
    
    .txticosverdes {
    font-size: 15px;
    display: inline-block;
    line-height: 53px;
    margin-bottom: 0px;
    text-align: center;
    width: 20%;
    margin: 0 auto;
    padding: 0 4%;
}
    
    
    .cuadroverde {
    width: 100%;
}
    
    .franjaverde {
}
    
    h3 {
    font-size: 21px;
    line-height: 31px;
    margin-bottom: 0px;
    font-weight: 500;
    text-align: center;
}
    
    
}