/*---CAMBIAR TIPO DE FUENTE DE LA PAGINA--*/
@import url('../css/cambiarFonts.css');
/*GOBAL*/

*{
    margin: 0;
    padding: 0;
    scroll-behavior: smooth;
}
.marginFontAswFooter{
    margin-right: 7px;
}
.form-controlCon {
    width: 23em !important;
    font-size: 1em !important;
    padding-left: 1.3em;
    color: white;
}
.form-controlCon::placeholder{
    font-size:1em !important
}
.form-controlCon:focus {
    color: white;
    border:1px solid white!important;
    box-shadow: none !important;

}
.margenFromAfiliacion{
    margin: 6px 0px 6px 0px ;
}
html,body{
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
}
body{
    overflow-x: hidden;
}
.text-dark{
    color:black !important;
}
.bg-dark{
    background-color:black !important;
}
.text-primary{
    color:#00cf4a !important;
}
body{
    font-family: "keepCalm-medium";
    overflow-x: hidden;
    position: relative;
}

a{
    text-decoration: none !important;
}

.one::placeholder { 
    color: rgba(0, 0, 0, 0.7); ;
    font-size: 0.75em !important;
    padding-left: 1.3em;
}
.form-controlC::placeholder{ color: gray !important;}

.botonesnegritos::before{
    content: "";
    background-color: rgba(255, 255, 255, 0.15);
    height: 100%;
    width: 4em;
    display: block;
    position: absolute;
    top: 0;
    left: -6.5em;
    -webkit-transform: skewX(-45deg) translateX(0);
    transform: skewX(-45deg) translateX(0);
    transition: none;
    /*ANIMATION:NAME DURATION TIMING-FUNCTION(LINEAR,EASE,EASE-IN,EASE-OUT,EASE-IN-OUT),DELAY,ITERATION-COUNT,DIRECTION(NORMAL REVERSE ALTERNATE(-REVERSE)*/
    animation: luminosidad 3s linear 2s infinite normal; 
}
@keyframes luminosidad{
    0%{left: -6.5em;}
    100%{left: 34.5em;}
}
/*BOTONES FIJOS DE REDES SOCIALES*/
.botonesredes{
    position: fixed;
    bottom: 2.7%;
    right: 1%;
    width: 4em;
    height: 8em;
    z-index: 10;
}
.facebook{
    background-image: url('../img/fb_fixed.png');
    background-color: transparent;
    background-size: cover;
    border-color: transparent;
    background-repeat: no-repeat;
    width: 4em;
    height: 4em;
    outline: none !important;
    border-radius: 50px ;
    border:0px solid transparent;
    box-shadow: -1px 1px 15px #00000087;
}
.wsp{
    background-image: url('../img/wsp_fixed.png');
    background-color: transparent;
    background-size: cover;
    border-color: transparent;
    background-repeat: no-repeat;
    width: 4em;
    height: 4em;
    outline: none !important;
    border-radius: 50px;
    border:0px solid transparent;
    box-shadow: -1px 1px 15px #00000087;
}
/* top*/
.swiper1 {
    height: 100vh;
    width: 100%;
    background-color: black;
    min-height: 670px;
}
.swiper-container {
    width: 100%;
    height: 100%;
  }

.swiper1 .swiper-button-prev, .swiper-button-next {
    width: 44px;
    height: 44px;
}
.swiper1 .swiper-button-prev, .swiper-container-rtl .swiper-button-next {
    background-image: none;
    left: 10px;
    transform: rotate(180deg);
    background-size: contain;
    right: auto;
    outline: none !important;
    background-repeat: no-repeat;
}
.swiper1 .swiper-button-next, .swiper-container-rtl .swiper-button-prev {
    background-image: none;
    right: 10px;
    left: auto;
    transform: rotate(0deg);
    outline: none !important;
    background-size: contain;
    background-repeat: no-repeat;
}
.swiper1 .swiper-pagination-fraction, .swiper-pagination-custom, .swiper-container-horizontal > .swiper-pagination-bullets {
    bottom: 6%;
    left: 15%;
}
.swiper1 .swiper-pagination-bullet-active {
    opacity: 1 !important;
    background: #fdfdfd;
}
.swiper1 .swiper-pagination {
    text-align: left;
}
.swiper1 .swiper-pagination-bullet {
    width: 20px;
    height: 20px;
    border:1px solid white;
    opacity: 0.5;
}
.prevbos i{
    font-size: 42px;
    color:white;
}
.cambio{
    font-size: 42px;
    color: black;
}
.swiper-slide {
    text-align: center;
    font-size: 18px;
    background: #fff;
    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}

