@font-face {
    font-family: 'gecko';
    src: url('iconos/fonts/Gecko_PersonalUseOnly.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'helve';
    src: url('iconos/fonts/Helvetica.ttf') format('truetype');
    font-style: normal;
    font-weight: 300;
}

@font-face {
    font-family: 'helvet';
    src: url('iconos/fonts/Helvetica.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

@font-face {
    font-family: 'Fashion Fetish';
    src: url('iconos/fonts/Fashion\ Fetish\ Bold.ttf') format('truetype');
    font-style: normal;
    font-weight: normal;
}

* {
    margin: 0;
    padding: 0;
}

.titutloInsecto {
    color: #B1C21B;
    text-align: center;
    font-size: 50px;
    margin-top: 1.5em;
    font-family: Fashion Fetish;
}

.res {
    margin-top: 10.5em;
}

.plagas {
    color: #B1C21B;
    text-align: center;
    font-size: 50px;
    margin-top: 3.5em;
    font-family: gecko;
}

.textoInsecto {
    font-family: helvet;
}
.textoCarousel{
    color: black;
    font-size: 13px;
}

body {
    overflow-x: hidden;
}

html {
    overflow-x: none;
}

.cucaracha {
    margin-top: -11.5em;
}

.rows {
    margin-top: calc(-0 * var(--bs-gutter-y));
    margin-right: calc(-.0 * var(--bs-gutter-x));
    margin-left: calc(-.0 * var(--bs-gutter-x));
}

.fixed-top {
    transition: 1s all ease;
    box-shadow: none;
    padding: 1px 0;
}

.barra {
    background-color: #d0fcaf !important;
}

.espacio {
    height: 0em;
}

.centro {
    position: relative;
    width: 7.5em;
    border-radius: 50%;
    top: -5em;
    left: 36%;
    box-shadow: 10px 10px 20px 0px #0000007a;
    z-index: 1;
}

.circuloImg {
    width: -webkit-fill-available;
    height: inherit;
    border-radius: 50%;
    background-color: white;
}

.logo {
    width: 6.5em;
    height: auto;
}

.fondoB {
    background: #ff9d35;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 41em;
}

.tituloSer {
    display: none;
}

@media screen and (min-width: 768px) {
    .centro {
        position: absolute;
        height: 15em;
        width: 15em;
        top: 44%;
        left: 41%;
    }

    .logo {
        width: auto;
        height: auto;
    }

    .fondoB {
        width: 21em;
        height: 43em;
    }

    .tituloSer {
        margin-left: 7.5em;
        margin-top: -9.5em;
        font-family: 'gecko';
        color: #FFFB8A;
        font-size: 4em;
    }
}


@media screen and (min-width: 968px) {
    .centro {
        height: 14em;
        width: 14em;
        align-items: center;
        top: 45%;
        left: 39%;
    }

    .logo {
        width: auto;
        height: auto;
    }

    .fondoB {
        background: #ff9d35;
        width: 21em;
        height: 46em;
        margin-bottom: 6em;
    }

    .tituloSer {
        margin-left: 7.5em;
        margin-top: -9.5em;
        font-family: 'gecko';
        color: #FFFB8A;
        font-size: 4em;
    }
}

@media screen and (min-width: 1024px) {
    .centro {
        height: 14em;
        width: 14em;
        top: 52%;
        left: 43%;
    }

    .fondoB {
        background: #ff9d35;
        width: 27em;
        height: 43em;
        margin-bottom: 8em;
    }
}

@media screen and (min-width: 1168px) {
    .centro {
        height: 19em;
        width: 19em;
        top: 40%;
        left: 37%;
    }

    .logo {
        width: auto;
        height: auto;
    }

    .fondoB {
        background: #ff9d35;
        width: 29em;
        height: 57em;
        margin-bottom: 0em;

    }

    .tituloSer {
        margin-left: 7.5em;
        margin-top: -9.5em;
        font-family: 'gecko';
        color: #FFFB8A;
        font-size: 4em;
    }
}

@media screen and (min-width: 1368px) {
    .centro {
        height: 19em;
        width: 19em;
        top: 40%;
        left: 37%;
    }

    .logo {
        width: auto;
        height: auto;
        margin-left: 17em;
    }
.men{
    margin-right: 17em;
}
    .fondoB {
        background: #ff9d35;
        width: 29em;
        height: 43em;
    }

    .tituloSer {
        margin-left: 7.5em;
        margin-top: -9.5em;
        font-family: 'gecko';
        color: #FFFB8A;
        font-size: 4em;
    }
}

@media screen and (min-width: 1568px) {
    .centro {
        top: 69%;
        left: 41%;
    }

    .fondoB {
        width: 33em;
    }
}

@media screen and (min-width: 1768px) {
    .centro {
        top: 75%;
        left: 41%;
    }

    .fondoB {
        background-image: url('../src/img/fondoB.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 48em;
        height: 39em;
    }
}



.iconos {
    font-size: 2em;
    top: -0.8em;
    margin-left: 83%;
    position: relative;
}

.iconos-i {

    font-size: 1.8em;
    top: -0.8em;
    margin-left: 85%;
    position: relative;
}

.contendorNosotros {
    background: #ffffff94;
    border: 3px solid #008000b0;
    border-radius: 0.5em;
    padding: 0 4em;
    width: 27em;
    font-size: 14px;
    margin-top: -2em;
    font-style: italic;
}

.lista {
    list-style: none;
    margin-left: 3em;
    margin-top: 4em;
    position: relative;
    margin-right: 0em;
    width: 20em;
}

.fondoA {
    width: 100%;
    height: 23em;
}

.item {
    background: white;
    border-radius: 15px;
    width: 12.5em;
    height: 66px;
    box-shadow: 2px 6px 12px 5px #00000067;
    color: orange;
    font-weight: bold;
    font-size: 20px;
    padding: 1.5em 0.5em;
    margin-bottom: 48px;
    text-align: -webkit-left;
    font-family: 'Fashion Fetish';
    transition: 1s all ease;
    margin-top: -0.6em;
}

.item:hover {
    transform: translateX(20%);
    border-color: 1px solid#2C481C;
}

.contenedor {
    position: absolute;
    padding: 9em;
    margin-top: -24%;
    font-size: 13px;
    color: #fff;
    left: -7em;
    text-align: justify;
    font-family: 'helve';
}

@media screen and (min-width: 375px) {
    .lista {
        margin-left: 2em;
    }

    .fondoA {
        height: 20em;
    }

    .contendorNosotros {
        width: 24em;
    }
}
@media screen and (min-width: 568px) {
    .lista {
        margin-left: 7em;
    }

    .fondoA {
        height: 30em;
    }
}

@media screen and (min-width: 768px) {
    .lista {
        margin-left: 0em;
    }

    .fondoA {
        width: 56.2%;
        height: 23em;
        margin-top: 12em;
    }

    .contendorNosotros {
        width: 22em;
    }
}

@media screen and (min-width: 968px) {
    .lista {
        list-style: none;
        margin-left: 0em;
        margin-top: 4em;
        width: 19em;
    }

    .tituloSer {
        margin-left: 7.5em;
        margin-top: -9.5em;
        font-family: 'gecko';
        color: #FFFB8A;
        font-size: 4em;
    }

    .fondoA {
        width: 65.2%;
        height: 33em;
        margin-top: 9em;
    }

    .item {
        width: 13em;
        height: 78px;
        font-size: 19px;
        margin-bottom: 63px;
    }

    .iconos {
        font-size: 3em;
        top: -0.7em;
        margin-left: 76%;
    }

    .iconos-i {
        font-size: 2.5em;
        margin-left: 80%;
    }

    .contendorNosotros {
        width: 27em;
    }

    .res {
        margin-top: 0em;
    }

    .plagas {
        margin-top: 0.5em;
    }

    .textoInsecto {
        padding: 5%;
        text-align: justify;
        font-size: 16px;
        margin-left: 2px;
        width: 23em;
    }

    .cucaracha {
        margin-top: 0.5em;
    }
}

@media screen and (min-width: 1024px) {
    .lista {
        margin-left: 3em;
    }

    .fondoA {
        width: 57.8%;
        height: 31em;
        margin-top: 7em;
    }


    .contendorNosotros {
        margin-top: -4em;
    }

    .cucaracha {
        margin-top: -4.5em;
        width: 27%;
    }

    .titutloInsecto {
        font-size: 35px;
        margin-top: 2.5em;
    }

    .textoInsecto {
        padding: 5%;
        text-align: justify;
        font-size: 14px;
        margin-left: 46px;
    }
    .tituloSer{
        margin-top: -4em;
        margin-left: 9.5em;
        display: block;
        color: #FFFB8A;
        -webkit-text-stroke: 2px #00000091;
    }
}

@media screen and (min-width: 1168px) {
    .lista {
        margin-left: 3em;
    }

    .tituloSer {
        margin-left: 7.5em;
        margin-top: -9.5em;
        font-family: 'gecko';
        color: #FFFB8A;
        font-size: 4em;
    }

    .fondoA {
        width: 60.2%;
        height: 37em;
        margin-bottom: 13em;
    }

    .contenedor {
        position: absolute;
        height: 33em;
        width: 31em;
        left: 6em;
        padding: 2%;
        margin-top: 6em;
        font-size: 20px;
        color: #fff;
        font-family: 'helve';
    }

    .iconos {
        font-size: 3em;
        top: -0.7em;
        margin-left: 76%;
        position: relative;
    }

    .iconos-i {
        font-size: 2.5em;
        margin-left: 80%;
    }

    .textoInsecto {
        font-size: 16px;
        margin-left: 7em;
    }
}

@media screen and (min-width: 1368px) {
    .fondoA {
        width: 66%;
        height: 46em;
        margin-bottom: 5em;
    }

    .cucaracha {
        margin-top: -8em;
    }
}

@media screen and (min-width: 1568px) {
    .fondoA {
        width: 66.3%;
        height: 54em;
        margin-bottom: 0em;
    }


}

@media screen and (min-width: 1768px) {
    .fondoA {
        width: 56.5%;
        height: 53em;
        margin-bottom: 0em;
    }

    .contendorNosotros {
        margin-top: 2em;
    }

    .lista {
        margin-left: 12em;
    }
}

@media screen and (min-width: 1920px) {
    .fondoA {
        width: 59.64%;
        height: 60em;
        margin-bottom: 0em;
        margin-top: 0em;
    }

    .lista {
        margin-left: 12em;
    }
}

.tituloH {
    font-size: 30px;
    text-align: center;
    margin-bottom: 7%;
    font-family: Fashion Fetish;
}

.fondo {
    background-color: #fffb8a;
    width: auto;
    height: 45em;
    box-shadow: 0px 48px 59px -11px #0000006e;
}

.contenido {
    position: relative;
    z-index: 1;
    padding: 7%;
}

.fondo1 {
    background-image: url('../src/img/BANNER-MOSCO.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    height: 51em;
}

.nosotrosH {
    color: #b1c21b;
    text-align: center;
    font-size: 50px;
    padding: 0.5em;
}

.lista2 {
    list-style: none;
    margin-top: 1em;
}

.item2 {
    width: 6em;
    color: #b1c21b;
    font-size: 2em;
    margin-left: 2.5em;
    transition: 1s all ease-in-out;
    font-family: Fashion Fetish;
}

.item2:hover {
    transform: translateX(10%);
    border-bottom: 1px solid#2C481C;
}

.lagartija {
    margin-left: 1em;
    position: relative;
    top: -25em;
    z-index: 1;
}

.contenedorN {
    position: absolute;
    padding: 9%;
    margin-top: 3em;
    font-size: 15px;
    color: #000;
    text-align: justify;
    font-family: 'helve';
}

.fondo3 {
    background: #f0f1e0;
    z-index: -1;
}

.fondo4 {
    background-image: url('../src/img/Grupo 7642.png');
    background-repeat: no-repeat;
    background-size: cover;
    width: 127%;
    height: 54em;
    margin-left: -27%;
}

@media screen and (min-width: 375px) {
    .lagartija {
        top: -25em;
        width: 18em;
    }
}

@media screen and (min-width: 768px) {
    .fondo {
        background-color: #fffb8a;
        width: 55%;
        height: 55em;
        box-shadow: 0px 48px 59px -11px #0000006e;
    }

    .fondo1 {
        background-image: url('../src/img/BANNER-MOSCO.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        width: 44%;
        height: 54em;
    }

    .nosotrosH {
        color: #b1c21b;
        text-align: center;
        font-size: 50px;
        padding: 1em;
    }

    .lista2 {
        list-style: none;
        margin-bottom: 3px;
        margin-top: 12%;
    }

    .item2 {
        width: 6em;
        color: #b1c21b;
        font-size: 38px;
        margin-bottom: 24px;
        text-align: -webkit-left;
        font-family: Fashion Fetish;
    }

    .contenedorN {
        position: absolute;
        left: 25em;
        padding: 1em;
        margin-top: -16em;
        font-size: 19px;
        color: black;
        margin-right: 3em;
        font-family: 'helve';
    }

    .lagartija {
        margin-left: 1em;
        position: relative;
        top: -1em;
        z-index: 1;
    }
}


@media screen and (min-width: 1368px) {
    .lagartija {
        top: -6em;
    }
}

@media screen and (min-width: 1568px) {
    .lagartija {
        top: -2em;
    }
}

@media screen and (min-width: 1920px) {
    .fondo {
        width: 59.6%;
    }

    .fondo1 {
        width: 40.4%;
        height: 47em;
    }

    .lagartija {
        top: 2em;
    }
}

.plagas {
    width: 100%;
    height: 100%;
}

.imgEfecto {
    transition: 1s all ease;
}

.imgEfecto:hover {
    cursor: pointer;
    transform: scale(1.1);
}

.fondoF {
    background-color: #b1c21b;
    background-repeat: no-repeat;
    background-size: cover;
    width: auto;
    height: -1em;
    position: relative;
    z-index: 1;
}

.btn-encuentranos .boton {
    margin-top: 18%;
    margin-left: 5em;
    text-decoration: none;
    height: 6em;
    margin-bottom: 14em;
}

.boton {
    cursor: pointer;
    width: 15em;
    background-color: #edf1d1;
    border-radius: 15px;
    text-align: right;
    padding: 3%;
    text-decoration: none;
    box-shadow: 1px 8px 24px 8px rgba(0, 0, 0, 0.46);
    -webkit-box-shadow: 1px 8px 24px 8px rgba(0, 0, 0, 0.46);
    -moz-box-shadow: 1px 8px 24px 8px rgba(0, 0, 0, 0.46);
    transition: 0.5s all ease;
}

.boton:hover {
    background-color: #f2f3e8;
    transform: rotate(360deg);
}

.imgWha {
    margin-top: -29em;
    width: 78%;
    margin-left: 1.5em;
}

.icon-Whatsapp {
    font-size: 10em;
    position: relative;
    top: -0.6em;
    cursor: pointer;
    transition: 0.5s all ease;
    margin-left: 0.7em;
}

.contactoWhas {
    font-size: 14px;
    font-family: Fashion Fetish;
    position: relative;
    margin-left: 2.2em;
    text-align: center;
    top: -8em;
}

.icon-Whatsapp:hover {
    color: #44702a;
}

.icon-Ubicacion {
    font-size: 4em;
    position: relative;
    left: -2.1em;
}

.imgForm {
    margin-top: -4.5em;
    margin-left: 12.5px;
    width: 24em;
    margin-bottom: 3em;
}

.text-nombre {
    z-index: 1;
    position: absolute;
    left: 2.6em;
    border: none;
    height: 2em;
    resize: none;
    border-radius: 6px;
    width: 14.4em;
    margin-top: -0.5em;
    outline: unset;
}

.text-nombreI {
    z-index: 1;
    position: absolute;
    left: 3.5em;
    margin-top: -0.2em;
    outline: unset;
    pointer-events: none;
    font-family: 'helvet';
}

.text-telefono {
    z-index: 1;
    position: absolute;
    left: 2.6em;
    border: none;
    height: 2em;
    resize: none;
    border-radius: 6px;
    width: 14.4em;
    margin-top: 2.6em;
    outline: unset;

}

.text-telefonoI {
    z-index: 1;
    position: absolute;
    left: 3.5em;
    margin-top: 2.9em;
    outline: unset;
    pointer-events: none;
    font-family: 'helvet';
}

.text-correo {
    z-index: 1;
    position: absolute;
    left: 2.6em;
    border: none;
    height: 1.9em;
    resize: none;
    border-radius: 6px;
    margin-top: 5.9em;
    width: 8.6em;
    outline: unset;
}

.text-correoI {
    z-index: 1;
    position: absolute;
    left: 3.5em;
    margin-top: 6.2em;
    outline: unset;
    pointer-events: none;
    font-family: 'helvet';
}

.text-area {
    z-index: 1;
    position: absolute;
    left: 11.89em;
    border: none;
    height: 5.2em;
    resize: none;
    border-radius: 6px;
    margin-top: 5.9em;
    width: 9.5em;
    outline: unset;
}

.text-areaI {
    z-index: 1;
    position: absolute;
    left: 13.5em;
    margin-top: 6.5em;
    outline: unset;
    pointer-events: none;
    font-family: 'helvet';
    font-size: .9em;
}

.text-area:focus {
    border: 1px solid #2c481c;
}

.text-area:focus+.text-areaI,
.text-area:valid+.text-areaI {
    transform: translateY(-100%);
}

.text-correo:focus {
    border: 1px solid #2c481c;
}

.text-correo:focus+.text-correoI,
.text-correo:valid+.text-correoI {
    transform: translateY(-100%);
}

.text-telefono:focus {
    border: 1px solid #2c481c;
}

.text-telefono:focus+.text-telefonoI,
.text-telefono:valid+.text-telefonoI {
    transform: translateY(-100%);
}

.text-nombre:focus {
    border: 1px solid #2c481c;
}

.text-nombre:focus+.text-nombreI,
.text-nombre:valid+.text-nombreI {
    transform: translateY(-100%);
}

.botonEnviar {
    z-index: 1;
    position: absolute;
    left: 19em;
    border: none;
    height: 38px;
    resize: none;
    width: 5.4em;
    margin-top: 12.5em;
    background-color: #2c481c;
    color: #fff;
    border-radius: 2em;
    transition: 0.5s all ease;
    text-transform: uppercase;
}

.botonEnviar:hover {
    color: #fff;
    box-shadow: -1px 13px 37px -1px rgba(44, 72, 28, 0.75);
    transform: rotate(360deg);
}

@media screen and (min-width: 375px) and (max-width: 411px) {
    .imgForm {
        margin-top: -24.5%;
        left: 0em;
        width: 24em;
    }

    .text-nombre {
        left: 2.5em;
        height: 32px;
        width: 14.8em;
        margin-top: -2.9em;
    }

    .text-nombreI {
        left: 3em;
        margin-top: -2.5em;
    }

    .text-telefono {
        left: 2.5em;
        height: 32px;
        width: 14.8em;
        margin-top: 0.3em;
    }

    .text-telefonoI {
        left: 3em;
        margin-top: 0.5em;
    }

    .text-correo {
        left: 2.5em;
        height: 32px;
        width: 7.8em;
        margin-top: 3.5em;
    }

    .text-correoI {
        left: 3em;
        margin-top: 3.7em;
    }

    .text-area {
        width: 10.3em;
        height: 7em;
        left: 10.9em;
        margin-top: 3.5em;
    }

    .text-areaI {
        left: 12.7em;
        margin-top: 4.5em;
    }

    .botonEnviar {
        left: 19em;
        margin-top: 11.5em;
    }
}
@media screen and (min-width: 568px) {
    .fondoF {

        background-color: #b1c21b;
        background-repeat: no-repeat;
        background-size: cover;
        width: auto;
        height: -1em;
        position: relative;
        z-index: 1;
    }

    .btn-encuentranos .boton {
        margin-top: 3em;
        margin-left: 9em;
        width: 15em;
    }

    .imgWha {
        margin-top: -37em;
        width: 18em;
        margin-left: 6em;
    }

    .icon-Whatsapp {
        font-size: 11em;
        left: 0.3em;
        top: -0.89em;
    }

    .contactoWhas {
        left: -1em;
        top: -12.5em;
    }

    .imgForm {
        margin-left: 6em;
    }

    .text-nombre {
        height: 38px;
        width: 14.4em;
        left: 8.5em;
        margin-top: -1.4em;
    }

    .text-nombreI {
        left: 9.5em;
        margin-top: -1.2em;    
    }

    .text-telefono {
        height: 38px;
        left: 8.5em;
        margin-top: 2.6em;
    }

    .text-telefonoI {
        left: 9.5em;
        margin-top: 2.8em; 
    }

    .text-correo {
        height: 38px;
        width: 8.4em;
        left: 8.5em;
        margin-top: 6.6em;
    }

    .text-correoI {
        left: 9.5em;
        margin-top: 6.8em;  
    }

    .text-area {
        left: 17.5em;
        height: 6em;
        margin-top: 6.6em;
        width: 9em;
    }

    .text-areaI {
        left: 22em;
        margin-top: 8.2em;
        font-size: 13px;
    }

    .botonEnviar {
        left: 24em;
        height: 2.5em;
        width: 6.4em;
        margin-top: 14.5em;
    }
}


@media screen and (min-width: 768px) {
    .fondoF {

        background-color: #b1c21b;
        background-repeat: no-repeat;
        background-size: cover;
        width: auto;
        height: -1em;
        position: relative;
        z-index: 1;
    }

    .btn-encuentranos .boton {
        margin-top: 10%;
        margin-left: 4%;
        text-decoration: none;
        height: 6em;
        width: 17em;
    }

    .boton {
        width: 41%;
        background-color: #edf1d1;
        border-radius: 15px;
        text-align: right;
        padding: 3%;
        text-decoration: none;
        box-shadow: 1px 8px 24px 8px rgba(0, 0, 0, 0.46);
        -webkit-box-shadow: 1px 8px 24px 8px rgba(0, 0, 0, 0.46);
        -moz-box-shadow: 1px 8px 24px 8px rgba(0, 0, 0, 0.46);
    }

    .imgWha {
        margin-top: -37em;
        width: 18em;
        margin-left: 0em;
    }

    .icon-Whatsapp {
        font-size: 11em;
        left: -0.3em;
        position: relative;
        top: -0.89em;
    }

    .contactoWhas {
        font-size: 14px;
        font-family: Fashion Fetish;
        position: relative;
        left: -16em;
        top: -12.5em;
    }

    .icon-Ubicacion {
        font-size: 4em;
        position: relative;
        left: -2em;
    }

    .imgForm {
        margin-top: -95.5%;
        margin-left: 22em;
        width: 54%;
    }

    .text-nombre {
        left: 24em;
        height: 38px;
        width: 14.4em;
        margin-top: -30.4em;
    }

    .text-nombreI {
        left: 24.5em;
        margin-top: -30.2em;
    }

    .text-telefono {
        left: 24em;
        height: 38px;
        width: 14.4em;
        margin-top: -26.4em;
    }

    .text-telefonoI {
        left: 24.5em;
        margin-top: -26.2em;
    }

    .text-correo {
        left: 24em;
        height: 38px;
        width: 8.4em;
        margin-top: -22.4em;
    }

    .text-correoI {
        left: 24.5em;
        margin-top: -22.2em;
    }

    .text-area {
        left: 33.3em;
        height: 6em;
        margin-top: -22.5em;
        width: 10.2em;
    }

    .text-areaI {
        left: 36em;
        margin-top: -23.8em;
        font-size: 15px;
    }

    .botonEnviar {
        left: 41em;
        height: 2.5em;
        width: 6.4em;
        margin-top: -15.5em;
    }

}

@media screen and (min-width: 968px) {
    .fondoF {
        background-image: url('../src/img/FOOTER.jpg');
        width: auto;
        height: 25em;
        margin-top: -7em;
    }

    .btn-encuentranos .boton {
        margin-top: 2%;
        margin-left: 8%;
    }

    .imgWha {
        margin-top: -35em;
        width: 17em;
        margin-left: 4.1em;
    }

    .icon-Whatsapp {
        font-size: 10em;
        left: 0.2em;
        position: relative;
    }

    .contactoWhas {
        font-size: 12px;
        left: -20.9em;
        top: -13.1em;
    }

    .imgForm {
        margin-top: -43.5em;
        margin-left: 29em;
        width: 46%;
    }

    .text-nombre {
        height: 37px;
        width: 16em;
        left: 31em;
        margin-top: -30.4em;
    }

    .text-nombreI {
        left: 31.5em;
        margin-top: -30em;
    }

    .text-telefono {
        height: 37px;
        width: 16em;
        left: 31em;
        margin-top: -26.4em;
    }

    .text-telefonoI {
        left: 31.5em;
        margin-top: -26em;
    }

    .text-correo {
        height: 37px;
        width: 9em;
        left: 31em;
        margin-top: -22.4em;
    }

    .text-correoI {
        left: 31.5em;
        margin-top: -22em;
    }

    .text-area {
        width: 11em;
        height: 7em;
        left: 41.2em;
        margin-top: -22.4em;
    }

    .text-areaI {
        left: 44.5em;
        margin-top: -23.5em;
    }

    .botonEnviar {
        left: 82%;
        margin-top: -14.5em;
    }
}

@media screen and (min-width: 1024px) {
    .fondoF {
        background-image: url('../src/img/FOOTER.jpg');
        height: 22em;
        position: relative;
        margin-top: -8em;
    }

    .btn-encuentranos .boton {
        margin-top: 12%;
        margin-left: 2%;
        text-decoration: none;
        height: 5em;
        width: 14em;
        padding: 1.5em 0em;
    }

    .imgWha {
        margin-top: -59em;
        width: 17em;
        margin-left: 18em;
    }

    .icon-Whatsapp {
        font-size: 10em;
        margin-left: 2.1em;
        position: relative;
        top: -2.1em;
    }

    .contactoWhas {
        left: -4.5em;
        top: -27em;
        font-size: 13px;
    }

    .icon-Ubicacion {
        font-size: 2.5em;
        position: relative;
        left: -3.8em;
    }

    .imgForm {
        margin-top: -60em;
        margin-left: 37em;
        width: 26em;
    }

    .text-nombre {
        left: 38.8em;
        height: 32px;
        width: 15.6em;
        margin-top: -39.4em;
    }

    .text-nombreI {
        left: 39.5em;
        margin-top: -39.1em;
    }

    .text-telefono {
        left: 38.8em;
        width: 15.6em;
        margin-top: -36em;
        height: 32px;
    }

    .text-telefonoI {
        left: 39.5em;
        margin-top: -35.7em;
    }

    .text-correo {
        left: 38.9em;
        height: 32px;
        margin-top: -32.7em;
        width: 9.1em;
    }

    .text-correoI {
        left: 39.5em;
        margin-top: -32.4em;
    }

    .text-area {
        left: 48.7em;
        height: 5.5em;
        margin-top: -32.7em;
        width: 10.3em;
    }

    .text-areaI {
        left: 52.5em;
        margin-top: -34.5em;
    }

    .botonEnviar {
        left: 56em;
        margin-top: -25.5em;
    }
}

@media screen and (min-width: 1168px) {
    .fondoF {
        background-image: url('../src/img/FOOTER.jpg');
        background-repeat: no-repeat;
        height: 22em;
        position: relative;
        margin-top: -8em;
    }

    .lagartija {
        top: -31em;
    }

    .btn-encuentranos .boton {
        margin-top: 4%;
        margin-left: 4%;
        text-decoration: none;
        height: 6em;
        width: 15em;
        padding: 1em 1em;
    }

    .imgWha {
        margin-top: -61em;
        width: 19em;
        margin-left: 23em;
    }

    .icon-Whatsapp {
        font-size: 11.5em;
        margin-left: 2.3em;
        top: -1.8em;
    }

    .contactoWhas {
        margin-left: 5.5em;
        top: -27em;
    }

    .icon-Ubicacion {
        font-size: 4em;
        position: relative;
        left: -2em;
    }

    .imgForm {
        margin-bottom: 0em;
        margin-top: -83.5%;
        margin-left: 45em;
        width: 27em;
    }

    .text-nombre {
        width: 14.6em;
        height: 35px;
        left: 47em;
        margin-top: -37.5em;
    }

    .text-nombreI {
        left: 47.5em;
        margin-top: -37.1em;
    }

    .text-telefono {
        width: 14.6em;
        height: 35px;
        left: 47em;
        margin-top: -34em;
    }

    .text-telefonoI {
        left: 47.5em;
        margin-top: -33.6em;
    }

    .text-correo {
        width: 9.6em;
        height: 34px;
        left: 47em;
        margin-top: -30.5em;
    }

    .text-correoI {
        left: 47.5em;
        margin-top: -30.2em;
    }

    .text-area {
        height: 6.5em;
        width: 11.5em;
        left: 56.9em;
        margin-top: -30.5em;
    }

    .text-areaI {
        left: 61.5em;
        margin-top: -32.7em;
    }

    .botonEnviar {
        left: 86%;
        margin-top: -22.5em;
    }
}

@media screen and (min-width: 1200px) {
    .fondoF {
        background-image: url('../src/img/FOOTER.jpg');
        height: 22em;
    }

    .lagartija {
        top: -12em;
    }

    .btn-encuentranos .boton {
        margin-top: 26%;
        margin-left: 12%;
    }

    .imgWha {
        margin-top: -13em;
        width: 19em;
        margin-left: -3em;
    }

    .icon-Whatsapp {
        font-size: 11em;
        margin-left: 0em;
        top: 0.4em;
    }

    .contactoWhas {
        margin-left: 10em;
        top: 4em;
    }

    .icon-Ubicacion {
        font-size: 4em;
        position: relative;
        left: -2em;
    }

    .imgForm {
        margin-top: -10.5%;
        margin-left: -5em;
        width: 27em;
    }

    .text-nombre {
        width: 14.6em;
        height: 34px;
        left: 47em;
        margin-top: 1.5em;
    }

    .text-nombreI {
        left: 47.5em;
        margin-top: 1.7em;
    }

    .text-telefono {
        width: 14.6em;
        height: 34px;
        left: 47em;
        margin-top: 5em;
    }

    .text-telefonoI {
        left: 47.5em;
        margin-top: 5.4em;
    }

    .text-correo {
        width: 9.6em;
        height: 34px;
        left: 47em;
        margin-top: 8.5em;
    }

    .text-correoI {
        left: 47.5em;
        margin-top: 8.7em;
    }

    .text-area {
        height: 6.5em;
        width: 11.5em;
        left: 56.9em;
        margin-top: 8.5em;
    }

    .text-areaI {
        left: 61.5em;
        margin-top: 9.2em;
    }

    .botonEnviar {
        left: 88%;
        margin-top: 16.5em;
    }
}

@media screen and (min-width: 1280px) {

    .text-nombre {
        width: 16.6em;
        left: 50em;
    }

    .text-nombreI {
        left: 50.5em;
    }

    .text-telefono {
        width: 16.6em;
        left: 50em;
    }

    .text-telefonoI {
        left: 50.5em;
    }

    .text-correo {
        width: 9.6em;
        height: 34px;
        left: 50em;
        margin-top: 8.5em;
    }

    .text-correoI {
        left: 50.5em;
    }

    .text-area {
        left: 59.9em;
    }

    .text-areaI {
        left: 64.5em;
    }
}

@media screen and (min-width: 1368px) {
    .fondoF {
        height: 23em;
    }

    .btn-encuentranos .boton {
        margin-top: 5em;
        margin-left: 3em;
    }

    .imgWha {
        margin-top: -13em;
        width: 20em;
        margin-left: -4em;
    }

    .icon-Whatsapp {
        font-size: 11.5em;
        left: 0.2em;
        position: relative;
        top: 0.5em;
    }

    .contactoWhas {
        left: -4.5em;
        top: 5.5em;
    }

    .icon-Ubicacion {
        font-size: 4em;
        position: relative;
        left: -2.1em;
    }

    .imgForm {
        margin-top: -4em;
        margin-left: -4em;
        width: 29em;
    }

    .text-nombre {
        left: 55.2em;
        height: 38px;
        width: 17.5em;
        margin-top: 0.5em;
    }

    .text-nombreI {
        left: 56em;
        margin-top: 0.7em;
    }

    .text-telefono {
        width: 17.5em;
        height: 38px;
        left: 55.2em;
        margin-top: 4.4em;
    }

    .text-telefonoI {
        left: 56em;
        margin-top: 4.7em;
    }

    .text-correo {
        width: 9em;
        height: 39px;
        left: 55.3em;
        margin-top: 8.3em;
    }

    .text-correoI {
        left: 56em;
        margin-top: 8.5em;
    }

    .text-area {
        left: 65.3em;
        height: 7.1em;
        margin-top: 8.3em;
        width: 12em;
    }

    .text-areaI {
        left: 70.5em;
        margin-top: 8.9em;
    }

    .botonEnviar {
        left: 75em;
        margin-top: 17em;
    }
}

@media screen and (min-width: 1568px) {
    .text-nombre {
        left: 63.5em;
    }

    .text-nombreI {
        left: 64.5em;
    }

    .text-telefono {
        left: 63.5em;
    }

    .text-telefonoI {
        left: 64.5em;
    }

    .text-correo {
        left: 63.5em;
    }

    .text-correoI {
        left: 64.5em;
    }

    .text-area {
        left: 73.6em;
    }

    .text-areaI {
        left: 79.5em;
    }
}

@media screen and (min-width: 1600px) {
    .text-nombre {
        left: 65.5em;
    }

    .text-nombreI {
        left: 66.5em;
    }

    .text-telefono {
        left: 65.5em;
    }

    .text-telefonoI {
        left: 66.5em;
    }

    .text-correo {
        left: 65.5em;
    }

    .text-correoI {
        left: 66.5em;
    }

    .text-area {
        left: 75em;
    }

    .text-areaI {
        left: 81.5em;
    }

    .botonEnviar {
        left: 84em;
    }
}

@media screen and (min-width: 1650px) {
    .text-nombre {
        left: 67em;
    }

    .text-nombreI {
        left: 68em;
    }

    .text-telefono {
        left: 67em;
    }

    .text-telefonoI {
        left: 68em;
    }

    .text-correo {
        left: 67em;
    }

    .text-correoI {
        left: 68em;
    }

    .text-area {
        left: 77em;
    }

    .text-areaI {
        left: 83em;
    }

    .botonEnviar {
        left: 86em
    }
}

@media screen and (min-width: 1700px) {
    .text-nombre {
        left: 69em;
    }

    .text-nombreI {
        left: 70em;
    }

    .text-telefono {
        left: 69em;
    }

    .text-telefonoI {
        left: 70em;
    }

    .text-correo {
        left: 69em;
    }

    .text-correoI {
        left: 70em;
    }

    .text-area {
        left: 79em;
    }

    .text-areaI {
        left: 85em;
    }

    .botonEnviar {
        left: 89em;
    }
    .textoInsecto {
        font-size: 16px;
        margin-left: 9em;
        width: 30em;
    }
    .titutloInsecto {
        font-size: 44px;
        margin-top: 2.5em;
        margin-left: 2em;
    }
    .lagartija {
        top: -2em;
    }
}

@media screen and (min-width: 1768px) {
    .fondoF {
        background-image: url('../src/img/FOOTER.jpg');
        background-repeat: no-repeat;
        background-size: cover;
        height: 23em;
    }

    .btn-encuentranos .boton {
        margin-top: 23%;
        margin-left: 26%;
        text-decoration: none;
        height: 6em;
    }

    .imgWha {
        margin-top: -29em;
        width: 21em;
        margin-left: 6em;
    }

    .icon-Whatsapp {
        font-size: 12em;
        left: 1em;
        position: relative;
        top: -0.4em;
    }

    .contactoWhas {
        left: 9.5em;
        top: -7em;
    }

    .icon-Ubicacion {
        font-size: 4em;
        position: relative;
        left: -2.1em;
    }

    .imgForm {
        margin-top: -29.5%;
        margin-left: 1em;
        width: 33em;
    }

    .text-area {
        left: 89.6em;
        margin-top: 3em;
        width: 13em;
    }

    .text-areaI {
        left: 97.5em;
        margin-top: 3.2em;
    }

    .text-correo {
        left: 76.9em;
        margin-top: 2.99em;
        width: 11.69em;
    }

    .text-correoI {
        left: 77.5em;
        margin-top: 3.3em;
    }

    .text-telefono {
        left: 76.9em;
        margin-top: -1.2em;
        width: 20em;
    }

    .text-telefonoI {
        left: 77.5em;
        margin-top: -0.9em;
    }

    .text-nombre {
        left: 76.8em;
        margin-top: -5.5em;
        width: 20em;
    }

    .text-nombreI {
        left: 77.5em;
        margin-top: -5.3em;
    }

    .botonEnviar {
        left: 91%;
        margin-top: 12.5em;
    }
}

@media screen and (min-width: 1800px) {


    .text-nombre {
        left: 78.5em;
        margin-top: -6.3em;
    }

    .text-nombreI {
        left: 79.5em;
        margin-top: -6.1em;
    }

    .text-telefono {
        left: 78.5em;
        margin-top: -2em;
    }

    .text-telefonoI {
        left: 79.5em;
        margin-top: -1.6em;
    }

    .text-correo {
        left: 78.5em;
        margin-top: 2.3em;
    }

    .text-correoI {
        left: 79.5em;
        margin-top: 2.5em;
    }

    .text-area {
        left: 91.2em;
        margin-top: 2.3em;
    }

    .text-areaI {
        left: 99.6em;
        margin-top: 2.5em;
    }

    .botonEnviar {
        left: 89%;
        margin-top: 11.5em;
    }

    .cucaracha {
        margin-top: -10em;
        margin-bottom: 8em;
    }

    .textoInsecto {
        font-size: 19px;
        margin-left: 7em;
        width: 32em;
    }

    .titutloInsecto {
        color: #B1C21B;
        font-size: 53px;
    }

}

@media screen and (min-width: 1920px) {
    .fondoF {
        background-image: url('../src/img/FOOTER.jpg');
        height: 25em;
    }

    .btn-encuentranos .boton {
        margin-top: 23%;
        margin-left: 26%;
        text-decoration: none;
        height: 6em;
    }

    .imgWha {
        margin-top: -29em;
        width: 21em;
        margin-left: 6em;
    }

    .icon-Whatsapp {
        font-size: 12em;
        left: 1em;
        position: relative;
        top: -0.4em;
    }

    .contactoWhas {
        left: 9.2em;
        top: -7em;
    }

    .icon-Ubicacion {
        font-size: 4em;
        position: relative;
        left: -2.1em;
    }

    .imgForm {
        margin-top: -29.5%;
        margin-left: 1em;
        width: 33em;
    }

    .text-nombre {
        left: 82.5em;
        margin-top: -6.3em;
        width: 20em;
    }

    .text-nombreI {
        left: 83.5em;
        margin-top: -6.1em;
    }

    .text-telefono {
        left: 82.5em;
        margin-top: -2em;
        width: 20em;
    }

    .text-telefonoI {
        left: 83.5em;
        margin-top: -1.6em;
    }

    .text-correo {
        left: 82.5em;
        margin-top: 2.3em;
        width: 11.69em;
    }

    .text-correoI {
        left: 83.5em;
        margin-top: 2.5em;
    }

    .text-area {
        left: 95.2em;
        margin-top: 2em;
        width: 13.1em;
    }

    .text-areaI {
        left: 103.6em;
        margin-top: 2.5em;
    }

    .botonEnviar {
        left: 89%;
        margin-top: 11.5em;
    }

    .cucaracha {
        margin-top: -10em;
        margin-bottom: 8em;
    }

    .textoInsecto {
        padding: 5%;
        text-align: justify;
        font-size: 19px;
        margin-left: 8em;
        width: 32em;
    }

    .titutloInsecto {
        color: #B1C21B;
        font-size: 53px;
    }

}

footer {
    background-color: #2c481c;
}

.text-footer-first {
    color: white;
    font-size: 17px;
    border-bottom-width: 3.1px;
    padding-bottom: 5px;
    margin-top: 1em;
    text-align: center;
}

.preguntas p {
    text-transform: uppercase;
    color: white;
    width: 100%;
    text-align: center;
    padding: 2em;
}

.box-aviso-privacidad {
    text-align: center;
    padding: 2em;
}

.text-footer {
    color: white;
    font-size: 16px;
}

.text-footer:hover {
    font-weight: bold;
    cursor: pointer;
}

.contacto {
    color: #fffdfd;
    font-size: 2em;
    border-radius: 37px;
    text-decoration: none;
    text-align: center;
    transition: 0.5s all ease;
}

.contacto:hover {
    color: #d6d6d6;
}

.btn-whatsapp {

    display:block;
  
    width:70px;
  
    height:70px;
  
    color:#fff;
  
    position: fixed;
  
    right:20px;
  
    bottom:30%;
  
    border-radius:50%;
  
    line-height:80px;
  
    text-align:center;
  
    z-index:999;
  
  }
  
  
  
  .btn-whats{
  
      width: 70px;
  
  }
  
  
  
  
  
  .btn-whats:hover{
  
    transform: scale(1.1);
  
  }