.difumido::before {
    content: '';
    background: #0000006b;
    height: 100%;
    width: 100%;
    opacity: 0;
}
.slidetop1{
      background-image: url('../img/slide_top_big1.jpg');
      background-repeat: no-repeat;
      background-size: cover;
      position: relative;
      background-position: center;
}
.slidetop2{
    background-image: url('../img/slide_top_big2.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}
.slidetop3{
    background-image: url('../img/slide_top_big3.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}
.slidetop4{
    background-image: url('../img/slide_top_big4.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
}
.anuncio {
    position: absolute;
    bottom: 0;
    transform: translate(40%,-32%);
    left: 0;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    height: 25em;
}

/*----SECCION NUMERO 1------*/
.anu1 {
    width: 12em;
    height: 11em;
    text-align: start;
}
.anu1 p:nth-child(1){
    color:white;
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1;
}
.anu1 p:nth-child(2){
    color:white;
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 1;
}
.anu1 p:nth-child(3){
    color:white;
    font-size: 15px;
    margin-bottom: 10px;
    line-height: 1;
}
.secDesc{
    position: relative;
    width: auto;
    height: auto;
}
.secDesc p{
    font-size: 14px;
    font-weight: bold;
    color:black;
    text-transform: uppercase;
    text-align: start;
}
.secBotApp{
    display: flex;
}
.imagefloat1{
    position: absolute;
    width: 6em;
    top: 25%;
    right: 0;
    transform: translate(6em,2em);
}
/*----SECCION NUMERO 2------*/
.anu2 {
    width: 19em;
    height: 15em;
    text-align: start;
}
.anu2 p:nth-child(1){
    color:white;
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1;
}
.anu2 p:nth-child(2){
    color:white;
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 1;
}
.imagefloat2{
    position: absolute;
    width: 6em;
    bottom: 0;
    right: 0;
    transform: translate(3em,-2em);
}
.rotateFlower{
    animation: rotateFlower 2.6s  infinite normal ;
}
@keyframes rotateFlower{
    0%{transform: rotate(10deg);}
    50%{transform: rotate(-10deg);}
    100%{transform: rotate(10deg);}
}
/*----SECCION NUMERO 3------*/
.anu3 {
    width: 19em;
    height: 15em;
    text-align: start;
}
.anu3 p:nth-child(1){
    color:white;
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1;
}
.anu3 p:nth-child(2){
    color:white;
    font-size: 17px;
    margin-bottom: 10px;
    line-height: 1;
}
/*----SECCION NUMERO 4------*/
.anu4 {
    width: 19em;
    height: 15em;
    text-align: start;
}
.anu4 p:nth-child(1){
    color:white;
    font-size: 32px;
    margin-bottom: 10px;
    line-height: 1;
}
.anu4 p:nth-child(2){
    color:white;
    font-size: 17px;
    margin-bottom: 35px;
    line-height: 1;
}
.reservaWeb{
    display: flex;
}
.BreservaWeb{
    background-color: #00cf4a;
    border-color: transparent;
    border-radius: 50px;
    width: 10em;
    height: 2.5em;
    display: flex;
    justify-content: center;
    align-items: center;
}
.BreservaWeb p{
    text-align: center;
    font-size: 14px !important;
    color: black !important;
    margin: 0!important;
}


.appButtonGoogle{
    width: 9em;
    z-index: 2;
    transition: all .5s ease;
    animation-duration:1.3s;
    animation-delay: 0.3s;
    animation-iteration-count: infinite;
}
.appButton{
    outline: none !important;
    cursor: pointer;
    width: 8em;
    transition: all .5s ease;
    animation-duration:1.3s;
    animation-delay: 0.3s;
    animation-iteration-count: infinite;
}

/*--BOTON SEGUIR BAJA ---*/
.botn{
    position: absolute;
    z-index: 2;
    left: 50%;
    bottom: 50%;
    transform: translate(-50%,-50%);
    animation: animate 2s infinite;
}
.botonBaja{
    width: 5em;
}
@keyframes animate{
    0%{top: 80%;}
    50%{top: 85%;}
    100%{top: 80%;}
}

/*----SERVICIOS-----*/
.serv{
    background:white;
    height:128%;
    position: relative;
    z-index: 1;
}
.servicios{
    background-image: url('../img/bg_servicios.png');
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
}
.posicionresponsiveFlechas{
    display: flex;
    justify-content: flex-end;
    align-items: center;
}
.acomodar{
    transform: translateY(18%);
}
.textServicios {

    border: 1px solid white;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px;
    height: 5em;
    width: 17em;
}
.textServicios p{
    color: white;
    margin:0;
    font-size: 28px;
}
.contendorimagenservicios{
    width: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.imagaAbos{
    width: 52em;
}
.hojaIzServ{
    position: absolute;
    left: 0;
    bottom: 0;
    width: 13em;
    z-index: 2;
    transform: translateY(-15em);
}
.animacionhojita{
    transform: translate(-13px)rotateX(25deg)rotate(-2deg);
       /*ANIMATION:NAME DURATION TIMING-FUNCTION(LINEAR,EASE,EASE-IN,EASE-OUT,EASE-IN-OUT),DELAY,ITERATION-COUNT,DIRECTION(NORMAL REVERSE ALTERNATE(-REVERSE)*/
    animation:animacionhojijaanim 2s ease-in-out 0s  infinite normal ;
}
@keyframes animacionhojijaanim{
    0%{transform: translate(-13px)rotateX(25deg)rotate(-2deg);}
    50%{transform: translate(-13px)rotateX(-25deg)rotate(2deg);}
    100%{transform: translate(-13px)rotateX(25deg)rotate(-2deg);}
}
.moviendo{
    width: 25%;
    display: flex;
    justify-content: space-between;
}
.botContenedor{
    width: 5em;
    margin-right: 10%;
}
button.botContenedor{
    background: transparent;
    border: none;
    text-decoration: none;
}
button.botContenedor:focus{
    outline: none;
}
.textServiAbso{
    height: 100%;
}
.rota{
    transform: rotate(180deg)!important;
}
.n1{
    border-radius: 100%;
    width: 40px;
    height: 40px;
    border:2px solid #52ce56;
    display: flex;
    justify-content: center;
    align-items: center;
}
.s{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 50%;
}
.fa-plane{
    transform: rotateZ(-45deg);
}
.columnavista{
    position: relative;
    height: 39em;
    justify-content: center;
    display: flex;
    align-items: center;
}
.vista{
    position: absolute;
    opacity: 0;
    display: flex;
    transition: all .5s ease-in-out;
    flex-direction: row;
    flex-wrap: wrap;
    width: 100%;
    overflow: hidden;
}
.vista1{
    opacity: 1;
}
.activado{
   z-index: 2;
}

/*--CLIENTES---*/
/* .animacionTextoCliente{
    position: relative;
    height: 5em;
    width: 71%;
} */
.titleCliente{
    position: absolute;
    top: 0;
    transform: translate(17em,-2em);
}
.titleCliente p{
    text-align: start;
    font-size: 18px;
    color:black;
}
.clientes{
    display: flex;
    justify-content: start;
    align-items: center;
    height: 14em;
    margin-top: 2em;
    position: relative;
    margin-bottom: 4em;
    background-color: white;
    z-index: 1;
}
.logosdiv{
    width: 100%;
    height: auto;
}
.logoC{
    width: 9em;
    display: flex;
    justify-content: center;
    align-items: center;
}

/*--SECCION DE AFILIACION--*/
.sec_afiliacion{
    background-image: url('../img/bg_afiliacion.jpg');
    background-position: center;
    background-size: cover;
    height: 100vh;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
}
.cambioConteiner{
    transform: translateX(-150em);
    transition: all ease 1.2s;
}
/*LLUVIA ALEATORIA*/
#lluviaCanvas{
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 0;
    animation: corrido 80s linear 0s infinite normal forwards;
    background: transparent;
}
@keyframes corrido{
    0%{transform: translateX(0%);}
    50%{transform: translateX(60%);}
    100%{transform: translateX(0%);}
}
.contendorImageAfi1{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transform: translate(1em, -5em);
    animation: cotenedor1 10s linear 0s infinite normal forwards;
}
@keyframes cotenedor1{
    0%{transform: translate(1em, -5em);}
    50%{transform: translate(7em, 23em);}
    100%{transform: translate(1em, 60em);}
}
.imgAfiHojasLluv1{
    position: absolute;
    left: 100%;
    width: 3em;
    transform: rotate3d(-8, -8, -8, 45deg);
    /*aqui va la animacion de gota*/
    animation: gota1 3s linear 0s infinite normal forwards;
}
@keyframes gota1{
    0%{transform: rotate3d(10, 10, 10, 45deg);}
    50%{transform: rotate3d(-10, -10, -10, 45deg);}
    100%{transform: rotate3d(10, 10, 10, 45deg);}
}
.contendorImageAfi2{
    position: absolute;
    top: 0;
    left: 0;
    opacity: 1;
    transform: translate(23em, -10em);
    animation: cotenedor2 15s linear 0s infinite normal forwards;

}
@keyframes cotenedor2{
    0%{transform: translate(23em, -10em);}
    50%{transform: translate(32em, 12em);}
    100%{transform: translate(23em, 62em);}
}
.imgAfiHojasLluv2{
    position: absolute;
    left: 50%;
    width: 3em;
    transform: rotate3d(-45, -8, -8, -45deg);
    /*aqui va la animacion de gota*/
    animation: gota2 3s linear 0s infinite normal forwards;
}

@keyframes gota2{
    0%{transform: rotate3d(-45, -8, -8, -45deg);}
    50%{transform: rotate3d(21, 15, 37, 45deg);}
    100%{transform: rotate3d(-45, -8, -8, -45deg);}
}
.contendorImageAfi3{
    position: absolute;
    top:0;
    left: 0;
    opacity: 1;
    transform: translate(45em, -15em);
    animation: cotenedor3 13s linear 0s infinite normal forwards;
}
@keyframes cotenedor3{
    0%{transform: translate(45em, -15em);}
    50%{transform: translate(48em, 12em);}
    100%{transform: translate(45em, 65em);}
}
.imgAfiHojasLluv3{
    position: absolute;
    left: 50%;
    width: 3em;
    transform: rotate3d(25, -8, -8, 0deg);
    /*aqui va la animacion de gota*/
    animation: gota3 3s linear 0s infinite normal forwards;
}
@keyframes gota3{
    0%{transform: rotate3d(25, 8, -8, 0deg);}
    50%{transform: rotate3d(21, 15, 37, 80deg);}
    100%{transform: rotate3d(25, 8, -8, 0deg);}
}
.contendorImageAfi4{
    position: absolute;
    top:0;
    left: 0;
    transform: translate(65em, -15em);
    animation: cotenedor4 15s linear 0s infinite normal forwards;
}
@keyframes cotenedor4{
    0%{transform: translate(65em, -18em);}
    50%{transform: translate(69em, 12em);}
    100%{transform: translate(65em, 65em);}
}
.imgAfiHojasLluv4{
    position: absolute;
    left: 50%;
    width: 3em;
    transform: rotate3d(10, 2, -5, 45deg);
    /*aqui va la animacion de gota*/
    animation: gota4 3s linear 0s infinite normal forwards;
}

@keyframes gota4{
    0%{transform: rotate3d(10, 2, -5, -5deg);}
    50%{transform: rotate3d(-10, -2, 5, -180deg);}
    100%{transform: rotate3d(10, 2, -5, -5deg);}
}
.contendorImageAfi5{
    position: absolute;
    top:0;
    left: 0;
    opacity:0;
}
.imgAfiHojasLluv5{
    width: 3em;
}
@keyframes gota5{
    0%{}
    50%{}
    100%{}
}
.contendorImageAfi6{
    position: absolute;
    top:0;
    left: 0;
    opacity:0;
}
.imgAfiHojasLluv6{
    width: 3em;
}
@keyframes gota6{
    0%{}
    50%{}
    100%{}
}
.contendorImageAfi7{
    position: absolute;
    top:0;
    left: 0;
    opacity:0;
}
.imgAfiHojasLluv7{
    width: 3em;
}
@keyframes gota7{
    0%{}
    50%{}
    100%{}
}
.contendorImageAfi8{
    position: absolute;
    top:0;
    left: 0;
    opacity:0;
}
.imgAfiHojasLluv8{
    width: 3em;
}
@keyframes gota8{
    0%{}
    50%{}
    100%{}
}
/**/
/*NUEVO CONTENIDO*/
.requerimientosPlus{
    position: absolute;
    width: 100%;
    /* top: 50%; */
    /* left: 50%; */
    transform: translateX(150em);
    transition: all ease 1.2s;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.activadoAfi{
    transform: translateX(0);
}

/**/
.imagendefondo {
    position: absolute;
    width: 22em;
    left: 0;
    top: 50%;
    transform: translate(-50%,-50%) rotate(0deg);
    animation: logoBosqueAfi 4s infinite normal;
}
@keyframes logoBosqueAfi{
    0%{transform: translate(-50%,-50%) rotate(0deg);}
    50%{transform: translate(-45%,-50%) rotate(10deg);}
    100%{transform: translate(-50%,-50%) rotate(0deg);}
}
.contenedorRequisitos{
    position: relative;
    width: 22em;
}
.contenedorRequisitos p{
    font-size: 31px;
    line-height: 1.3;
    margin-bottom: 12px;
    color:white;
}
.contenedorRequisitos1 {
    position: relative;
    width: 20em;
    z-index: 2;
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
.contenedorRequisitos1 p{
    font-size: 31px;
    text-align: left;
    line-height: 1.2;
    margin-bottom: 1.3em;
    color:white;
}
.imageAbsoContenedor{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 5em;
    transform: translate(-71%, -90%);
    z-index: -1
}
.animacionHojitalokNice{
    animation: rotaHojita 1.3s infinite  linear;
}
@keyframes rotaHojita{
    0%{transform: rotate(-5deg);}
    50%{transform: rotate(5deg);}
    100%{transform: rotate(-5deg);}
}
.imageAbsoContenedor1{
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-5em, -4em)rotate(-12deg);
    z-index: -1;
    width: 4em;
    opacity: .65;
}
.requi{
    background-color: #00cf4a;
    border-color: transparent;
    color: black;
    text-transform: uppercase;
    width: 14em;
    height: 4em;
    font-size: 13px;
    border-radius: 26px;
    outline: none !important;
}
.requi #requiP{
    color: black;
    font-size: 11px;
    padding-left: 20px;
    text-align: left;
    margin: 0;
}
.requiBack{
    background-color: #00cf4a;
    border-color: transparent;
    color: #000000;
    text-transform: uppercase;
    width: 14em;
    height: 3em;
    font-size: 13px;
    margin-bottom: 15px;
    border-radius: 26px;
    outline: none !important;
}
.informacionbase{
    position: relative;
    height: 100%;
    width: 100%;
    overflow: hidden;
}
.requerimientoBase{
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    left: 200%;
    height: auto;
    width: 25em;
    opacity: 1;
    transition: all ease-in .5s;
}
.activarinfor{
    left: 50% !important;
    opacity: 1;
}
.requerimiento {
    position: relative;
    height: auto;
    width: 25em;
    opacity: 1;
    transition: all ease-in .5s;
}
.cambiodePunto{
    list-style-image: url('../img/puntero.png');

}
.seleccion{
    background-color: #00cf4a;
    height: 4em;
    width: 24em;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    border-radius: 50px;
}
.conductorBase{
    border-radius: 25px;
    height: 3em;
    width: 45%;
    display: flex;
    transition: all ease .1s;
    border-color: transparent;
    text-align: center;
    justify-content: center;
    text-transform: uppercase;
    outline: none !important;
    background-color: #00cf4a;
}
.conductorBase P{
    font-size: 12px;
    padding: 3px;
    line-height: 14px;
    width: 7em;
    margin: 0;
}
.conductoAfiliado{
    border-radius: 25px;
    height: 3em;
    width: 45%;
    margin-right: 13px;
    display: flex;
    border-color: transparent;
    text-align: center;
    text-transform: uppercase;
    justify-content: center;
    outline: none !important;    
    background-color: #00cf4a;
    transition: all ease .1s;
}
.activadoBotonSelector{
    background-color: black;
    color: #00cf4a;
    border: 1px solid transparent!important;
}
.conductoAfiliado P{
    font-size: 12px;
    padding: 3px;
    text-align: center;
    line-height: 14px;
    width: 7em;
    margin: 0;
}
.ordenB{
    display: flex;
    justify-content: flex-end;
}
.ordenTp{
    display: flex;
    justify-content: flex-start;
}
.hojaDerAfil{
    position: absolute;
    right: 0;
    z-index: 2;
    transform: scale(-1);
    top: 2%;
    width: 25.1em;
}
.ordenFormulario{
    display:  flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    position: relative;
    overflow: hidden;
}
/* .textAfiliate{
    border: 1px solid white;
    height: 5em;
    border-radius: 20px;
    width: 18em;
    justify-content: center;
    display: flex;
    align-items: center;
    margin-bottom: 20px;
}
.textAfiliate p{
    color:white;
    font-size: 32px;
    text-transform: uppercase;
    text-align: center;
    margin: 0 ;
} */
.textoPsolo{
    font-size: 16px;
    text-align: center;
    text-transform: uppercase;
    color:white;
}
.formulario{
    transform: translate(-100%,0%);
    transition: all ease .5s;
    display: flex;
    justify-content: center;
    align-items: center;
    width: 31em;
}
.contenedorFormulario{
    max-width: 370px;
}
.formulario .form-control{
    background-color: transparent;
    color:white !important;
    font-size: 14px;
    height: 2.9em;
    border-color: #ffffff ;
    padding-left: 4%;
}
.formulario .form-control::placeholder{
    color:#ffffffad !important;
    font-size: 15px !important;
}

.formulario .soloparauno{
    width: 100%;
    padding-left: 8%;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #666666;
    color: #7a7878 !important;
    opacity: 1;
}
.formulario.selectormax775{
    width: 15.5em !important;
}
.redondearForm{
    border-radius: 27px !important;
    transition: 0.1s all ease-in-out;
}

.formulario .form-control:focus{
    
    box-shadow: none!important;
}
.base{
    position: absolute;
    top: 13%;
    left: 0;
    transform: translate(100%,0%);
    transition: all ease .5s;
}
.formularioCambiar{
    transform: translate(0%,0%)
}
.base .form-control{
    background-color: transparent;
    color:#ffffff !important;
    height: 3em;
    border-color: #ffffff ;
    font-size: 15px;
}
.base .form-control::placeholder{
    color:#ffffffad !important;
    font-size: 1em !important;
}
.base .soloparauno{
    width: 11.8em;
}
.form-control:disabled, .form-control[readonly] {
    background-color: #666666;
    color: #7a7878 !important;
    opacity: 1;
}
.base.selectormax775{
    width: 15.5em !important;
}
.redondearForm{
    border-radius: 27px !important;
    transition: 0.1s all ease-in-out;
}

.base .form-control:focus{
    
    box-shadow: none!important;
}
p#texto{
    text-align: start;
    margin-left: 9%;
    margin-top: 3%;
    color: #ffffff;
    font-size: 1em;
}


div#input_file{
    position: relative;    
    width: 22.7em;
    height: 2.7em;
    background-color: transparent;
    border:1px solid #ffffff;
    border-radius: 5px;
}

input#btn_enviar{
    position: absolute ;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}


p#textoB{
    text-align: start;
    margin-left: 6%;
    margin-top: 3%;
    color: #ffffff;
    font-size: 16px;
}

div#input_fileB{
    position: relative;    
    width: 25.7em;
    height: 2.7em;
    background-color: transparent;
    border:1px solid #ffffff;
    border-radius: 5px;
}

input#btn_enviarB{
    position: absolute ;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}



p#textoTarjetaP{
    text-align: start;
    margin-left: 9%;
    margin-top: 3%;
    color: #ffffff;
    font-size: 1em;
}
div#input_fileTarjetaP{
    position: relative;    
    width: 22.7em;
    height: 2.7em;
    background-color: transparent;
    border:1px solid #ffffff;
    transition: 0.1s all ease-in-out;
}

input#btn_enviarTarjetaP{
    position: absolute ;
    top:0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    width: 100%;
    height: 100%;
    opacity: 0;
    cursor: pointer;
}

.desc{
    position: absolute;    
    right: 0;
    transform: translate(-2em,-2.4em);
}
.boton-afiliarse {
    background-color: #00cf4a;
    width: 94%;
    border-radius: 36px;
    height: 3em;
    color: black ;
    text-transform: uppercase;
}
.boton-afiliarse:hover{
    box-shadow: inset 1px 1px 17px 3px #d7ffd4b8;
    color: white;
}
.boton-afiliarseBase {
    background-color: #00cf4a;
    width: 94%;
    border-radius: 36px;
    height: 3em;
    color: #000000;
    text-transform: uppercase;
}
.boton-afiliarseBase:hover{
    box-shadow: inset 1px 1px 17px 3px #d7ffd4b8;
    color: white;
}
/*---SECCION AYUDA---*/
.ayuda{
    background-color: #00cf4a;
    height: 100vh;
    position: relative;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index:1;
}
.appButtonGoogleDESC{
    width: 12em;
    z-index: 2;
    transition: all .5s ease;
    animation-duration:1.3s;
    animation-delay: 0.3s;
    animation-iteration-count: infinite;
}
.appButtonDESC{
    outline: none !important;
    cursor: pointer;
    width: 11em;
    transition: all .5s ease;
    animation-duration:1.3s;
    animation-delay: 0.3s;
    animation-iteration-count: infinite;
}
.imgCel{
    width: 25em;
}
.comousarposicion{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}
.descargar{
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 24em;
    margin-bottom: 3em;
}
.calendar {
    position: absolute;
    bottom: 0;
    right: 0;
    transform: translate(-46px,17px);
    width: 3em;
}
.descargar p{
    font-size: 32px;
    color:white;
    text-align: start;
    line-height: 1;
    margin:0;
}
.botonApp{
    background-color: black;
    border: 1px solid black;
    color:#4cdd80 !important;
    height: 3em;
    width: 24em;
    overflow-x:hidden; 
    position: relative;
    text-align: center;
    border-radius: 50px;
    box-shadow: 3px 16px 34px rgba(0, 0, 0, 0.25);
    animation-direction: normal;
    animation-duration: 2s;
    animation-iteration-count: infinite;
}
.botonApp p{
    margin:0;
    font-size: 20px;
}
.descargarD p{
    color:white;
    font-size: 20px;
    text-transform: uppercase;
    text-align: center;
}
.botonesDescargar{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 24em;
    height: 4em;
}


/*---CONSULTA---*/
.activadoF{
    display:flex;
    justify-content:center;
}
.consulta{
    height: 60em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    background: white;
}
.margenesInput{
    margin-top: .3em;
    margin-bottom: .3em;
}
.textconsulta{
    position: relative;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    width: 23em;
}
.textconsulta p:nth-child(1){
    color:#00cf4a;
    font-size: 28px;
    text-transform: uppercase;
    text-align: center;
    width: 13em;
    line-height: 1;
}
.textconsulta p:nth-child(2){
    color:black;
    font-size: 18px;
    text-align: center;
    width: 16em;
    line-height: 1.4;
}
.imgConsulHoja{
    position: absolute;
    width: 2em;
    right: 0;
    z-index: -1;
    top: 0;
    transform: translate(-1.1em,-3.5em) rotate(4deg);
    animation: consultaHojaAnima .8s ease-in  infinite normal ;
}
@keyframes consultaHojaAnima{
    0%{transform: translate(-1.1em,-3.5em) rotate(4deg);}
    50%{transform: translate(-1.1em,-3.5em) rotate(-4deg);}
    100%{transform: translate(-1.1em,-3.5em) rotate(4deg);}
}
.contBot {
    position: relative;
    width: 31em;
    background: white;
    height: 4em;
    border-top-left-radius: 20px;
    transform: translate(3.5%,12%);
    border-top-right-radius: 20px;
    box-shadow: 0px 0px 4px 0px #847979;
    z-index: -1;
    display: flex;
    flex-wrap: wrap;
}
.botonContacto{
    position: absolute;
    left: 2.85%;
    transform: translateY(20%);
    z-index: -1;
    width: 45%;
}
.btn-contacto{
    width: 100%;
    height: 4em;
    color: #00cf4a;
    background-color: white;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    border-color: transparent;
    outline: none !important;
}
.changeForm{
    background: #00cf4a !important;
    color: black !important;
}
.botonEmpresas{
    position: absolute;
    right: 2.85%;
    transform: translateY(20%);
    z-index: -1;
    width: 45%;
}
.btn-empresas{
    width: 100%;
    border-top-left-radius: 13px;
    border-top-right-radius: 13px;
    height: 4em;
    color: #00cf4a;
    border-color: transparent;
    background-color: white;
    outline: none !important;
}
.adaptando{
    position: relative;
}
.formularioC{
    background-image: url('../img/bg_form_consulta.png');
    background-position: center;    
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 39em;
    width: 33em;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 2;

}
.formularioContacto{
    background-image: url('../img/bg_form_contacto.png');
    position: absolute;
    top:0;
    top: 9%;
    background-position: center;    
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 20px;
    height: 39.2em;
    width: 33em;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: -1;
    transition: 0.5s all ease-out;
}
.trans{
    background: transparent !important;
    border-radius: 24px;
}
.boton-consulta{
    background-color: #00cf4a;
    width: 23em;
    height: 3em;
    border-radius: 20px;
    color:black;
    transition: all ease-in 0.2s ;
}
.boton-consulta:hover{
    box-shadow: inset 1px 1px 17px 3px #d7ffd4b8;
    color:white;
}
.boton-consultaC:hover{
    box-shadow: inset 1px 1px 17px 3px #d7ffd4b8;
    color:white;
}
.boton-consultaC{
    background-color: #00cf4a;
    width: 22em;
    height: 3em;
    border-radius: 20px;
    color:black;
    transition: all ease-in 0.2s ;
}
/*--PIE DE PAGINA--*/
.piePagina{
    background-color: white;
    background-image: url('../img/bg_footer.png');
    background-repeat: no-repeat;
    background-size: cover;
    height: 44em;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
    overflow: visible;
    z-index: 1;
}
.logoFooter{
    position: absolute;
    width: 24em;
    left: 0;
    top: 0;
    transform: translate(7em,10em);
}
.contendorfooter{
    position: relative;
    transform: translateY(11em);
    width: auto;
    height: auto;
}
.hojitaIf {
    position: absolute;
    background-image: url(../img/hojita_footerg.png);
    background-color: transparent;
    border-color: transparent;
    outline: none !important;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    display: flex;
    width: 24em;
    height: 10em;
    bottom: 0;
    transform: translate(14em,3em);
    left: 0;
    justify-content: center;
    align-items: center;
}
.infoConHojita{
    width: 9em;
}
.infoConHojita p{
    font-family: 'keepCalm-medium';
    font-weight: bold;
    line-height: 1;
    margin-bottom: 5px;
}
.infoConHojita p:nth-child(3){
    font-size: 13px;
    width: 13em;
}
.fa-phone-volume{
    font-size: 3em;
    margin-right: 18px;
    transform: rotate(-45deg);
}
.wramp-footer{
    display: flex;
    flex-wrap: wrap;
    width: 25em;
}
.iconos{
    width: 15%;
    height: 3em;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.iconos i{
    font-size: 32px;
}
.fa-phone{
    transform: scaleX(-1);
}
.fa-facebook-square{
    font-size: 32px;
}
.info{
    width: 85%;
    height: 3em;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 10px;
}
.info p{
    margin: 0;
}
.reclamacion {
    display: flex;
    align-items: center;
    margin-top: 25px;
}
.libroReclamaciones {
    display: flex;
    flex-direction: row;
    text-align: left;
    background: transparent;
    color: #00cf4a;
    border: 1px solid #00cf4a;
    padding: 8px 10px;
    border-radius: 10px;
    font-size: 12px;
    outline: none;
}
.libroReclamaciones:focus{
    box-shadow: none;
    outline: none;
}
.libroReclamaciones span:nth-child(1) {
    margin-right: 12px;
    line-height: 16px;
}
/* nelica*/
.nelica {
    background: black;
    height: 6em;
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 1;
    overflow: hidden;
}

.nelica a{
    color:white;
    font-weight: 200;
}
/*--------------------------------RESPONSIVE-----------------------------------*/

@media(max-width:1600px){
    .imagaAbos{
        width: 44em;
    }
    .hojaIzServ {
        transform: translateY(-45%);
    }
    .titleCliente {
        position: absolute;
        top: 0;
        transform: translate(14em,-2em);
    }
    /* .imagendefondo {
        width: 98em;
    } */
}
@media(max-width:1440px){
    .anuncio {
        transform: translate(25%,-13%);
    }
    .serv {
        height: 59em;
    }
    .imagaAbos{
        width: 28em;
    }
    .columnavista{
        height: 29em;
    }
    .hojaIzServ {
        transform: translateY(-10em);
    }
    .sec_afiliacion {
        height: 50em;
    }
    .imagendefondo {
        width: 13em;
    }
    .logoC {
        width: 8em;
    }
    p#textoTarjetaP {
        margin-top: 2.5%;
        font-size: 1em;
    }
    p#texto{
        margin-top: 2.5%;
        font-size: 1em;
    }
    p#textoB{
        margin-top: 2.5%;
        font-size: 1em;
    }
    /*NUEVO*/
    .base {
        width: 26em;
    }
    .contenedorRequisitos {
        width: 17em;
    }
    .contenedorRequisitos p {
        font-size: 24px;
    }
    .imageAbsoContenedor {
        width: 3em;
        transform: translate(-5em, -4em);
    }
    .contenedorRequisitos1 {
        width: 16em;
    }
    .contenedorRequisitos1 p {
        font-size: 24px;
    }
    /**/
    .hojaDerAfil {
        width: 12.1em;
    }

    .redesSociales i{
        font-size: 23px;
    }
    .iconos i {
        font-size: 23px;
    }
    .info p {
        font-size: 12px;
    }
    .imgCel {
        width: 18em;
    }
    /*CAMBIAR KEYFRAMES Y PONERLO COMO NUEVA ANIMACIÓN*/
    .contendorImageAfi3{
        position: absolute;
        top:0;
        left: 0;
        opacity: 1;
        transform: translate(15em, -15em);
        animation: cotenedor3cambio 13s linear 0s infinite normal forwards;
    }
    @keyframes cotenedor3cambio{
        0%{transform: translate(15em, -15em);}
        50%{transform: translate(18em, 12em);}
        100%{transform: translate(15em, 65em);}
    }
    /**/
    .hojitaIf {
        transform: translate(5em,3em);
        transform: translate(1em,3em);
        width: 18em;
        height: 7.5em;
    }
    .piePagina {
        height: 38em;
    }
    .infoConHojita p {
        font-size: 10px;
    }
    .fa-phone-volume {
        font-size: 2em;
    }
    .infoConHojita p:nth-child(3) {
        font-size: 11px;
        text-align: center;
    }
    .wramp-footer {
        width: 17em;
    }
    .facebook {
        width: 3em;
        height: 3em;
    }
    .wsp {
        width: 3em;
        height: 3em;
    }
}
@media(max-width:1366px) {
    .anuncio {
        transform: translate(25%,-35%);
    }
    .imagefloat1 {
        transform: translate(2em,2em);
    }
    .anu2 {
        width: 15em;
    }
    .anu2 p:nth-child(1) {
        font-size: 27px;
    }
    .anu2 p:nth-child(2) {
        font-size: 12px;
    }
    .anu3 {
        width: 15em;
    }
    .anu3 p:nth-child(1) {
        font-size: 27px;
    }
    .anu3 p:nth-child(2) {
        font-size: 15px;
    }
    .anu4 {
        width: 15em;
    }
    .anu4 p:nth-child(1) {
        font-size: 27px;
    }
    .anu4 p:nth-child(2) {
        font-size: 15px;
    }
    .hojaIzServ {
        transform: translateY(-12em);
        width: 9em;
    }

    /* .textAfiliate {
        height: 4em;
        width: 15em;
    }
    .textAfiliate p {
        font-size: 24px;
    } */
    .imageAbsoContenedor1 {
        transform: translate(-4em, -5.2em)rotate(-12deg);
        width: 3em;
    }
    div#input_fileB {
        width: 23.7em;
    }
    .textoPsolo{
        font-size: 13px;
    }
    .imgCel {
        width: 15em;
    }
    .descargar {
        width: 19em;
    }
    .descargar p {
        font-size: 25px;
    }
    .calendar {
        transform: translate(-32px,25px);
    }
    .botonApp {
        width: 19em;
    }
    .botonApp p {
        font-size: 16px;
    }
    .logoFooter {
        width: 19em;
        transform: translate(6em,10em);
    }
}

@media(max-width:1280px) {

    .imagefloat1 {
        transform: translate(1em,2em);
    }
    /* .imagendefondo {
        transform: translate(113px);
    } */
}

@media(max-width:1199px){
    .anuncio {
        transform: translate(5%,-35%);
    }
    .imagefloat1 {
        transform: translate(0em,2em);
    }
    .titleCliente {
        transform: translate(7em,-2em);
    }
    .logoC {
        width: 7em;
    }
    /* .imagendefondo {
        transform: translate(227px);
    } */
    .ordenB {
        justify-content: center;
    }
    .soloparauno {
        width: 24em;
    }
    .hojaDerAfil {
        width: 15em;
    }
    .formularioContacto {
        width: 29em;
    }
    .formularioC {
        width: 29em;
    }
    .contBot {
        width: 27em;
    }
    .hojitaIf {
        transform: translate(0.4em,3em);
    }
    .info p {
        font-size: 14px;
    }
    .iconos i {
        font-size: 26px;
    }
}
@media(max-width:991px){
    .difumido::before {
        opacity: 1;
    }
    .slidetop1 {
        background-image: url('../img/slide_top_1.jpg');
    }
    .anuncio {
        transform: translate(60%,-35%);
    }
    .anu1 {
        width: 25em;
        text-align: center;
    }
    .secDesc p {
        font-size: 13px;
        color: white;
        text-align: center;
    }
    .secBotApp {
        justify-content: center;
    }
    .slidetop2 {
        background-image: url('../img/slide_top_2.jpg');
    }
    .anu2 {
        width: 25em;
        text-align: center;
    }
    .slidetop3 {
        background-image: url('../img/slide_top_3.jpg');
    }
    .anu3 {
        width: 25em;
        text-align: center;
    }
    .slidetop4 {
        background-image: url('../img/slide_top_4.jpg');
    }
    .anu4 {
        width: 25em;
        text-align: center;
    }
    .reservaWeb {
        justify-content: center;
    }
    .botn {
        right: 42%;
    }
    .servicios {
        background-color: black;
        background-image: none;
        height: 45em;
        background-size: cover;
        background-repeat: no-repeat;
    }
    .imagaAbos {
        width: 20em;
    }
    .requerimiento {
        width: 15em;
    }
    .requerimientoBase {
        width: 17em;
        font-size: 14px;
    }
    .piePagina {
        min-height: 68em;
    }
    .nelica {
        
        min-height: 5em;
    }
    .contendorfooter{
        width: 20em;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .infoFooter{
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .formaColumna {
        flex-direction: column;
        width: 17em;
    }
    .wramp-footer {
        width: 16em;
        margin-bottom: 20px;
    }
    .centrandocolumnas{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 25px;
    }
    .redesSociales{
        width: 16em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin-bottom: 20px;
    }
    .iconos {
        width: 50%;
        justify-content: center;
    }
    .info {
        width: 50%;
        justify-content: center;
    }
    .info p{
        font-size: 13px;
        text-align: center;
    }
    .hojitaIf {
        transform: translate(31em,-35em);
    }
}


@media(max-width:768px){
    .cambio{
        color:white;
    }
    .hojaDerAfil {
        width: 7em;
    }
    .seleccion {
        width: 17em;
    }
    .formularioCambiar {
        width: 21em;
    }
    .anuncio {
        transform: translate(30%,-57%);
    }
    .imagendefondo {
        width: 8em;
    }
    .textconsulta p:nth-child(1) {
        font-size: 22px;
    }
    .textconsulta p:nth-child(2) {
        font-size: 15px;
    }
    .contBot {
        width: 20em;
        transform: translate(0%,12%);
    }    
    .formularioContacto {
        width: 22em;
    }
    .formularioC {
        width: 22em;
    }
    .form-controlCon {
        width: 17em !important;
        font-size: 1em !important;
        padding-left: 1.3em;
    }
    .boton-consulta {
        width: 16em;
    }

    .piePagina{
        background-image: none;
        background-color: black;
        min-height: 70em;

    }
    .contenedorFormulario {
        max-width: 268px;
    }
    .adaptando {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .logoFooter {
        width: 19em;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-31em);
    }
    /* .contendorfooter{
    } */
    .infoFooter{
        width: 16em;
    }
    .hojitaIf {
        transform: translate(-50%,-25em);
        left: 50%;
        top: 50%;
    }
    .swiper1 .swiper-pagination {
        text-align: left;
        display: none;
    }
}

@media(max-width:575px){
    #lluviaCanvas{
        display: none;
    }
    .opactiySlideText{
        opacity: 0;
    }
    .facebook {
        width: 3em;
        height: 3em;
    }
    .wsp {
        width: 3em;
        height: 3em;
    }
    .swiper1 {
        height: 28em;
    }
    .anuncio {
        height: 20em;
        transform: translate(-50%,-50%);
        left: 50%;
        top: 50%;
    }
    .swiper1 .swiper-button-prev, .swiper-button-next {
        width: 27px;
        height: 25px;
    }
    .prevbos i {
        font-size: 27px;
    }
    .cambio {
        font-size: 27px;
    }
    .anu1 {
        width: 18em;
        height: 5em;
    }
    .imagefloat1 {
        display: none;
    }
    .anu2 {
        width: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .imagefloat2 {
        display: none;
    }
    .anu3 {
        width: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .anu4 {
        width: 18em;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
    }
    .BreservaWeb {
        background-color: #000000;
    }
    .BreservaWeb p {
        color: #00cf4a!important;
    }
    .botn{
        display: none;
    }
    .botContenedor {
        width: 3em;
        margin-right: 0%;
    }
    .serv {
        height: 49em;
    }
    .textServicios {
        height: 4em;
        width: 11em;
    }
    .contenedorRequisitos {
        margin-bottom: 2em;
    }
    .contenedorRequisitos1 {
        margin-bottom: 2em;
    }
    .appButtonGoogleDESC{
        width: 7em;
    }
    .appButtonDESC{
        width: 6em;
    }
    .base {
        left: 19%;
    }
    .textServicios p {
        font-size: 19px;
    }
    .posicionresponsiveService{
        display: flex;
        justify-content: center;
        align-items: center;
    }
    .posicionresponsiveFlechas{
        justify-content: space-between;
    }
    .s {
        width: 100%;
        margin-bottom: 20px;
    }
    .textAnunc{
        font-size: 20px; 
    }
    .fa-3x{
        font-size: 30px;
    }
    .contendorimagenservicios {
        width: 100%;
    }
    .hojaIzServ {
        width: 8em;
        transform: translateY(0%);
    }
    .clientes {
        height: 32em;
    }
    .formulario .form-control{
        font-size:1em !important;
    }
    .base .form-control {
        font-size:1em !important;
    }
    .base .form-control::placeholder{
        font-size:1em !important;
    }
    .formulario .form-control::placeholder{
        font-size:1em !important;
    }
    p#texto {
        margin-top: 4%;
        font-size: 15px;
    }
    p#textoTarjetaP {
        margin-top: 4%;
        font-size: 15px;
    }
    p#textoB {
        margin-top: 4%;
        font-size: 15px;
    }

    .titleCliente {
        transform: translate(-50%,-50%);
        top: 6%;
        left: 50%;
    }
    .logoC {
        width: 7em;
        margin-top: 19px;
    }
    .sec_afiliacion {
        height: 59em;
    }
    .sec_afiliacion::before {
        background-color: #00cf4a00;
    }
    /* .imagendefondo {
        display: none;
    } */
    /* .textAfiliate {
        border: 1px solid white;
    } */


    .informacionbase {
        height: 30em;
    }
    .requerimiento {
        font-size: 13px;
        width: 20em;
    }
    .requerimientoBase {
        width: 21em;
    }
    .boton-afiliarse {
        background-color: #00cf4a;
    }
    .hojaDerAfil {
        width: 8em;
        top: 1%;
    }
    .descargar {
        width: 15em;
    }
    .descargar p {
        font-size: 18px;
        text-align: center;
    }
    .ayuda {
        height: 36em;
    }
    .imgCel {
        width: 8em;
    }
    .calendar {
        display: none;
    }
    .botComo{
        margin-bottom: 20px;
    }
    .botonApp {
        width: 15em;
        height: 3em;
    }
    .posicionamientocelularandclick{
        flex-direction: column-reverse;
    }
    .botonApp p {
        font-size: 14px;
    }
    .descargarD p {
        font-size: 18px;
    }
    .contBot {
        width: 22em;
        transform: translate(0%,12%);
    }
    .adaptando {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .formularioContacto {
        width: 24em;
    }
    .formularioC {
        width: 24em;
    }
    .margenesInput {
        margin-top: 0.2em;
        margin-bottom: .2em;
    }
    .boton-consultaC {
        width: 16em;
    }
    .piePagina {
        height: 68em;
    }
    .wramp-footer {
        width: 16em;
        margin-bottom: 3px;
    }
    .infoFooter {
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .iconos {
        width: 18%;
        justify-content: center;
    }
    .info {
        width: 82%;
        justify-content: flex-start;
        margin-left: 0px;
        margin-bottom: 16px;
    }
    .info p {
        font-size: 12px;
        text-align: left;
        margin: 2px;
    }
    .logoFooter {
        width: 15em;
    }

}
@media(max-width:414px){
    .columnavista {
        height: 26em;
    }
    .moviendo {
        width: 100%;
        transform: translateY(116%);
    }
    .conductoAfiliado {
        width: 9em;
    }
    .conductorBase {
        width: 9em;
    }

    .soloparauno {
        width: 18em;
    }
    div#input_fileTarjetaP {
        width: 20em;
    }
    p#textoTarjetaP {   
        margin-top: 5%;
        margin-left: 14%;
    }
    div#input_file {
        width: 20em;
    }
    p#texto {
        margin-top: 5%;
        margin-left: 14%;
    }
    p#textoB {
        margin-left: 9%;
    }
    .formularioContacto {
        width: 23em;
    }
    .formularioC {
        width: 23em;
    }
    .form-controlCon {
        width: 19em !important;
    }
    .contBot {
        width: 21em;
    }
    .infoConHojita p {
        font-size: 12px;
        text-align: start;
    }
    .formaColumna {
        flex-direction: column;
        width: 19.5em;
    }
    .requerimiento {
        width: 18em;
    }

}
@media(max-width:375px){
    .appButton {
        width: 5.5em;
    }
    .appButtonGoogle {
        width: 6em;
    }
    .anuncio {
        height: 16em;
    }
    .anu1 p:nth-child(1) {
        font-size: 17px;
    }
    .anu1 p:nth-child(2) {
        font-size: 12px;
    }
    .anu1 p:nth-child(3) {
        font-size: 11px;
    }
    .anu2 p:nth-child(1) {
        font-size: 17px;
    }
    .anu2 p:nth-child(2) {
        font-size: 12px;
    }
    .anu3 p:nth-child(1) {
        font-size: 17px;
    }
    .anu3 p:nth-child(2) {
        font-size: 12px;
    }
    .anu4 p:nth-child(1) {
        font-size: 17px;
    }
    .anu4 p:nth-child(2) {
        font-size: 12px;
    }
    .contBot {
        width: 20em;
    }
    .formularioContacto {
        width: 22em;
    }
    .formularioC{
        width: 22em;
    }


}
@media(max-width:365px){
    .anuncio {
        height: 20em;
    }
    .textServicios {
        height: 4em;
        width: 8em;
    }
    .textServicios p {
        font-size: 14px;
    }
    .conductoAfiliado {
        width: 9em;
    }
    .conductorBase {
        width: 9em;
    }
    .soloparauno {
        width: 18em;
    }
    div#input_fileTarjetaP {
        width: 20em;
    }
    p#textoTarjetaP {   
        margin-top: 5%;
    }
    div#input_file {
        width: 20em;
    }
    p#texto {
        margin-top: 5%;
    }
    .btn-contacto p{
        font-size: 13px;
    }
    .btn-empresas p{
        font-size: 13px;
    }
    .formularioContacto {
        width: 21em;
    }
    .formularioC{
        width: 21em;
    }
    .form-controlCon {
        width: 19em !important;
    }
    .logoFooter {
        width: 13em;
    }
    .infoConHojita p {
        font-size: 12px;
    }
    .contBot {
        width: 16em;
    }
}
@media (max-width:320px){

    .swiper1 .swiper-button-prev, .swiper-button-next {
        top: 58%;
    }
    .imagaAbos {
        width: 15em;
    }
    .textServicios {
        width: 7em;
    }
    .textServicios p {
        font-size: 14px;
    }
    .servicios {
        height: 39em;
    }
    .serv {
        height: 42em;
    }
    .acomodar {
        transform: translateY(5%);
    }
    .botContenedor {
        width: 3em;
        margin-right: 0%;
    }
    .moviendo {
        transform: translateY(161%);
    }
    .columnavista {
        height: 24em;
    }
    .textAnunc {
        font-size: 15px;
    }
    .fa-3x {
        font-size: 20px;
    }
    .imgCel {
        width: 5em;
    }
    .formularioContacto {
        width: 18em;
    }
    .formularioC{
        width: 18em;
    }
    .form-controlCon {
        width: 17em !important;
    }
}
/*----------------PANTALLAS ULTRA ESPECIALES Y EN MOVIL MODO HORIZONTAL XD LOL AGRIA :V*/
@media(min-width:1366px) and (min-height:628px) and (max-height:720px){
    .hojaIzServ {
        transform: translateY(-58%);
        width: 16em;
    }
    /* .imagendefondo {
        transform: translate(46px);
    } */
    /* .textAfiliate {
        height: 4em;
        width: 15em;
    }
    .textAfiliate p {
        font-size: 24px;
    } */
    .hojaDerAfil {
        width: 19.1em;
    }
    .textoPsolo{
        font-size: 13px;
    }
    .imgCel {
        width: 15em;
    }
    .descargar {
        width: 19em;
    }
    .descargar p {
        font-size: 25px;
    }
    .calendar {
        transform: translate(-32px,25px);
    }
    .botonApp {
        width: 19em;
    }
    .botonApp p {
        font-size: 16px;
    }
    .logoFooter {
        width: 19em;
        transform: translate(6em,10em);
    }
}
@media(min-width:1280px) and (min-height:550px) and (max-height:699px){
    .anuncio {
        transform: translate(25%,-4%);
        height: 21em;
    }
    .anu1 {
        width: 10em;
        height: 11em;
    }
    .anu1 p:nth-child(1) {
        font-size: 24px;
    }
    .anu1 p:nth-child(2) {
        font-size: 14px;
    }
    .anu1 p:nth-child(3) {
        font-size: 13px;
    }
    .imagefloat1 {
        transform: translate(2em,2em);
    }
    .anu2 {
        width: 15em;
        height: 18em;
    }
    .anu2 p:nth-child(1) {
        font-size: 23px;
    }
    .anu2 p:nth-child(2) {
        font-size: 17px;
    }
    .anu3 {
        width: 15em;
        height: 18em;
    }
    .anu3 p:nth-child(1) {
        font-size: 25px;
    }
    .anu3 p:nth-child(2) {
        font-size: 13px;
    }
    .anu4 {
        width: 15em;
        height: 18em;
    }
    .anu4 p:nth-child(1) {
        font-size: 21px;
    }
    .anu4 p:nth-child(2) {
        font-size: 13px;
    }
    .BreservaWeb p {
        font-size: 12px !important;
    }
    .hojaIzServ {
        transform: translateY(-68%);
        width: 14em;
    }
    .clientes {
        height: 11em;
    }
    .titleCliente {
        position: absolute;
        top: 0;
        transform: translate(10em,-2em);
    }
    .logoC {
        width: 7em;
    }
    /* .imagendefondo {
        width: 83em;
        transform: translateX(53px);
    } */
    /* .textAfiliate {
        height: 4em;
        width: 14em;
    }
    .textAfiliate p {
        color: white;
        font-size: 24px;
        text-transform: uppercase;
        text-align: center;
        margin: 0;
    } */
    .textoPsolo {
        font-size: 12px;
        text-align: center;
        text-transform: uppercase;
        color: white;
    }
    .hojaDerAfil {
        width: 19.1em;
    }
    .imgCel {
        width: 12em;
    }
    .descargar {
        width: 20em;
    }
    .descargar p {
        font-size: 24px;
    }
    .calendar {
        transform: translate(-53px,27px);
    }
    .botonApp {
        width: 19em;
    }
    .botonApp p {
        font-size: 16px;
    }
    .descargarD p {
        font-size: 17px;
    }
}
@media (max-width:830px) and (max-height:420px){
    .imagefloat1 {
        transform: translate(7em,2em);
    }
    .botonBaja {
        display: none;
    }
    .appButton {
        width: 6em;
    }
    .appButtonGoogle {
        width: 6em;
    }
    .anuncio {
        height: 16em;
        transform: translate(-50%,-43%);
        left: 50%;
        top: 50%;
    }
    .swiper1 .swiper-pagination {
        display: none;
    }
    .anu1 {
        width: 18em;
    }
    .anu1 p:nth-child(1) {
        font-size: 17px;
    }
    .anu1 p:nth-child(2) {
        font-size: 12px;
    }
    .anu1 p:nth-child(3) {
        font-size: 11px;
    }
    .anu2    {
        width: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .anu2 p:nth-child(1) {
        font-size: 17px;
    }
    .anu2 p:nth-child(2) {
        font-size: 12px;
    }
    .anu3 {
        width: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .anu3 p:nth-child(1) {
        font-size: 17px;
    }
    .anu3 p:nth-child(2) {
        font-size: 12px;
    }
    .anu4 {
        width: 18em;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
    .anu4 p:nth-child(1) {
        font-size: 17px;
    }
    .anu4 p:nth-child(2) {
        font-size: 12px;
    }
    .serv {
        height: 29em;
    }
    .servicios {
        height: 26em;
    }    
    .columnavista {
        height: 16em;
    }
    .hojaIzServ {
        transform: translateY(-12%);
        width: 11em;
    }
    .titleCliente {
        transform: translate(-50%,-50%);
        top: 6%;
        left: 50%;
    }
    .moviendo {
        width: 37%;
        justify-content: center;
    }
    .formulario{
        width: 21em;
    }
    .base{
        width: 21em;
    }
    .imageAbsoContenedor {
        width: 3em;
    }
    .imagendefondo {
        width: 9em;
    }
    .formulario .soloparauno {
        width: 19.8em;
    }
    .requerimientoBase h4{
        font-size: 21px;
    }
    .requerimientoBase ul{
        font-size: 14px;
    }
    .seleccion {
        width: 20em;
    }
    .hojaDerAfil {
        width: 8em;
    }
    .textAnunc{
        font-size: 22px;
    }
    .imagaAbos {
        width: 15em;
    }
    /* .imagendefondo {
        transform: translate(364px);
    } */
    .ayuda {
        height: 25em;
    }
    .imgCel {
        width: 9em;
    }
    .botonApp p {
        font-size: 12px;
    }
    .descargar {
        width: 17em;
    }
    .descargar p {
        font-size: 22px;
    }
    .calendar {
        transform: translate(-44px,15px);
        width: 2em;
    }
    .botonApp {
        width: 16em;
        height: 3em;
    }
    .descargarD{
        margin-top: 20px;
    }
    .descargarD p {
        font-size: 17px;
    }
    .textconsulta p:nth-child(1) {
        font-size: 22px;
    }
    .textconsulta p:nth-child(2) {
        font-size: 15px;
    }
    .contBot {
        width: 20.8em;
        transform: translate(0%,12%);
    }
    .adaptando {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }
    .formularioC {
        width: 22em;
    }
    .formularioContacto {
        width: 22em;
    }
    .form-controlCon {
        width: 17em !important;
    }
    .boton-consulta {
        width: 16em;
    }
    .boton-consultaC {
        width: 16em;
    }
    .piePagina {
        height: 59em;
    }
    .logoFooter {
        width: 19em;
        top: 50%;
        left: 50%;
        transform: translate(-50%,-400%);
    }
    .info p {
        font-size: 11px;
    }
    .hojitaIf {
        transform: translate(-50%,-173%);
        left: 50%;
        top: 50%;
    }
    .wramp-footer {
        width: 16em;
        margin-bottom: 3px;
    }
    .formaColumna {
        width: 24em;
    }
    .infoFooter {
        height: auto;
        width: 25em;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
    }
    .iconos {
        width: 18%;
        justify-content: center;
    }
    .info {
        width: 82%;
        justify-content: flex-start;
        margin-left: 0px;
        margin-bottom: 16px;
    }
}

@media (max-width:767px) and (min-width:640px) and (max-height:420px){
    .anuncio {
        height: 11em;
    }
    .anu1{
        height: 5em;
    }
    .imagefloat2 {
        width: 4em;
    }
    /* .imagendefondo {
        transform: translate(48em);
    } */
    .seleccion {
        width: 16em;
    }
    .imageAbsoContenedor {
        width: 3em;
        transform: translate(-3em, -4em);
    }
    .formularioCambiar {
        width: 17em;
    }
    .hojaDerAfil {
        width: 7em;
    }

    .servicios {
        height: 26em;
    }
    .hojaIzServ {
        width: 8em;
    }
    .clientes {
        height: 24em;
    }
    .soloparauno {
        width: 16em;
    }
    div#input_fileTarjetaP {
        width: 16em;
    }
    div#input_file {
        width: 16em;
    }
    .boton-afiliarse {
        width: 64%;
    }
    p#textoTarjetaP {
        margin-left: 11%;
        margin-top: 6%;
        font-size: 11px;
    }
    p#texto {
        margin-left: 11%;
        margin-top: 6%;
        font-size: 11px;
    }
    ul.colorResp{
        font-size: 13px;
    }
    .requerimiento {
        width: 12em;
    }
    .requerimientoBase {
        width: 12em;
    }
    .contBot {
        transform: translate(0%,12%);
    }
    .adaptando {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .piePagina {
        height: 62em;
    }
    .logoFooter {
        width: 12em;
        transform: translate(-50%,-600%);
    }
}
@media(max-width:568px) and (max-height:320px){
    .contBot {
        transform: translate(0.5%,12%);
    }
    .serv {
        height: 34em;
    }
    .servicios {
        height: 32em;
    }
    .moviendo {
        margin-top: 20px;
        width: 43%;
        display: flex;
        justify-content: space-between;
    }
    .ayuda {
        height: 37em;
    }
    .adaptando {
        position: relative;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-direction: column;
    }
    .posicionresponsiveFlechas {
        justify-content: center;
    }
    .base {
        left: 24%;
    }
}