@font-face {
    font-family: helvetica_bold;
    src: url('Helvetica/Helvetica-Bold_0.ttf');
}
@font-face {
    font-family: helvetica_regular;
    src: url('Helvetica/Helvetica_0.ttf');
}
@keyframes slide {
	0% { transform: translateX(0); }
	10% { transform: translateX(0); }

	15% { transform: translateX(-100%); }
	30% { transform: translateX(-100%); }

	35% { transform: translateX(-200%); }
	50% { transform: translateX(-200%); }

	55% { transform: translateX(-300%); }
	70% { transform: translateX(-300%); }

	75% { transform: translateX(-400%); }
	90% { transform: translateX(-400%); }

	95% { transform: translateX(-500%); }
	100% { transform: translateX(-500%); }
}

*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    overflow-x: hidden;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;  
}
body{
    height: auto;
    min-height: 100vh;
    position: relative;
    font-family: helvetica_regular;
}
html{
    scroll-behavior: smooth;
}
@keyframes slidein {
    from {
      margin-left: 100%;
      width: 50%
    }
  
    to {
      margin-left: 5%;
      width: 90%;
    }
  }
  @keyframes slidein2 {
    from {
      margin-left: 100%;
      width: 50%
    }
  
    to {
      margin-left: 5%;
      width: 90%;
    }
  }
  @keyframes slidein3 {
    from {
      margin-left: 100%;
      width: 50%
    }
  
    to {
      margin-left: 5%;
      width: 90%;
    }
  }
  @keyframes slidein4 {
    from {
      margin-left: 100%;
      width: 50%
    }
  
    to {
      margin-left: 5%;
      width: 90%;
    }
  }
.animacion{
    animation-duration: 3s;
    animation-name: slidein;
    
}
.animacion2{
    animation-duration: 3s;
    animation-name: slidein2;
    
}
.animacion3{
    animation-duration: 3s;
    animation-name: slidein3;
    
}
.animacion4{
    animation-duration: 3s;
    animation-name: slidein4;
    
}
/*navbar general*/
.fondonavbar{
    background-color: #fff;
    box-shadow: 0px 0px 29px #bcbcbc;
   
    width: 100vw;
    position: fixed;
}
#imglogo{
    margin-left: 5vw;
    width: 2.5rem;
    height: auto;
}
.txtnavbar{
    font-size: 1.8em;
    padding: 3vh;
    
}

.nav-item{
    margin-right: 4rem;
}
.navbar-light .navbar-nav .nav-link{
    color: #cf1b78;
    font-family: helvetica_regular;
    font-size: 0.7rem;
}
.activado {
    font-family: helvetica_bold !important;
    color: #000 !important;
}
.navbar-light .navbar-nav .nav-link:hover{
    color: #000;
    font-family: helvetica_regular;
}
.collapse .navbar-nav .nav-item .active{
    font-family: helvetica_bold;
    color: #000;
}
.collapse ul> li >a:active::before{
    color: #000;
    font-family: helvetica_bold;
}
.textoresaltarosa{
    color: #cf1b78;
     font-family: helvetica_bold;
}
.textoresaltanegro{
    color: #000;
    font-family: helvetica_bold;
}
.textoresaltablanco{
    color: #fff;
    font-family: helvetica_bold;
}
section{
    position: relative;
    word-wrap: break-word;
}

/*modal*/
.modal-container{
    position: fixed;
    z-index: 1000;
    width: 100vw;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.5);
    display: flex;
    justify-content: center;
    align-items: center;
    transition: transform 1s;
    transform: translateY(0%);
}
.modal-close{
    transform: translateY(-200%);
}
.justify-content-center{
    height: 5rem;
}
.spinner-border{
    width: 4rem;
    height: 4rem;
    border: .25em solid #d11b79;
    border-right-color: transparent;
}

/*index*/
#banner{
    background-image: url('../img/inicio/Web-Frente\ Ciudadano_exportar-01.png');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100% !important;
    min-height: 500px;
}
#banner .d-flex{
    display: flex!important;
    align-content: flex-end;
    justify-content: flex-end;
}
.imgbanner{
    margin-top: 10rem;
    margin-right: 3%;
    margin-left: 42%;
}
#fondologo{
    width: 36rem;
    height: 20rem;
    min-height: 60px;
    height: 100vh !important;
    height: auto !important;
    
} 


/*inicio*/ 

#inicio{
    background-image: url('../img/misión/Web-Frente Ciudadano_exportar-02.jpg');
    background-position: 50% 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100% !important;
    min-height: 734px;


    /*para el scroll*/
    opacity: 0;
    transform: scale(0.9);
    transition: .7s ease-in-out all;
}

#inicio.visible{
    opacity: 1;
    transform:scale(1);
}
.rowinicio2{
    margin-top: 6rem;
}

.personasfondo2{
    width: 83vw !important;
    height: 34vh;
    min-height: 215px;
}

.logofondoinicio{
    width: 10rem;
    min-width: 8rem;
}
.log{
    margin-top: -5rem;
    margin-left: 9rem;
}

.imvs .ultxt .nav-item {
    margin-right: -1rem;
}
.ultxt >li >a{
    color:#000;
     font-family: helvetica_bold;
     cursor: pointer;
}

.ultxt >li >a:active{
    color:rgb(241, 20, 123);
    font-family: helvetica_bold;
}
.ultxtactive::after{
    content: '';
    position: relative;
    width: 27px;
    display: block;
    height: 5px;
    margin: auto auto auto auto;
    background-color: rgb(241, 20, 123);
    bottom: 5px;
}
.pa{
    font-family: helvetica_regular;
    width: 91vw;
    margin-left: auto;
    margin-right: auto;
    font-size: 1rem;
}
.rowpersonasimg2{
    align-items: center;
    justify-content: center;
}

/*antecedentes*/

#antecedentes{
    background: rgb(222,222,222);
    background: linear-gradient(0deg, rgba(222,222,222,1) 2%, rgba(255,255,255,1) 69%);
    width: 100vw;
    height: 100%;
    overflow-x: hidden;
    min-height: 600px;

    /*para el scroll*/
    opacity: 0;
    transform: scale(0.9);
    transition: .7s ease-in-out all;
}
#antecedentes.visible{
    opacity: 1;
    transform: scale(1);
}
.divrowtt{
    margin-top: 6rem;
}
.divimgpersona{
    width: 15rem;
    height: 15rem;
    overflow: hidden;
}

.imgpersona{
    width: 100%;
    height: 100%;
    
}
 .divimgpersona:hover{
    -webkit-transform:scale(0.9);transform:scale(0.9);
}
.divpuntosanteced{

    margin-top: 3rem;
    height: 36vh;
    min-height: 292px;
    max-height: 21vh;
    width: 100%;
}

.divpuntosanteced .row >img{
    height: 13rem;
    width: 100%;
    padding-left: 1rem;
}

.paralelogramo{
    width: 100vw;
    height: 40vh;
}
.divicono1{
    width: 3rem;
}
.icono1{
    width: 1.6rem;
}
.div-atectxt{
    
    width: 100%;
   
}
.div-atectxt >img{
    width: 100%;
    height: 61%;
    min-height: 261px;
    padding-left: 1rem;
    position: absolute;
}
.div-atectxt .row{
    flex-wrap: nowrap;
    padding-top: 1vh;
    margin-bottom: 0.5vh;
    padding-left: 13vw;
    width: 100%;
}
.parrafo{
    font-size: 8px;
    color: #fff;
    font-family: helvetica_regular;
}

/*mensaje*/
#mensaje{
       background: rgb(222,222,222);
    background: linear-gradient(0deg, rgba(222,222,222,1) 2%, rgba(255,255,255,1) 69%);
    width: 100vw;
    height: 100% !important;
    min-height: 674px;
    overflow-x: hidden;
  /*para el scroll*/
  opacity: 0;
  transform: scale(0.9);
  transition: .7s ease-in-out all;
}
#mensaje.visible{
  opacity: 1;
  transform: scale(1);
}
.mensajecontainer{
    display:flex;
    flex-direction: column-reverse;
    margin-top: 2rem;
}

.mensaje{
    margin-left: auto;
    margin-right: auto;
}
.att{
    flex-wrap: nowrap;
    align-items: flex-start;
    margin-left: auto;
    margin-right: auto;
    font-size: 9.4px;
}
.parrafosmsj{
    
    font-family: helvetica_regular;
    font-size: 0.9rem;
    margin-bottom: 0.1rem;
}

.logomsj>img{
    width: 8rem;
    height: auto;

}
.divimgpersona2{
    width: 12rem;
    height: 12rem;
    margin-left: auto;
    margin-right: auto;
    overflow: hidden;
}
.divimgpersona2:hover{
    -webkit-transform:scale(0.9);transform:scale(0.9);
}
/*eventos*/
#eventos{
    background-color: rgb(240, 240, 240);
    height: 100%;
    width: 100vw;
    min-height: 1000px;
    display: block;
    margin: 0 0 0 0;
  /*para el scroll*/
  opacity: 0;
  transform: scale(0.9);
  transition: .7s ease-in-out all;
}
#eventos.visible{
  opacity: 1;
  transform: scale(1);
}
.roweventos{
    height: 88%;
    margin-top: 5rem;   
}
.btnbe{
    border-radius: 4rem;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items:center;
}
.btnbe:hover{
    background: #e52890;
}


.flechareposo{
    width: 1rem;
    height: 2rem;
}
.btnne{
    border-radius: 4rem;
    display: flex;
    align-content: center;
    justify-content: center;
    align-items: center;
}
.btnne:hover{
    background: #e52890;
}
#eventos2{
    min-height: 696px;
}
.carousel-control-prev-icon {
    background-image: url('../img/eventos/Flechas clic/Flechita iz-clic.png');
  
}
.carousel-control-next-icon {
    background-image: url('../img/eventos/Flechas clic/Flechita\ de-clic.png');
}
.carousel-control-next-icon, .carousel-control-prev-icon {
    height: 24px;
    width: 13px;
}



/*eventos general*/



/*eventos plantilla 1*/
#divtxtp1{
    padding-left: 1rem;
    padding-right: 2rem;
}
.colimgp1{
    overflow: hidden;
    padding-right:0 ;
}

.colimgp1 .carousel .carousel-inner .active{
    overflow: hidden;
}
.colimgp1 .carousel .carousel-inner .active> img:hover{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);

}
.coltxtp1{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.titp1{
    font-size: 28px;
    color: #cf1b78;
    font-family: helvetica_bold;
}
.txtp1{
    font-size: 14.4px;
    font-family: helvetica_regular;
}
/*plantilla 2*/
.colimgp2{
    overflow: hidden;

}
.colimgp2 .carousel .carousel-inner .active{
    overflow: hidden;
}


.colimgp2 .carousel .carousel-inner .active> img:hover{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);

}
.coltxtp2{
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.titp2{
    font-size: 28px;
    color: #cf1b78;
    font-family: helvetica_bold;
}
.txtp2{
    font-size: 14.4px;
    font-family: helvetica_regular;
}

/*plantilla 3*/
#divtxtp3{
    padding-left: 2rem;
    padding-right: 1rem;
}
.colimgp3{
    overflow: hidden;
    padding-left: 0;
}
.colimgp3 .carousel .carousel-inner .active{
    overflow: hidden;
}
.colimgp3 .carousel .carousel-inner .active> img:hover{
    -webkit-transform:scale(1.3);
    transform:scale(1.3);

}
.coltxtp3{
    padding-top: 3rem;
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}
.titp3{
    font-size: 28px;
    color: #cf1b78;
    font-family: helvetica_bold;
}
.txtp3{
    font-size: 14.4px;
    font-family: helvetica_regular;
}


/*----------------------------------*/
/*afiliate*/

#afiliate{
    background-image: url("../img/afiliate/Web-Frente\ Ciudadano_exportar-08.jpg");
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    height: 100% !important;
    min-height: 600px;
    overflow-x: hidden;
  /*para el scroll*/
  opacity: 0;
  transform: scale(0.9);
  transition: .7s ease-in-out all;
}
#afiliate.visible{
  opacity: 1;
  transform: scale(1);
}
.divimgafilia{
    display: none;
}
.divcajaform{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    font-family: helvetica_regular;
    min-height: 584px;
}

.divcajaform .col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    color: #fff;
}

.divcajaform .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
}

.divcajaform > form>h5{
    color: #fff;
    font-size: 1rem;

}
.divcajaform .divbtn .boton{
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 10rem;
    border-color: #000
}

.divcajaform .divbtn .boton:hover{
    background-color: #161616;
    border-color: #161616;
}

.divcajaform .divbtn{
    margin-left: 17%;
    margin-right: 19%;
}

#mensajeformulario{
    height: 7rem;
}
#mensajeform{
    height: 7rem;
}
/*asesoria*/

#asesoria{
    background-color: rgb(240, 240, 240);
    width: 100vw;
    height: 59.2vh;
    min-height: 626px;
  /*para el scroll*/
  opacity: 0;
  transform: scale(0.9);
  transition: .7s ease-in-out all;
}
#asesoria.visible{
  opacity: 1;
  transform: scale(1);
}
.titulo .col-sm-12> h5{
    
    margin-bottom: 0;
    line-height: 2;
}
.titulo{
    color: #cf1b78;
    text-align: center;
    padding-top: 5rem;
    margin-top: 0rem;
    padding-bottom: 0.5rem;
    overflow-y: hidden;
    font-family: helvetica_bold;
}
.diviconos{
    min-height:623px;
    height: 45vh;
}
.icono{
    width: 4rem;
    height: 4rem;
    background-color: #cf1b78;
    border-radius: 10rem;
    margin-bottom: 10px;
}
.icono>img{
    width: 3rem;
    height: 3rem;
  
    margin-top: 0.3rem;
    margin-left: 0.5rem;
}
.rowsiconos{
    min-height: 497px;
}
.ar{
    display: none;
    margin-left: 4%;
    min-height: 489px;
}
/*solo en moviles se muestra grid de 2*2*/
.arr{
    display: grid;
    margin-left: auto;
    margin-right: auto;
    min-height: 420px;
    grid-template-columns: repeat(2, 1fr);
    grid-auto-rows: 148px;
    align-items: center;
}
.arr .col-sm-4 .general{
    width: 128.5px;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
}
.arr .col-sm-4 .general .icono{
    width: 5rem;
    height: 5rem;
    background-color: #cf1b78;
    border-radius: 10rem;
    margin-bottom: 10px;
}
.arr .col-sm-4 .general .sw{
    font-size: 13.5px;
    overflow-wrap: break-word;
    margin-top: 0rem;
    text-align: center;
}

.arr .col-sm-4 .general .icono>img {
    width: 3rem;
    height: 3rem;
    margin-top: 0.6rem;
    margin-left: 1rem;
}
/**/
.sw{
    font-size: 12px;
    overflow-wrap: break-word;
    margin-top: -1rem;
    text-align: center;
}
.ss{
    width: 1px;
}
figcaption{
    display: block;
    transition: all .5s;
    font-family: helvetica_regular;
}
.general:hover> figcaption{
    display: block;
    transition: all .5s;
}

.containercontacto{
    background-color: #000;
    width: 100vw;
    max-width: 100%;
    height: 8vh;
    min-height: 89px;
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
    /*margin-top: 0.85rem;*/
}
.iconfb{
    margin-left: 10px;
    overflow: hidden;
    margin-bottom: auto;
    background-color: #fff;
    border-radius: 6rem;
    width: 37.5px;
    height: 37.3px;
}
.bf{
    color: #cf1b78 !important;
   
}
.bf::before{
    font-size: 2.42rem;
}
.bf:hover{
    color: #e52890 !important;
}
.icontw{
   
    margin-bottom: auto;
    background-color:#cf1b78 !important;
    border-radius: 5rem;
    width: 37.5px;
    height: 37.5px;
}
.icontw:hover{
    background-color: #e52890 !important;
}
.bi-twitter::before {
    content: "\f5ef";
    width: 0rem;
    height: 0rem;
    text-align: center;
    padding-top: 6px;
    padding-left: 6px;
    font-size: 1.6rem;
}
.bt{
    color: #fff;
}

.ct{
    margin-left: 0rem;
  
    margin-bottom: auto;
    color: #fff;
    /* width: min-content; */
    font-size: 12px;
    word-break: break-word;
}
.divct{
    align-items: center;
    height: 100%;
}
.dd{
    display: flex;
    flex-wrap: nowrap;
    height: 100%;
    justify-content: center;
    align-items: center;
}
.divicfb{
    width: 15rem;
}

.divictw{
    width: 15rem;
}
.icologo{
    float: right;
    margin-right: 1rem;
    margin-top: 0px;
    margin-bottom: auto;
}
.icologo>img{
    width: 4rem;
}
.general{
    width: 71.5px;
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    align-content: center !important;
    justify-content: center !important;
    align-items: center !important;
}

/*contacto*/

#contacto{
    background-image: url(../img/contacto/Fondo.jpg);
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100vw;
    /* height: 89vh; */
    min-height: 600px;
    overflow-x: hidden;
  /*para el scroll*/
  opacity: 0;
  transform: scale(0.9);
  transition: .7s ease-in-out all;
}
#contacto.visible{
  opacity: 1;
  transform: scale(1);
}

.divcajaform2{
    margin-left: 1rem;
    margin-right: 1rem;
    margin-top: 1rem;
    font-family: helvetica_regular;
    min-height: 584px;
}
.divcajaform2 > form>h5{
    color: #cf1b78;
    font-size: 1rem;
    font-family: helvetica_bold;
}
.divimgafilia2{
    display: none;
}
.divcajaform2 .col-form-label {
    padding-top: calc(0.375rem + 1px);
    padding-bottom: calc(-0.625rem + 0px);
    margin-bottom: 0;
    font-size: inherit;
    line-height: 1.5;
    color: #cf1b78;
    
}

.divcajaform2 .form-control {
    display: block;
    width: 100%;
    height: calc(1.5em + 0.75rem + 2px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
}

.divcajaform2 .divbtn .boton{
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 10rem;
    border-color: #000;
}

.divcajaform2 .divbtn .boton:hover{
    background-color: #161616;
    border-color: #161616;
}

.divcajaform2 .divbtn{
    margin-left: 17%;
    margin-right: 19%;
}
.swal2-icon.swal2-success {
    border-color: #a5dc86;
    color: #a5dc86;
    overflow: hidden !important;
}
.swal2-styled.swal2-confirm {

    background-color: #cf1b78 !important;
    
}
.carousel{
    width: 100% !important;
}
@media (max-width:2560px) and (min-width:2001px){
    .swal2-icon.swal2-success {
        border-color: #a5dc86;
        color: #a5dc86;
        overflow: hidden !important;
    }
    /*nav*/
    #imglogo {
       margin-left: 3vw;
       width: 7rem !important;
       height: auto;
   }
   .nav-item {
       margin-right: 2.5rem;
   }
   .navbar-light .navbar-nav .nav-link{
    color: #cf1b78;
    font-family: helvetica_regular;
    font-size: calc(1vw + 13px);
}
   .txtnavbar {
       font-size:  calc(1vw + 6px) !important; 
       padding: 0.5vh !important;
   }
   .primeranclanav{
    margin-right: 3rem;
   }
   /*baner*/
   #banner{
    height: 53vh;
    min-height: 960px;
   }
   .imgbanner {
       margin-top: 32vh !important;
       margin-right: 6vw !important;
       margin-left: 54% !important;
   }
   #fondologo{
       width: 45rem;
   }
   /*inicio*/
   #inicio{
      min-height: 72vh;
   }
   .rowinicio2{
    margin-top: 12rem !important;
}
.rowpersonasimg2 .col-lg-8 {
 -ms-flex: 0 0 99.666667%;
 flex: 0 0 100.666667%;
 max-width: 82.666667%;
 margin-left: 10rem;
}
.rowpersonasimg2 .col-lg-4 {
    -ms-flex: 0 0 33.333333%;
    flex: 0 0 50.333333%;
    max-width: 50.333333%;
}
.personasfondo2 {
    width: 80vw !important;
    height: 49vh;
    min-height: 532px;
}
   
   .imvs{
       max-width: 97%;

   }
   .pa {
       font-family: helvetica_regular;
       width: 45vw;
       margin-left: auto;
       margin-right: auto;
       font-size: 28px;
   }
   .imvs .ultxt .nav-item {
       margin-right: 1.9rem;
   }
   .ultxt >li >a {
       color: #000;
       font-family: helvetica_bold;
       cursor: pointer;
       font-size: calc(1vw + 15px);
   }
   .logofondoinicio {
       width: 20rem;
       min-width: 8rem;
   }
   .log {
    margin-top: -9rem;
    margin-left: 20rem;
   }

   /*antecedentes*/
   #antecedentes{
       width: 100vw;
   height: 56vh;
   overflow-x: hidden;
   min-height: 861px;
   }
   #antecedentes .divrowtt{
    margin-top: 20vh;
   }
   .divimgpersona {
       width: 32rem !important;
       height: 32rem !important;
   }
   .divpuntosanteced {
       margin-top: 0rem !important;
       height: 36vh;
       min-height: 501px !important;
       max-height: 30vh;
       width: 100%;
   }
   .divpuntosanteced .rowpant{
       height: 31.5rem;
   }
   .div-atectxt >img {
       width: 100%;
       height: 61%;
       min-height: 499px;
   padding-left: 0rem;
       position: absolute;
   }
   .colfoto2{
       max-width: 41%;
       margin-left: 4rem;
       padding-right: 0;
   }
   .colpuntos{
       max-width: 59%;
       flex: 1%;
   }
   .icono1 {
    width: 3.5rem;
    padding-top: 10px;
   }
   .parrafo {
       font-size: 28px !important;
   }
   .div-atectxt {
       width: 100%;
       min-height: 501px !important;
   }
  
   .div-atectxt .row {
       flex-wrap: nowrap;
       padding-top: 0.2vh;
       margin-bottom: 0.5vh;
       padding-left: 9vw !important;
       width: 100%;
   }
   /*mensaje*/
   #mensaje{
    height: 75vh;
    min-height: 964px;
   }

   .mensajecontainer {
       display: flex;
       flex-direction: row;
       align-items: center;
       align-content: center;
       flex-wrap: nowrap;
       margin-top: 19vh;
   }
   .parrafosmsj {
       font-family: helvetica_regular;
       font-size: 28px;
       margin-bottom: 0.1rem;
   }
   .mensaje {
    margin-left: 2rem;
    margin-right: auto;
}
   .att{
       font-size: 30px;
       margin-top: 2rem;
       margin-left: 2rem;
   }
   .divimgpersona2 {
       width: 31rem;
       height: 31rem;
       margin-left: auto;
       margin-right: auto;
   }
   .pl30{
       padding-left: 58px;
       padding-right: 0;
   }
   .colimgp2{
       padding-left: 0;
   }
   .logomsj>img {
    width: 17rem;
    height: auto;
    margin-top: 1rem;
}
   /*afiliate*/
   #afiliate{
       min-height: 1007px;
       height: 57vh;
   }
   #afiliate .row >h3{
       font-size: 3rem;
       margin-top: 12rem !important;
   }
   .afiliateprincipal{
       display: flex;
   flex-wrap: nowrap;
   align-items: flex-end;
   flex-direction: row;
   height: 57.9vh;
   min-height: 855px;   
   }
   .divimgafilia{
       display: block;
       padding-right: 0;
   }
  .divimgafilia>img{
    width: 57rem;
    padding-left: 2rem;
  }
  .divimgafilia2>img{
    width: 53rem;
    padding-left: 14rem;
  }
.form-group{
   display: flex;
   flex-wrap: nowrap;

}
.divcajaform .col-form-label {
   padding-top: calc(2.375rem + 2px);
   padding-bottom: calc(0.375rem + 1px);
   margin-bottom: 0;
   font-size: 1.9rem;
    text-align: right;
   line-height: 1.5;
   color: #fff;
   flex: 0 0 29% !important;
}
.divcajaform .form-control {
   display: block;
   width: 68%;
   height: calc(1.5em + 0.75rem + 20px);
   padding: 0.375rem 0.75rem;
   font-size: 1.6rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.5rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   margin-top: 3rem;
}
.divcajaform {
   margin-left: -24rem;
   margin-right: 1rem;
   margin-top: 3rem;
   font-family: helvetica_regular;
   min-height: 584px;
   margin-block-end: auto;
}
.divcajaform > form>h5 {
   color: #fff;
   font-size: 2rem;
}
.divcajaform .divbtn {
   margin-left: 45% !important;
   margin-right: 8% !important;
   margin-top: 4rem !important;
}
.divcajaform .divbtn .boton {
   background-color: #000;
   cursor: pointer;
   border-radius: 6px;
   color: #fff;
   padding: 6px;
   width: 18rem;
    border-color: #000;
    font-size: 36px;
}

/*asesoria*/

#asesoria{
   height: 100%;
   min-height: 1125px;
}
.titulo{
    padding-top: 11rem;   
}
.titulo .col-lg-12 > h3{
    font-size: 3rem;
}
.arr{
    display: none !important;
}
.ar {
   margin-left: 1.5% !important;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   min-height:287px
}
.ar .col-lg-2 {
   -ms-flex: 0 0 19.666667%;
   flex: 0 0 19.666667%;
   max-width: 19.666667%;
}
.general{
   width: 100%;
}
.titulo .col-sm-12> h5 {
   margin-bottom: 14px;
   font-size: 3rem;
}
.icono{
   width: 10rem;
   height: 10rem;
}
.icono>img {
   width: 6rem;
   height: 6rem;
   margin-top: 1.5rem;
   margin-left: 1.7rem;
}
.diviconos {
    min-height: 693px !important;
    height: 100%;
}
figcaption{
   display: block;
}
.sw {
   font-size: calc(1vw + 11px);
   overflow-wrap: break-word;
   margin-top: -7px;
  /* text-align: left;
   padding-left: 43px;
   margin-right: auto;*/
}
/*contacto asesoria*/
.containercontacto{
   align-items: center;
   min-height: 90px;
}
.dd .col-md-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 38%;
   max-width: 37%;
}
.iconfb{
    width: 56.5px;
    height: 56.5px;
}
.bf::before {
    font-size: 3.6rem;
}

.icontw{
    width: 56.5px;
    height: 56.5px;
}
.bi-twitter::before {
    content: "\f5ef";
    width: 0rem;
    height: 0rem;
    text-align: center;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 2.4rem;
}
.ct {
    margin-left: 0rem;
    margin-bottom: auto;
    color: #fff;
    /* width: min-content; */
    font-size: 19px;
    word-break: break-word;
}
.icologo {
    margin-top: 0;
    float: none;
    text-align: center;
}
.icologo>img {
    width: 17rem !important;
    padding-left: 8rem;
}

/*contactanos*/
.divcajaform2 .col-form-label {
   
    padding-top: calc(1.375rem + -18px);
    padding-bottom: calc(-0.625rem + 1px);
    margin-bottom: 0;
    font-size: 1.8rem;

    line-height: 1.5;
    color: #cf1b78;
    flex: 0 0 22% !important;
}
.divcajaform2 .form-control {
    display: block;
    width: 68%;
    height: calc(1.5em + 0.75rem + 12px);
    padding: 0.375rem 0.75rem;
    font-size: 1.6rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 1.2rem;
}
.divimgafilia2 {
    display: block;
}
.divimgafilia2>img{
    width: calc(32vw + 125px);
    padding-left: 19rem;
   }
.divcajaform2 {
    margin-left: 0rem;
    margin-right: -8rem;
    margin-top: 1rem;
    font-family: helvetica_regular;
    min-height: 584px;
    margin-block-end: auto;
}
#contacto .row >h3 {
    font-size: 3rem;
}
.divcajaform2 > form>h5 {
    color: #cf1b78;
    font-size: 2rem;
}
.divcajaform2 .divbtn {
    margin-left: 38% !important;
    margin-right: 8% !important;
    margin-top: 4rem !important;
}
.divcajaform2 .divbtn .boton {
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 15rem;
    border-color: #000;
    font-size: 25px;
}
#contacto .afiliateprincipal{
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    height: 57.9vh;
    min-height: 863px;
    justify-content: flex-start;
}
#mensajeform {
   height: 7rem;
}

}


@media (max-width:2000px) and (min-width:1721px){
    .swal2-icon.swal2-success {
        border-color: #a5dc86;
        color: #a5dc86;
        overflow: hidden !important;
    }
    /*nav*/
    #imglogo {
       margin-left: 3vw;
       width: 6rem !important;
       height: auto;
   }
   .nav-item {
       margin-right: 2.5rem;
   }
   .navbar-light .navbar-nav .nav-link{
    color: #cf1b78;
    font-family: helvetica_regular;
    font-size:  calc(1vw + 10px) !important; 
}
   .txtnavbar {
       
      
       padding: 0.5vh !important;
   }
   .primeranclanav{
    margin-right: 3rem;
   }
   /*baner*/
   #banner{
    height: 53vh;
    min-height: 960px;
   }
   .imgbanner {
       margin-top: 32vh !important;
       margin-right: 6vw !important;
       margin-left: 54% !important;
   }
   #fondologo{
       width: 38rem;
   }
   /*inicio*/
   #inicio{
   min-height:1082px;
   background-position: top;
   }
   .rowinicio2{
       margin-top: 11rem !important;
   }
   .rowpersonasimg2 .col-lg-8 {
    -ms-flex: 0 0 99.666667%;
    flex: 0 0 100.666667%;
    max-width: 97.666667%;
    margin-left: 1rem;
}
   .rowpersonasimg2 .col-lg-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 50.333333%;
       max-width: 50.333333%;
   }
   .personasfondo2 {
       width: 80vw !important;
       height: 49vh;
       min-height: 704px;
   }
   .imvs{
       max-width: 97%;

   }
   .pa {
       font-family: helvetica_regular;
       width: 45vw;
       margin-left: auto;
       margin-right: auto;
       font-size: 27px;
   }
   .imvs .ultxt .nav-item {
       margin-right: 1.9rem;
   }
   .ultxt >li >a {
       color: #000;
       font-family: helvetica_bold;
       cursor: pointer;
       font-size: calc(1vw + 15px);
   }
   .logofondoinicio {
       width: 20rem;
       min-width: 8rem;
   }
   .log {
    margin-top: -9rem;
    margin-left: 20rem;
   }

   /*antecedentes*/
   #antecedentes{
       width: 100vw;
   height: 56vh;
   overflow-x: hidden;
   min-height: 1000px;
   }
   #antecedentes .divrowtt{
       margin-top: 19vh;
   }
   .divimgpersona {
       width: 32rem !important;
       height: 35rem !important;
   }
   .divimgpersona  .imgpersona {
    width: 100%;
    height: 100%;
    padding-top: 4rem;
}
   .divpuntosanteced {
       margin-top: 0rem !important;
       height: 36vh;
       min-height: 638px !important;
       max-height: 30vh;
       width: 100%;
   }
   .divpuntosanteced .rowpant{
       height: 39.5rem;
   }
   .div-atectxt >img {
       width: 100%;
       height: 61%;
       min-height: 611px;
   padding-left: 0rem;
       position: absolute;
   }
   .divicono1 {
    width: 2rem;
    flex: 12.66%;
    max-width: 9.66%;
}
   .colfoto2{
       max-width: 41%;
       margin-left: 4rem;
       padding-right: 0;
   }
   .colpuntos{
       max-width: 59%;
       flex: 1%;
   }
   .icono1 {
    width: 3rem;
    padding-top: 26px;
   }
   .txtantecedentes{
       margin-top: 18px;
   }
   .parrafo {
       font-size: 27px !important;
   }
   .div-atectxt {
       width: 100%;
       min-height: 499px !important;
   }
  
   .div-atectxt .row {
       flex-wrap: nowrap;
       padding-top: 0.2vh;
       margin-bottom: 0.5vh;
       padding-left: 9vw !important;
       width: 100%;
   }
   /*mensaje*/
   #mensaje{
    height: 75vh;
    min-height: 964px;
   }

   .mensajecontainer {
       display: flex;
       flex-direction: row;
       align-items: center;
       align-content: center;
       flex-wrap: nowrap;
       margin-top: 19vh;
   }
   .parrafosmsj {
       font-family: helvetica_regular;
       font-size: 27px;
       margin-bottom: 0.1rem;
   }
   .mensaje {
    margin-left: 2rem;
    margin-right: auto;
}
   .att{
       font-size: 29px;
       margin-top: 2rem;
       margin-left: 2rem;
   }
   .divimgpersona2 {
    width: 31rem;
    height: 31rem;
    margin-left: 8rem;
    margin-right: auto;
   }
   .pl30{
       padding-left: 58px;
       padding-right: 0;
       flex: 0 0 57%;
    max-width: 68%;
   }
   .colimgp2{
       padding-left: 0;
   }
   .logomsj>img {
    width: 17rem;
    height: auto;
    margin-top: 1rem;
}
   /*afiliate*/
   #afiliate{
       min-height: 1007px;
       height: 57vh;
   }
   #afiliate .row >h3{
    font-size: 3rem;
    margin-top: 11rem !important;
   }
   .afiliateprincipal{
       display: flex;
   flex-wrap: nowrap;
   align-items: flex-end;
   flex-direction: row;
   height: 57.9vh;
   min-height: 791px;
   }
   .divimgafilia{
       display: block;
       padding-right: 0;
   }
  .divimgafilia>img{
    width: 54rem;
    padding-left: 2rem;
  }
 
.form-group{
   display: flex;
   flex-wrap: nowrap;

}
.divcajaform .col-form-label {
   padding-top: calc(2.375rem + 2px);
   padding-bottom: calc(0.375rem + 1px);
   margin-bottom: 0;
   font-size: 1.4rem;
    text-align: right;
   line-height: 1.5;
   color: #fff;
   flex: 0 0 29% !important;
}
.divcajaform .form-control {
   display: block;
   width: 68%;
   height: calc(1.5em + 0.75rem + 12px);
   padding: 0.375rem 0.75rem;
   font-size: 1.5rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.5rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   margin-top: 3rem;
}
.divcajaform {
    margin-left: -17rem;
    margin-right: 1rem;
    margin-top: 0rem;
   font-family: helvetica_regular;
   min-height: 584px;
   margin-block-end: auto;
}
.divcajaform > form>h5 {
   color: #fff;
   font-size: 1.5rem;
}
.divcajaform .divbtn {
   margin-left: 45% !important;
   margin-right: 8% !important;
   margin-top: 4rem !important;
}
.divcajaform .divbtn .boton {
   background-color: #000;
   cursor: pointer;
   border-radius: 6px;
   color: #fff;
   padding: 6px;
   width: 18rem;
    border-color: #000;
    font-size: 36px;
}

/*asesoria*/
#asesoria{
   height: 100%;
   min-height: 910px;
}
.titulo{
    padding-top: 10rem;
    margin-top: 0rem;
    padding-bottom: 0rem;
}
.arr{
    display: none !important;
}
.ar {
   margin-left: 1.5% !important;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   min-height: 235px;
}
.ar .col-lg-2 {
   -ms-flex: 0 0 19.666667%;
   flex: 0 0 19.666667%;
   max-width: 19.666667%;
}
.general{
   width: 100%;
}
.titulo .col-lg-12> h3 {
   margin-bottom: 14px;
   font-size: 3rem;
}
.icono{
   width: 10rem;
   height: 10rem;
}
.icono>img {
   width: 6rem;
   height: 6rem;
   margin-top: 1.5rem;
   margin-left: 1.7rem;
}
.diviconos {
    min-height: 693px !important;
    height: 100%;
}
figcaption{
   display: block;
}
.sw {
   font-size: calc(1vw + 11px);
   overflow-wrap: break-word;
   margin-top: -7px;
  /* text-align: left;
   padding-left: 43px;
   margin-right: auto;*/
}
/*contacto asesoria*/
.containercontacto{
   align-items: center;
   min-height: 102px;
}
.dd .col-md-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 38%;
   max-width: 37%;
}
.iconfb{
    width: 56.5px;
    height: 56.5px;
}
.bf::before {
    font-size: 3.6rem;
}

.icontw{
    width: 56.5px;
    height: 56.5px;
}
.bi-twitter::before {
    content: "\f5ef";
    width: 0rem;
    height: 0rem;
    text-align: center;
    padding-top: 10px;
    padding-left: 10px;
    font-size: 2.4rem;
}
.ct {
    margin-left: 0rem;
    margin-bottom: auto;
    color: #fff;
    /* width: min-content; */
    font-size: 19px;
    word-break: break-word;
}
.icologo {
    margin-top: 0;
    float: none;
    text-align: center;
}
.icologo>img {
    width: 17rem !important;
    padding-left: 8rem;
}

/*contactanos*/
.divcajaform2 .col-form-label {
    padding-top: calc(1.375rem + -10px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: 1.4rem;
    line-height: 1.5;
    color: #cf1b78;
    flex: 0 0 22% !important;
}
.divcajaform2 .form-control {
    display: block;
    width: 68%;
    height: calc(1.5em + 0.75rem + 10px);
    padding: 0.375rem 0.75rem;
    font-size: 1.3rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 0.2rem;
}
.divimgafilia2 {
    display: block;
}
.divimgafilia2>img{
   
    width: calc(35vw + 66px);

    padding-left: 18rem;
   }
.divcajaform2 {
    margin-left: 0rem;
    margin-right: -5rem;
    margin-top: 1rem;
    font-family: helvetica_regular;
    min-height: 584px;
    margin-block-end: auto;
}
#contacto .row >h3 {
    font-size: 3rem;
    margin-top: 11rem !important;
}
.divcajaform2 > form>h5 {
    color: #cf1b78;
    font-size: 1.5rem;
}
.divcajaform2 .divbtn {
    margin-left: 30% !important;
    margin-right: 8% !important;
    margin-top: 2rem !important;
}
.divcajaform2 .divbtn .boton {
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 18rem;
    border-color: #000;
    font-size: 26px;
}
#contacto .afiliateprincipal{
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    height: 57.9vh;
    min-height: 691px;

    justify-content: flex-start;
}
#mensajeform {
   height: 7rem;
}

}
@media (max-width:1720px) and (min-width:1441px){
  
    /*nav*/
    #imglogo {
       margin-left: 3vw;
       width: 5rem !important;
       height: auto;
   }
   .nav-item {
       margin-right: 2.5rem;
   }
   .navbar-light .navbar-nav .nav-link{
    color: #cf1b78;
    font-family: helvetica_regular;
    font-size:calc(1vw + 6.5px);
    }
   .txtnavbar {
       font-size:  calc(1vw + 6px) !important; 
       padding: 0.5vh !important;
   }
   .primeranclanav{
    margin-right: 3rem;
   }
   /*baner*/
   #banner{
    height: 53vh;
    min-height: 960px;
   }
   .imgbanner {
       margin-top: 32vh !important;
       margin-right: 6vw !important;
       margin-left: 54% !important;
   }
   #fondologo{
       width: 38rem;
   }
   /*inicio*/
   #inicio{
       height: 37vh;
   }
   .rowinicio2{
       margin-top: 10rem !important;
   }
   .rowpersonasimg2 .col-lg-8 {
       -ms-flex: 0 0 99.666667%;
       flex: 0 0 99.666667%;
       max-width: 100.666667%;
   }
   .rowpersonasimg2 .col-lg-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 50.333333%;
       max-width: 50.333333%;
   }
   .personasfondo2 {
       width: 80vw !important;
       height: 27vh;
       min-height: 557px;
   }
   .imvs{
       max-width: 97%;

   }
   .pa {
       font-family: helvetica_regular;
       width: 45vw;
       margin-left: auto;
       margin-right: auto;
       font-size: 22px;
   }
   .imvs .ultxt .nav-item {
       margin-right: 1.9rem;
   }
   .ultxt >li >a {
       color: #000;
       font-family: helvetica_bold;
       cursor: pointer;
       font-size: calc(1vw + 15px);
   }
   .logofondoinicio {
       width: 20rem;
       min-width: 8rem;
   }
   .log {
    margin-top: -9rem;
    margin-left: 20rem;
   }

   /*antecedentes*/
   #antecedentes{
       width: 100vw;
   height: 76vh;
   overflow-x: hidden;
   min-height: 741px;
   }
   #antecedentes .divrowtt{
    margin-top: 19vh;
   }
   .divimgpersona {
    width: 23rem !important;
    height: 23rem !important;
   }
   .divpuntosanteced {
       margin-top: 0rem !important;
       height: 36vh;
       min-height: 501px !important;
       max-height: 30vh;
       width: 100%;
   }
   .divpuntosanteced .rowpant{
       height: 30.5rem;
   }
  
   .div-atectxt >img {
       width: 100%;
       height: 61%;
       min-height: 499px;
   padding-left: 0rem;
       position: absolute;
   }
   .colfoto2{
       max-width: 41%;
       margin-left: 4rem;
       padding-right: 0;
   }
   .colpuntos{
       max-width: 59%;
       flex: 1%;
   }
   .icono1 {
       width: 3rem;
   }
   .parrafo {
       font-size: 22px !important;
   }
   .div-atectxt {
       width: 100%;
       min-height: 475px !important;
   }
  
   .div-atectxt .row {
       flex-wrap: nowrap;
       padding-top: 2.2vh !important;
       margin-bottom: 0.5vh;
       padding-left: 9vw !important;
       width: 100%;
   }
   /*mensaje*/
   #mensaje{
    height: 75vh;
    min-height: 964px;
   }

   .mensajecontainer {
       display: flex;
       flex-direction: row;
       align-items: center;
       align-content: center;
       flex-wrap: nowrap;
       margin-top: 19vh;
   }
   .parrafosmsj {
       font-family: helvetica_regular;
       font-size: 22px;
       margin-bottom: 0.1rem;
   }
   .att{
       font-size: 24.4px;
       margin-top: 2rem;
   }
   .divimgpersona2 {
       width: 31rem;
       height: 31rem;
       margin-left: auto;
       margin-right: auto;
   }
   .pl30{
       padding-left: 58px;
       padding-right: 0;
   }
   .colimgp2{
       padding-left: 0;
   }
   .logomsj>img {
    width: 12rem;
    height: auto;
    margin-top: 1rem;
}
   /*afiliate*/
   #afiliate{
    min-height: 969px;

       height: 57vh;
   }
   #afiliate .row> h3{
       font-size: 2.9rem;
       margin-top: 10rem !important;
   }
   .afiliateprincipal{
       display: flex;
   flex-wrap: nowrap;
   align-items: flex-end;
   flex-direction: row;
   height: 57.9vh;
   min-height: 745px;
   }
   .divimgafilia{
       display: block;
       padding-right: 0;
   }
  .divimgafilia>img{
    width: 50rem;
    padding-left: 2rem;
  }
 
.form-group{
   display: flex;
   flex-wrap: nowrap;

}
.divcajaform .col-form-label {
    padding-top: calc(1.375rem + 2px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: 1.4rem;
    text-align: right;
   line-height: 1.5;
   color: #fff;
   flex: 0 0 29% !important;
}
.divcajaform .form-control {
    display: block;
    width: 68%;
    height: calc(1.5em + 0.75rem + 10px);
    padding: 0.375rem 0.75rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 2rem;
}
.divcajaform {
   margin-left: -16rem;
   margin-right: 1rem;
   margin-top: 1rem;
   font-family: helvetica_regular;
   min-height: 584px;
   margin-block-end: auto;
}
.divcajaform > form>h5 {
   color: #fff;
   font-size: 1.5rem;
}
.divcajaform .divbtn {
   margin-left: 30% !important;
   margin-right: 8% !important;
   margin-top: 4rem !important;
}
.divcajaform .divbtn .boton {
   background-color: #000;
   cursor: pointer;
   border-radius: 6px;
   color: #fff;
   padding: 6px;
   width: 18rem;
    border-color: #000;
    font-size: 28px;
}

/*asesoria*/
#asesoria{
   height: 58.8vh;
   min-height: 952px;
}
.titulo .col-lg-12 >h3{
    font-size: 2.9rem;
    margin-top: 4rem;
}
.arr{
    display: none !important;
}
.ar {
   margin-left: 1.5% !important;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   min-height: 117px;
}
.ar .col-lg-2 {
   -ms-flex: 0 0 19.666667%;
   flex: 0 0 19.666667%;
   max-width: 19.666667%;
}
.general{
   width: 100%;
}
.titulo .col-sm-12> h5 {
   margin-bottom: 14px;
   font-size: 3rem;
}
.icono{
   width: 10rem;
   height: 10rem;
}
.icono>img {
   width: 6rem;
   height: 6rem;
   margin-top: 1.5rem;
   margin-left: 1.7rem;
}
.diviconos {
    min-height: 938px !important;
    
}
figcaption{
   display: block;
}
.sw {
   font-size: calc(1vw + 11px);
   overflow-wrap: break-word;
   margin-top: -7px;
/*   text-align: left;
   padding-left: 43px;
   margin-right: auto;*/
}
/*contacto asesoria*/
.containercontacto{
   align-items: center;
   min-height: 93px;
}
.dd .col-md-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 38%;
   max-width: 37%;
}
.iconfb{
    width: 56.5px;
    height: 56.5px;
}
.bf::before {
    font-size: 3.6rem;
}

.icontw{
    width: 50.5px;
height: 50.5px;
}
.bi-twitter::before {
    content: "\f5ef";
    width: 0rem;
    height: 0rem;
    text-align: center;
    padding-top: 7px;
    padding-left: 7px;
    font-size: 2.4rem;
}
.ct {
    margin-left: 0rem;
    margin-bottom: auto;
    color: #fff;
    /* width: min-content; */
    font-size: 19px;
    word-break: break-word;
}
.icologo {
    margin-top: 0;
    float: none;
    text-align: center;
}
.icologo>img {
    width: 17rem !important;
    padding-left: 8rem;
}

/*contactanos*/
.divcajaform2 .col-form-label {
    padding-top: calc(1.375rem + -10px);
    padding-bottom: calc(-1.625rem + 1px);
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #cf1b78;
    flex: 0 0 22% !important;
}
.divcajaform2 .form-control {
    display: block;
    width: 68%;
    height: calc(1.5em + 0.75rem + 5px);
    padding: 0.375rem 0.75rem;
    font-size: 1.4rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    
    margin-top: 0.2rem;

}
.divimgafilia2 {
    display: block;
}
.divimgafilia2>img{
    width: calc(26vw + 150px);
    padding-left: 11rem;
   }
.divcajaform2 {
    margin-left: 0rem;
    margin-right: -5rem;
    margin-top: 1rem;
    font-family: helvetica_regular;
    min-height: 584px;
    margin-block-end: auto;
}
#contacto .row >h3 {
    font-size: 2.9rem;
    margin-top: 8.5rem !important;
}
.divcajaform2 > form>h5 {
    color: #cf1b78;
    font-size: 1.5rem;
}
.divcajaform2 .divbtn {
    margin-left: 31% !important;
    margin-right: 8% !important;
    margin-top: 2rem !important;
}
.divcajaform2 .divbtn .boton {
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 15rem;
    border-color: #000;
    font-size: 23px;
}
#contacto .afiliateprincipal{
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    height: 57.9vh;
    min-height: 663px;
    justify-content: flex-start;
}
#mensajeform {
   height: 7rem;
}

}

@media (max-width:1440px) and (min-width:1101px){
     /*nav*/
     #imglogo {
        margin-left: 3vw;
        width: 4rem;
        height: auto;
    }
    .nav-item {
        margin-right: 2.5rem;
    }
    .navbar-light .navbar-nav .nav-link{
        color: #cf1b78;
        font-family: helvetica_regular;
        font-size: calc(1vw + 3px);
    }
    .txtnavbar {
        font-size:  calc(1vw + 2px) !important; 
        padding: 0.5vh !important;
    }
    .primeranclanav{
        margin-right: 1rem;
    }
    /*baner*/
    #banner{
        height: 43vh;
        min-height: 100vh;
    }
    #banner .d-flex {
        display: flex!important;
        min-height: 73vh;
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-end;
    }
    
    
    .imgbanner {
        margin-top: 0 !important;
        margin-right: 3% !important;
        margin-left:0 !important;
    }
    #fondologo{
        width: 30rem;
    }
    /*inicio*/
    #inicio{
        min-height: 810px;
        background-position: initial;
    }
    .rowinicio2{
        margin-top: 10rem !important;
    }
    .rowpersonasimg2 .col-lg-8 {
        -ms-flex:0 0 80.666667% ;
        flex: 0 0 80.666667%;
        max-width: 86.666667%;
        padding: 0 0 0 0;
        margin-left: 4rem;
    }
    .rowpersonasimg2 .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50.333333%;
        max-width: 50.333333%;
    }
    .personasfondo2 {
        width: 80vw !important;
        height: 27vh;
        min-height: 477px;
    }
    .imvs{
        max-width: 97%;

    }
    .pa {
        font-family: helvetica_regular;
        width: 45vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 18.5px
    }
    .imvs .ultxt .nav-item {
        margin-right: 1.9rem;
    }
    .ultxt >li >a {
        color: #000;
        font-family: helvetica_bold;
        cursor: pointer;
        font-size: 19.5px;
    }
    .logofondoinicio {
        width: 15rem;
        min-width: 8rem;
    }
    .log {
        margin-top: -7rem;
        margin-left: 16rem;
    }

    /*antecedentes*/
    #antecedentes{
        width: 100vw;
    height: 56vh;
    overflow-x: hidden;
    min-height: 680px;
    }
    #antecedentes .divrowtt{
        margin-top: 15vh;
    }
    .divimgpersona {
        width: calc(19vw + 126px);
        height: calc(14vh + 239px);
    }
    .divpuntosanteced {
        margin-top: 0rem !important;
        height: 36vh;
        min-height: 432px !important;
        max-height: 30vh;
        width: 100%;
    }
    .divpuntosanteced .rowpant{
        height: 27rem;
    }
    .div-atectxt >img {
        width: 100%;
        height: 61%;
        min-height: 424px;
    padding-left: 0rem;
        position: absolute;
    }
    .colfoto2{
        max-width: 41%;
        margin-left: 4rem;
        padding-right: 0;
    }
    .colpuntos{
        max-width: 59%;
        flex: 1%;
    }
    .icono1 {
        width: 3rem;
        padding-top: 14px;
    }
    .parrafo {
        font-size: 18.5px !important;
    }
    .div-atectxt {
        width: 100%;
        min-height: 436px !important;
    }
   
    .div-atectxt .row {
        flex-wrap: nowrap;
        padding-top: 0.2vh;
        margin-bottom: 0.5vh;
        padding-left: 9vw !important;
        width: 100%;
    }
    /*mensaje*/
    #mensaje{
        height: 67vh;
        min-height: 823px;
    }

    .mensajecontainer {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        margin-top: 9rem;
    }
    .parrafosmsj {
        font-family: helvetica_regular;
        font-size: 18.5px;
        margin-bottom: 0.1rem;
    }
    .att{
        font-size: 19.4px;
        margin-top: 2rem;
    }
    .divimgpersona2 {
        width: 25rem;
        height: 25rem;
        margin-left: auto;
        margin-right: auto;
    }
    .pl30{
        padding-left: 30px;
        padding-right: 0;
    }

    /*afiliate*/
    #afiliate{
        min-height: 831px;
        height: 57vh;
    }
    #afiliate .row>h3{
        font-size: 2.7rem;
        margin-top: 8.5rem !important;
    }
    .afiliateprincipal{
        display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    flex-direction: row;
    height: 500px;
    min-height: 773px;
    }
    .divimgafilia{
        display: block;
        padding-right: 0;
    }
   .divimgafilia>img{
       width: calc(70vh + 121px);
   }
  
.form-group{
    display: flex;
    flex-wrap: nowrap;

}
.divcajaform .col-form-label {
    padding-top: calc(0.375rem + 4px);
    padding-bottom: calc(0.375rem + 0px);
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.5;
    color: #fff;
    flex: 0 0 22% !important;
    text-align: right;
}
.divcajaform .form-control {
    display: block;
    width: 61%;
    height: calc(1.5em + 0.75rem + 11px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 1rem;
}
.divcajaform {
    margin-left: -8rem;
    margin-right: 1rem;
    margin-top: 0rem;
    font-family: helvetica_regular;
    min-height: 584px;
    margin-block-end: auto;
}
.divcajaform > form>h5 {
    color: #fff;
    font-size: 1.2rem;
}
.divcajaform .divbtn {
    margin-left: 31% !important;
    margin-right: 8% !important;
    margin-top: 4rem !important;
}
.divcajaform .divbtn .boton {
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 15rem;
    border-color: #000;
    font-size: 25px;
}

/*asesoria*/
#asesoria{
    height: 100%;
    min-height: 800px;
}
.titulo{
    padding-top: 8rem;
}
.titulo .col-lg-12 >h3{
    font-size: 2.7rem;
}
.arr{
    display: none !important;
}
.ar {
    margin-left: 1.5% !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    
    min-height: 175px;

}
.diviconos{
    min-height: 790px;
}
.ar .col-lg-2 {
    -ms-flex: 0 0 19.666667%;
    flex: 0 0 19.666667%;
    max-width: 19.666667%;
}
.general{
    width: 100%;
}
.titulo .col-sm-12> h5 {
    margin-bottom: 14px;
    font-size: 2.2rem;
}
.icono{
    width: 6rem;
    height: 6rem;
}
.icono>img {
    width: 3.5rem;
    height: 3.5rem;
    margin-top: 1.2rem;
    margin-left: 1.2rem;
}

figcaption{
    display: block;
}
.sw {
    font-size: calc(1vw + 9px);
    overflow-wrap: break-word;
    margin-top: -7px;
    /*text-align: left;
    padding-left: 13px;
    margin-right: auto;*/
}
/*contacto asesoria*/
.containercontacto{
    align-items: center;
    min-height: 94px;
}
.dd .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 38%;
    max-width: 37%;
}
.iconfb{
    width: 50.5px;
    height: 50.5px;
}
.bf::before {
    font-size: 3.2rem;
}

.icontw{
    width: 50.5px;
height: 50.5px;
}
.bi-twitter::before {
    content: "\f5ef";
    width: 0rem;
    height: 0rem;
    text-align: center;
    padding-top: 11px;
padding-left: 11px;
font-size: 1.9rem;
}
.ct {
    margin-left: 0rem;
    margin-bottom: auto;
    color: #fff;
    /* width: min-content; */
    font-size: 19px;
    word-break: break-word;
}
.icologo {
    margin-top: 0;
    float: none;
    text-align: center;
}
.icologo>img {
    width: 17rem !important;
    padding-left: 8rem;
}

/*contactanos*/
.divcajaform2 .col-form-label {
    padding-top: calc(1.375rem + -10px);
    padding-bottom: calc(-0.625rem + 1px);
    margin-bottom: 0;
    font-size: 1.2rem;
    line-height: 1.1;
    color: #cf1b78;
    flex: 0 0 22% !important;
}
.divcajaform2 .form-control {
    display: block;
    width: 68%;
    height: calc(1.5em + 0.75rem + 5px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 1vh;
}
.divimgafilia2 {
    display: block;
}
.divimgafilia2>img{
    width: calc(87% - 19%);
    padding-left: 7rem;
}
.form-group {
    margin-bottom: 0.8rem;
}
.divcajaform2 {
    margin-left: 0rem;
    margin-right: -4rem;
    margin-top: 0.5rem;
    font-family: helvetica_regular;
    min-height: 560px;
    margin-block-end: auto;
}
#contacto .row >h3 {
    font-size: 2.7rem;
    margin-top: 8rem !important;
}
.divcajaform2 > form>h5 {
    color: #cf1b78;
    font-size: 1.2rem;
}
.divcajaform2 .divbtn {
    margin-left: 26% !important;
    margin-right: 8% !important;
    margin-top: 0rem !important;
}
.divcajaform2 .divbtn .boton {
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 15rem;
    border-color: #000;
    font-size: 20px;
}
#contacto .afiliateprincipal{
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    height: 590px;
    min-height: 616px;

    justify-content: flex-start;
}


#mensajeform {
    height: 7rem;
}




}
/*MAC airbook m1*/

@media (max-width:1440px) and (min-width:1101px) and (max-height:780px){
    /*nav*/
    #imglogo {
       margin-left: 3vw;
       width: 4rem;
       height: auto;
   }
   .nav-item {
       margin-right: 2.5rem;
   }
   .navbar-light .navbar-nav .nav-link{
       color: #cf1b78;
       font-family: helvetica_regular;
       font-size: calc(1vw + 3px);
   }
   .txtnavbar {
       font-size:  calc(1vw + 2px) !important; 
       padding: 0.5vh !important;
   }
   .primeranclanav{
       margin-right: 1rem;
   }
   /*baner*/
   #banner{
       height: 43vh;
       min-height: 646px;
   }
   #banner .d-flex {
       display: flex!important;
       min-height: 515px;
       justify-content: flex-end;
       flex-direction: column;
       align-items: flex-end;
   }
   
   
   .imgbanner {
       margin-top: 0 !important;
       margin-right: 3% !important;
       margin-left:0 !important;
   }
   #fondologo{
       width: 30rem;
   }
   /*inicio*/
   #inicio{
       min-height: 810px;
       background-position: initial;
   }
   .rowinicio2{
       margin-top: 10rem !important;
   }
   .rowpersonasimg2 .col-lg-8 {
       -ms-flex:0 0 80.666667% ;
       flex: 0 0 80.666667%;
       max-width: 86.666667%;
       padding: 0 0 0 0;
       margin-left: 4rem;
   }
   .rowpersonasimg2 .col-lg-4 {
       -ms-flex: 0 0 33.333333%;
       flex: 0 0 50.333333%;
       max-width: 50.333333%;
   }
   .personasfondo2 {
       width: 80vw !important;
       height: 27vh;
       min-height: 477px;
   }
   .imvs{
       max-width: 97%;

   }
   .pa {
       font-family: helvetica_regular;
       width: 45vw;
       margin-left: auto;
       margin-right: auto;
       font-size: 18.5px
   }
   .imvs .ultxt .nav-item {
       margin-right: 1.9rem;
   }
   .ultxt >li >a {
       color: #000;
       font-family: helvetica_bold;
       cursor: pointer;
       font-size: 19.5px;
   }
   .logofondoinicio {
       width: 15rem;
       min-width: 8rem;
   }
   .log {
       margin-top: -7rem;
       margin-left: 16rem;
   }

   /*antecedentes*/
   #antecedentes{
       width: 100vw;
   height: 56vh;
   overflow-x: hidden;
   min-height: 680px;
   }
   #antecedentes .divrowtt{
    margin-top: 20vh;
   }
   .divimgpersona {
    width: calc(15vw + 126px);
       height: calc(14vh + 239px);
   }
   .divpuntosanteced {
       margin-top: 0rem !important;
       height: 36vh;
       min-height: 432px !important;
       max-height: 30vh;
       width: 100%;
   }
   .divpuntosanteced .rowpant{
       height: 27rem;
   }
   .div-atectxt >img {
       width: 100%;
       height: 61%;
       min-height: 424px;
   padding-left: 0rem;
       position: absolute;
   }
   .colfoto2{
       max-width: 41%;
       margin-left: 4rem;
       padding-right: 0;
   }
   .colpuntos{
       max-width: 59%;
       flex: 1%;
   }
   .icono1 {
       width: 3rem;
       padding-top: 14px;
   }
   .parrafo {
       font-size: 18.5px !important;
   }
   .div-atectxt {
       width: 100%;
       min-height: 436px !important;
   }
  
   .div-atectxt .row {
       flex-wrap: nowrap;
       padding-top: 0.2vh;
       margin-bottom: 0.5vh;
       padding-left: 9vw !important;
       width: 100%;
   }
   /*mensaje*/
   #mensaje{
       height: 67vh;
       min-height: 823px;
   }

   .mensajecontainer {
       display: flex;
       flex-direction: row;
       align-items: center;
       align-content: center;
       flex-wrap: nowrap;
       margin-top: 9rem;
   }
   .parrafosmsj {
       font-family: helvetica_regular;
       font-size: 18.5px;
       margin-bottom: 0.1rem;
   }
   .att{
       font-size: 19.4px;
       margin-top: 2rem;
   }
   .divimgpersona2 {
       width: 25rem;
       height: 25rem;
       margin-left: auto;
       margin-right: auto;
   }
   .pl30{
       padding-left: 30px;
       padding-right: 0;
   }

   /*afiliate*/
   #afiliate{
       min-height: 620px;
       height: 57vh;
   }
   #afiliate .row>h3{
       font-size: 2.7rem;
       margin-top: 8.5rem !important;
   }
   .afiliateprincipal{
       display: flex;
   flex-wrap: nowrap;
   align-items: flex-end;
   flex-direction: row;
   height: 57.9vh;
   min-height: 500px;
   }
   .divimgafilia{
       display: block;
       padding-right: 0;
   }
  .divimgafilia>img{
    width: calc(30vw + 116px);
  }
 
.form-group{
   display: flex;
   flex-wrap: nowrap;

}
.divcajaform .col-form-label {
   padding-top: calc(0.375rem + 4px);
   padding-bottom: calc(0.375rem + 0px);
   margin-bottom: 0;
   font-size: 1rem;
   line-height: 1.5;
   color: #fff;
   flex: 0 0 22% !important;
   text-align: right;
}
.divcajaform .form-control {
   display: block;
   width: 61%;
   height: calc(1.5em + 0.75rem + -2px);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #495057;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.5rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   margin-top: 1rem;
}
.divcajaform {
   margin-left: -8rem;
   margin-right: 1rem;
   margin-top: 0rem;
   font-family: helvetica_regular;
   min-height: 466px;
   margin-block-end: auto;
}
.divcajaform > form>h5 {
   color: #fff;
   font-size: 1rem;
}
.divcajaform .divbtn {
   margin-left: 31% !important;
   margin-right: 8% !important;

   margin-top: calc(3vh + 1px) !important;

}
.divcajaform .divbtn .boton {
   background-color: #000;
   cursor: pointer;
   border-radius: 6px;
   color: #fff;
   padding: 6px;
   width: 15rem;
   border-color: #000;
   font-size: 21px;
}

/*asesoria*/
#asesoria{
   height: 100%;
   min-height: 800px;
}
.titulo{
   padding-top: 8rem;
}
.titulo .col-lg-12 >h3{
   font-size: 2.7rem;
}
.arr{
   display: none !important;
}
.ar {
   margin-left: 1.5% !important;
   display: flex;
   flex-wrap: nowrap;
   justify-content: center;
   align-items: center;
   
   min-height: 175px;

}
.diviconos{
   min-height: 790px;
}
.ar .col-lg-2 {
   -ms-flex: 0 0 19.666667%;
   flex: 0 0 19.666667%;
   max-width: 19.666667%;
}
.general{
   width: 100%;
}
.titulo .col-sm-12> h5 {
   margin-bottom: 14px;
   font-size: 2.2rem;
}
.icono{
   width: 6rem;
   height: 6rem;
}
.icono>img {
   width: 3.5rem;
   height: 3.5rem;
   margin-top: 1.2rem;
   margin-left: 1.2rem;
}

figcaption{
   display: block;
}
.sw {
   font-size: calc(1vw + 9px);
   overflow-wrap: break-word;
   margin-top: -7px;
   /*text-align: left;
   padding-left: 13px;
   margin-right: auto;*/
}
/*contacto asesoria*/
.containercontacto{
   align-items: center;
   min-height: 77px;
}
.dd .col-md-6 {
   -ms-flex: 0 0 50%;
   flex: 0 0 38%;
   max-width: 37%;
}
.iconfb{
   width: 50.5px;
   height: 50.5px;
}
.bf::before {
   font-size: 3.2rem;
}

.icontw{
   width: 50.5px;
height: 50.5px;
}
.bi-twitter::before {
   content: "\f5ef";
   width: 0rem;
   height: 0rem;
   text-align: center;
   padding-top: 11px;
padding-left: 11px;
font-size: 1.9rem;
}
.ct {
   margin-left: 0rem;
   margin-bottom: auto;
   color: #fff;
   /* width: min-content; */
   font-size: 19px;
   word-break: break-word;
}
.icologo {
   margin-top: 0;
   float: none;
   text-align: center;
}
.icologo>img {
   width: 17rem !important;
   padding-left: 8rem;
}

/*contactanos*/
.divcajaform2 .col-form-label {
   padding-top: calc(1.375rem + -10px);
   padding-bottom: calc(-0.625rem + 1px);
   margin-bottom: 0;
   font-size: 1rem;
   line-height: 0.5;
   color: #cf1b78;
   flex: 0 0 22% !important;
}
.divcajaform2 .form-control {
   display: block;
   width: 68%;
   height: calc(1.5em + 0.75rem + -2px);
   padding: 0.375rem 0.75rem;
   font-size: 1rem;
   font-weight: 400;
   line-height: 1.5;
   color: #000;
   background-color: #fff;
   background-clip: padding-box;
   border: 1px solid #ced4da;
   border-radius: 0.5rem;
   transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
   margin-top: 0rem;
}
.divimgafilia2 {
   display: block;
}
.divimgafilia2>img{
    width: 32rem;
    padding-left: 15rem;
  }
.divcajaform2 {
   margin-left: 0rem;
   margin-right: -4rem;
   margin-top: 0rem;
   font-family: helvetica_regular;
   min-height: 411px;
   margin-block-end: auto;
}
#contacto .row >h3 {
   font-size: 2.7rem;
   margin-top: calc(7vh + 13px) !important;
}
.form-group {
    margin-bottom: 0.8rem;
}
.divcajaform2 > form>h5 {
   color: #cf1b78;
   font-size: 1rem;
}
.divcajaform2 .divbtn {
   margin-left: 26% !important;
   margin-right: 8% !important;
   margin-top: 0rem !important;
}
.divcajaform2 .divbtn .boton {
   background-color: #000;
   cursor: pointer;
   border-radius: 6px;
   color: #fff;
   padding: 6px;
   width: 15rem;
   border-color: #000;
   font-size: 20px;
}
#contacto .afiliateprincipal{
   display: flex;
   align-items: flex-end;
   flex-direction: row-reverse;
   height: 57.9vh;
   min-height: 416px;
   justify-content: flex-start;
}


#mensajeform {
    height: 4rem;
}




}



@media (max-width:1100px) and (min-width:992px){

    /*nav*/
    #imglogo {
        margin-left: 3vw;
        width: 3.5rem;
        height: auto;
    }
    .nav-item {
        margin-right: 2.5rem;
    }
    .txtnavbar {
    
        padding: 0.5vh !important;
        font-family: helvetica_regular;
        font-size: calc(1vw + 1px);
    }
   
    /*baner*/
    #banner{
        height: 43vh;
        min-height: 700px;
    }
    .imgbanner {
        margin-top: 0vh !important;
        margin-right: 2vw !important;
        margin-left: 54% !important;
    }
    #banner .d-flex {
        display: flex!important;
        align-content: flex-end;
        justify-content: flex-end;
        flex-direction: column;
        align-items: flex-end;
        min-height: 482px;
    }
    #fondologo{
        width: 30rem;
    }
    /*inicio*/
    #inicio{
        height: 37vh;
    }
    .rowinicio2{
        margin-top: 10rem !important;
    }
    .rowpersonasimg2 .col-lg-8 {
        -ms-flex: 0 0 99.666667%;
        flex: 0 0 99.666667%;
        max-width: 100.666667%;
    }
    .rowpersonasimg2 .col-lg-4 {
        -ms-flex: 0 0 33.333333%;
        flex: 0 0 50.333333%;
        max-width: 50.333333%;
    }
    .personasfondo2 {
        width: 80vw !important;
        height: 27vh;
        min-height: 428px;
    }
    .imvs{
        max-width: 97%;

    }
    .pa {
        font-family: helvetica_regular;
        width: 45vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 18.4px;
    }
    .imvs .ultxt .nav-item {
        margin-right: 1.9rem;
    }
    .ultxt >li >a {
        color: #000;
        font-family: helvetica_bold;
        cursor: pointer;
        font-size: 15.8px;
    }
    .logofondoinicio {
        width: 15rem;
        min-width: 8rem;
    }
    .log {
        margin-top: -7rem;
        margin-left: 16rem;
    }

    /*antecedentes*/
    #antecedentes{
        width: 100vw;
    height: 56vh;
    overflow-x: hidden;
    min-height: 680px;
    }
    #antecedentes .divrowtt{
        margin-top: 15vh;
    }
    .divimgpersona {
        width: 25rem;
        height: 25rem;
    }
    .divpuntosanteced {
        margin-top: 0rem !important;
        height: 36vh;
        min-height: 425px !important;
        max-height: 30vh;
        width: 100%;
    }
    .divpuntosanteced .rowpant{
        height: 26rem;
    }
    .div-atectxt >img {
        width: 100%;
        height: 61%;
        min-height: 422px;
        padding-left: 1rem;
        position: absolute;
    }
    .colfoto2{
        max-width: 41%;
        margin-left: 4rem;
        padding-right: 0;
    }
    .colpuntos{
        max-width: 59%;
        flex: 1%;
    }
    .icono1 {
        width: 2.6rem;
    }
    .parrafo {
        font-size: 18.4px!important;
    }
    .div-atectxt .row {
        flex-wrap: nowrap;
        padding-top: 0.4vh !important;
        margin-bottom: 0 !important;
        padding-left: 13vw;
        width: 100%;
    }

    /*mensaje*/
    #mensaje{
        height: 67vh;
        min-height: 823px;
    }

    .mensajecontainer {
        display: flex;
        flex-direction: row;
        align-items: center;
        align-content: center;
        flex-wrap: nowrap;
        margin-top: 14vh;
    }
    .parrafosmsj {
        font-family: helvetica_regular;
        font-size: 18.4px;
        margin-bottom: 0.1rem;
    }
    .att{
        font-size: 19.4px;
        margin-top: 2rem;
    }
    .divimgpersona2 {
        width: 25rem;
        height: 25rem;
        margin-left: auto;
        margin-right: auto;
    }
    .pl30{
        padding-left: 30px;
        padding-right: 0;
    }

    /*afiliate*/
    #afiliate{
        min-height: 500px;
        height: 57vh;
    }
    #afiliate .row >h3{
        font-size: 2.5rem;
    }
    .afiliateprincipal{
        display: flex;
    flex-wrap: nowrap;
    align-items: flex-end;
    flex-direction: row;
    height: 57.9vh;
    min-height: 636px;
    }
    .divimgafilia{
        display: block;
        padding-right: 0;
    }
   .divimgafilia>img{
    width:36rem;
   }
  
.form-group{
    display: flex;
    flex-wrap: nowrap;

}
.divcajaform .col-form-label {
    padding-top: calc(1.375rem + 2px);
    padding-bottom: calc(0.375rem + 0px);
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #fff;
    flex: 0 0 29% !important;
    text-align: right;

    
}
.divcajaform .form-control {
    display: block;
    width: 68%;
 
    height: calc(1.5em + 0.75rem + 5px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 2rem;
}
.divcajaform {
    margin-left: -8rem;
    margin-right: 1rem;
    margin-top: 0rem;
    font-family: helvetica_regular;
    min-height: 584px;
    margin-block-end: auto;
}
.divcajaform > form>h5 {
    color: #fff;
    font-size: 1.2rem;
}
.divcajaform .divbtn {
    margin-left: 38% !important;
    margin-right: 8% !important;
    margin-top: 2rem !important;
}
.divcajaform .divbtn .boton {
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 15rem;
    border-color: #000;
    font-size: 25px;
}

/*asesoria*/
#asesoria{
    height: 58.8vh;
    min-height: 679px;

}
.titulo .col-md-12>h3{
    font-size: 2rem;
    padding-top: 3rem;
}
.arr{
    display: none !important;
}
.ar {
    margin-left: 1.5% !important;
    display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    min-height: 150px;  
}
.diviconos {
    min-height: 665px;
}
.ar .col-lg-2 {
    -ms-flex: 0 0 19.666667%;
    flex: 0 0 19.666667%;
    max-width: 19.666667%;
}
.general{
    width: 100%;
}
.titulo .col-sm-12> h5 {
    margin-bottom: 14px;
    font-size: 2.5rem;
}
.icono{
    width: 6rem;
    height: 6rem;
}
.icono>img {
    width: 3rem;
    height: 3rem;
    margin-top: 1.5rem;
    margin-left: 1.5rem;
}

figcaption{
    display: block;
}
.sw {
    font-size: 17px;
    overflow-wrap: break-word;
    margin-top: -7px;
    /*text-align: left;
    padding-left: 43px;
    margin-right: auto;*/
}
/*contacto asesoria*/
.containercontacto{
    align-items: center;
    min-height: 75px;
}
.dd .col-md-6 {
    -ms-flex: 0 0 50%;
    flex: 0 0 38%;
    max-width: 37%;
}
.iconfb{
    width: 44.5px;
    height: 44.5px;
}
.bf::before {
    font-size: 2.921rem;
}

.icontw{
    width: 44.5px;
height: 44.5px;
}
.bi-twitter::before {
    content: "\f5ef";
    width: 0rem;
    height: 0rem;
    text-align: center;
    padding-top: 11px;
padding-left: 11px;
font-size: 1.5rem;
}
.ct {
    margin-left: 0rem;
    margin-bottom: auto;
    color: #fff;
    /* width: min-content; */
    font-size: 15px;
    word-break: break-word;
}
.icologo {
    margin-top: 0;
    float: none;
    text-align: center;
}
.icologo>img {
    width: 9rem !important;
}

/*contactanos*/
.divcajaform2 .col-form-label {
    padding-top: calc(1.375rem + -10px);
    padding-bottom: calc(0.375rem + 1px);
    margin-bottom: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: #cf1b78;
    flex: 0 0 29% !important;
}
.divcajaform2 .form-control {
    display: block;
    width: 68%;
    height: calc(1.5em + 0.75rem + 5px);
    padding: 0.375rem 0.75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: #000;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: 0.5rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    margin-top: 1.2rem;
}
.divimgafilia2 {
    display: block;
}
.divimgafilia2>img{
    width: 28rem;
    padding-left: 8rem
   }
.divcajaform2 {
    margin-left: 0rem;
    margin-right: -2rem;
    margin-top: 0rem;
    font-family: helvetica_regular;
    min-height: 584px;
    margin-block-end: auto;
}
#contacto .row >h3 {
    margin-top: 2rem !important;
    font-size: 2.5rem;
}
.divcajaform2 > form>h5 {
    color: #cf1b78;
    font-size: 1.2rem;
}
.divcajaform2 .divbtn {
    margin-left: 38% !important;
    margin-right: 8% !important;
    margin-top: 1.5rem !important;
}
.divcajaform2 .divbtn .boton {
    background-color: #000;
    cursor: pointer;
    border-radius: 6px;
    color: #fff;
    padding: 6px;
    width: 15rem;
    border-color: #000;
    font-size: 25px;
}
#contacto .afiliateprincipal{
    display: flex;
    align-items: flex-end;
    flex-direction: row-reverse;
    height: 57.9vh;
    min-height: 691px;
    justify-content: flex-start;
}
}

@media (max-width:991px) and (min-width:769px){
    .navbar-light .navbar-nav .nav-link {
        color: #cf1b78;
        font-family: helvetica_regular;
        font-size: 1rem;
    }
    .imgbanner {
        margin-top: 0vh !important;
        margin-right: 7vw !important;
        margin-left: 58vw !important;
    }
    #banner .d-flex {
        display: flex!important;
        align-content: flex-end;
        flex-direction: row;
        align-items: flex-end;
        min-height: 345px;
    }

    /*inicio*/
    .personasfondo2 {
        width: 82vw !important;
        height: 45vh;
        min-height: 413px;
    }
    .log {
        margin-top: -9rem;
        margin-left: 22rem;
    }
    .logofondoinicio {
        width: 16rem;
        min-width: 8rem;
    }
    .imvs{
        font-size: x-large;
        margin-top:1rem;
    }
    .pa{
        font-size: calc(6px + 1rem);
    }

    /*antecedentes*/
    #antecedentes{
        min-height: 880px;
        height: 68vh;
    }
    .divimgpersona {
        width: 21rem;
        height: 21rem;
    }
    .divpuntosanteced{
        min-height: 320px !important;
        max-height: 36vh !important;
    }
    .icono1 {
        width: 2.4rem;
    }   
    .div-atectxt .row .col-md-2 {
        -ms-flex: 0 0 16.666667%;
        flex: 0 0 9.666667%;
        max-width: 16.666667%;
    }
    .div-atectxt .row .col-md-10 {
        -ms-flex: 0 0 83.333333%;
        flex: 0 0 88.333333%;
        max-width: 88.333333%;
    }
    .parrafo {
        font-size: 16.5px !important;
    }
    .div-atectxt {
        width: 100vw;
        margin-top: 2.5vh;
        margin-left: 2vw;
    }
    .div-atectxt >img {
        width: 100%;
        height: 61%;
        min-height: 292px;
        padding-left: 1rem;
        position: absolute;
    }
    /*mensaje*/
    #mensaje{
        min-height: 1200px;
    }
    .parrafosmsj {
        font-family: helvetica_regular;
        font-size: 1.6rem;
        margin-bottom: 0.1rem;
    }
    .logomsj>img {
        width: 14rem;
        height: auto;
    }
    .att {
        flex-wrap: nowrap;
        align-items: flex-start;
        margin-left: auto;
        margin-right: auto;
        font-size: 22.4px;
    }
    .divimgpersona2 {
        width: 26rem;
        height: 26rem;
        margin-left: auto;
        margin-right: auto;
    }



    /*afiliate*/
    #afiliate{
        min-height: 890px;
    }
    .afiliateprincipal .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 90%;
        max-width: 100%;
    }
    .divcajaform {
        margin-left: auto;
        margin-right: auto;
        margin-top: 1rem;
        font-family: helvetica_regular;
        min-height: 584px;
    }
    .divcajaform > form>h5 {
        color: #fff;
        font-size: 1.6rem;
    }
    #afiliate .row >h3{
        font-size: 2.9rem;
    }
    .divcajaform .col-form-label {
        padding-top: calc(0.375rem + 1px);
        padding-bottom: calc(0.375rem + 1px);
        margin-bottom: 0;
        font-size: 19px;
        word-break: break-word;
        line-height: 1.5;
        color: #fff;
        margin-left: 0.1rem;
    }
    
    .divcajaform .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + -7px);
        padding: 0.375rem 0.75rem;
        font-size: 2rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .divcajaform .divbtn {
        margin-left: 30% !important;
        margin-right: 23%;
        margin-top: 4rem !important;
    }
    .divcajaform .divbtn .boton {
        background-color: #000;
        cursor: pointer;
        border-radius: 6px;
        color: #fff;
        padding: 6px;
        width: 19rem;
        font-size: 1.2rem;
        border-color: #000;
    }
    /*afiliate*/

    #asesoria {
        background-color: rgb(240, 240, 240);
        width: 100vw;
        height: 100%;
        min-height: 700px;
    }

    .diviconos {
        min-height: 699px;
        height: 44.5vh;
    }
    .rowsiconos {
        min-height: 518px;
    }
    .containercontacto {
        background-color: #000;
        width: 100vw;
        max-width: 100%;
        height: 7vh;
        min-height: 85px;
        display: flex;
        flex-wrap: nowrap;
        margin-top: 0.85rem;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
.arr{
        display: none !important;
    }
    .ar{
        display: flex;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: center;
    margin-left: 1.5% !important;
    min-height: 96px;
    }
    .ar .col-md-4 {
        -ms-flex: 0 0 18.333333%;
        flex: 0 0 18.333333%;
        max-width: 31.333333%;
    }
    .rowsiconos{
        margin-top: 2rem;
    }
    .titulo .col-sm-12> h3 {
        font-size: 2.9rem;
    }
    .general {
        width: 116px;
    }
    .sw {
        font-size: 17px;
        overflow-wrap: break-word;
        margin-top: 0rem;
        text-align: center;
    }
    .icono {
        width: 6rem;
        height: 6rem;
        background-color: #cf1b78;
        border-radius: 10rem;
        margin-bottom: 3px;
    }

    .icono>img {
        width: 3rem;
        height: 3rem;
        margin-top: 1.3rem;
        margin-left: 1.5rem;
    }
    figcaption{
        display: block;
    }
    .dd .col-md-6 {
        -ms-flex: 0 0 50%;
        flex: 0 0 38%;
        max-width: 37%;
    }
    .iconfb{
        width: 44.5px;
        height: 44.5px;
    }
    .bf::before {
        font-size: 2.921rem;
    }
    
    .icontw{
        width: 44.5px;
    height: 44.5px;
    }
    .bi-twitter::before {
        content: "\f5ef";
        width: 0rem;
        height: 0rem;
        text-align: center;
        padding-top: 11px;
    padding-left: 11px;
    font-size: 1.5rem;
    }
    .ct {
        margin-left: 0rem;
        margin-bottom: auto;
        color: #fff;
        /* width: min-content; */
        font-size: 15px;
        word-break: break-word;
    }
    .icologo {
        margin-top: 0;
        float: none;
        text-align: center;
    }
    .icologo>img {
        width: 9rem !important;
    }

    /*contacto*/
    #contacto {
        background-color: rgb(240, 240, 240);
        width: 100vw;
        height: 100%;
        min-height: 700px;
    }
    #contacto  .row >h3{
            font-size: 2.9rem;
    }
    .divcajaform2 {
        margin-left: auto;
        margin-right: auto;
        margin-top: 0rem;
        font-family: helvetica_regular;
        min-height: 584px;
    }
    .divcajaform2 > form>h5 {
        color: #cf1b78;
        font-size: 1rem;
    }

    .divcajaform2 .col-form-label {
        padding-top: calc(-0.625rem + 1px);
        padding-bottom: calc(-0.625rem + 1px);
        margin-bottom: 0;
        font-size: 16px;
        word-break: break-word;
        line-height: 1.5;
        color: #cf1b78;
        margin-left: 0.1rem;
    }
    
    .divcajaform2 .form-control {
        display: block;
        width: 100%;
        height: calc(1.5em + 0.75rem + -7px);
        padding: 0.375rem 0.75rem;
        font-size: 1.5rem;
        font-weight: 400;
        line-height: 1.5;
        color: #495057;
        background-color: #fff;
        background-clip: padding-box;
        border: 1px solid #ced4da;
        border-radius: 0.25rem;
        transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }
    .divcajaform2 .divbtn {
        margin-left: 27% !important;
        margin-right: 27% !important;
    }
    .divcajaform2 .divbtn .boton {
        background-color: #000;
        cursor: pointer;
        border-radius: 6px;
        color: #fff;
        padding: 6px;
        width: 19rem;
        font-size: 1.2rem;
        border-color: #000;
    }
}





@media (max-width:768px) and (min-width:429px){
    .navbar-light .navbar-nav .nav-link {
        color: #cf1b78;
        font-family: helvetica_regular;
        font-size: 1rem;
    }
    /*banner*/
    .imgbanner {
        margin-top: 0rem !important;
    margin-right: 3% !important;
    margin-left: 58% !important;
    }
    #banner .d-flex {
        display: flex!important;
        /* align-content: center; */
        align-items: flex-end;
        min-height: 343px;
        flex-direction: row;
        /* flex-wrap: nowrap; */
        justify-content: flex-end;
    }
    /*inicio*/
    #inicio{
        height: 78vh;
        min-height: 812px;
    }
    .log {
        margin-top: -5rem;
        margin-left: 14rem;
    }
    .logofondoinicio {
        width: 12rem;
        min-width: 8rem;
    }
    .personasfondo2 {
        width: 83vw !important;
        height: 44vh;
        min-height: 268px;
    }
    .imvs{
        margin-top: 2rem;
    }
    .pa {
        font-family: helvetica_regular;
        width: 95vw;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.2rem;
    }

    /*antecedentes*/
    #antecedentes{
        min-height: 825px;
        height: 50vh;
    }
    .divpuntosanteced{
        min-height: 298px;
        
    }
    .divpuntosanteced .row{
        align-items: baseline;
    }
    .parrafo {
        font-size: 11.5px !important;
        word-wrap: break-word;
    }
    .div-atectxt .row {
        flex-wrap: nowrap;
        padding-top: 1.2vh !important;
        margin-bottom: 0.5vh;
        padding-left: 8vw;
    }
    .div-atectxt >img {
        width: 100%;
        height: 61%;
        min-height: 285px;
        padding-left: 1rem;
        position: absolute;
    }
    /*mensaje*/
    .parrafosmsj{
        font-size: 17px;
    }
    .att{
        font-size: 15px;
    }
    .logomsj >img {
        width: 10rem;
    }
    .divimgpersona2 {
        width: 15rem;
        height: 15rem;
        margin-left: auto;
        margin-right: auto;
    }

    .divicono1{
        flex: 0 0 16.666667%;
        max-width: 12.666667%;
    }
    .txtantecedentes{
        width: 90%;
        padding-left: 0;
    }
    /*afiliate*/
    #afiliate{
        height: 96vh;
    }
    .afiliateprincipal{
        display: flex;
        flex-wrap: nowrap;
    }
    .divimgafilia{
        display: none;
    
    }
    .divimgafilia >img{
        width: 23rem;
    }
    .divcajaform {
    margin-left: auto;
    margin-right: auto;
    margin-top: 0rem;
    font-family: helvetica_regular;
    min-height: 584px;
    }
    .divcajaform >form{
        width: 37rem;
    padding-top: 0rem;
    }
    .afiliateprincipal  .divcajaform{
        -ms-flex: 0 0 80%;
        flex: 0 0 80%;
        max-width: 80%;
        display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .divcajaform .divbtn {
        margin-left: 23vw !important;
        margin-right: auto !important;
        margin-top: 6vh !important;
    }

    /*asesoria*/
    .rowsiconos {
        min-height: 484px;
    }
    .arr{
        display: none !important;
    }
    .ar{
        display: flex;
    flex-wrap: nowrap;
    margin-top: 2rem;
    margin-left: 0 !important;
    justify-content: center;
    min-height: 96px;
    }
    .ar .col-md-4{
    -ms-flex: 0 0 20%;
    flex: 0 0 20%;
    max-width: 20%;
    }
    .general > figcaption{
        display: block;
    }
    .sw{
        margin-top: 1px;
        font-size: calc(1vw + 5px);

    }
    .general{
        width: 78px;
        overflow-wrap: break-word;
    }
    .pl0{
        padding-left: 0;
    }
    .pr0{
        padding-right: 0;
        padding-left: 0;
    }
    .p0{
        padding: 0;
    }
    .dividtxt{
        width: 5rem !important;
    }
    .icologo>img {
        width: 7rem !important;
    }
    .icologo {
    
        margin-left: 0rem;
        margin-right: 3vw;
        margin-top: 26px;
        margin-bottom: auto;
        }

        .dd .col-sm-6 {
            -ms-flex: 0 0 50%;
            flex: 0 0 50%;
            max-width: 50%;
        }
        /*contacto*/

    .afiliateprincipal .divcajaform2 {
            -ms-flex: 0 0 80%;
            flex: 0 0 80%;
    
    max-width: 80%;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    align-items: center;
    }
    .divcajaform2{
        margin-left: auto;
        margin-right: auto;
    }
    .divcajaform2 >form {
        width: 35rem;
        padding-top: 0rem;
    }

    .divcajaform2 .col-form-label{
        font-size: 15px;
    }
    .divcajaform .col-form-label{
        font-size: 15px;
    }
    #mensajeform {
        height: 7rem;
    }
}

@media (max-width:768px) and (min-width:580px){
    .ar {
        display: flex;
        flex-wrap: nowrap;
        margin-top: 2rem;
        margin-left:36px !important;
        justify-content: center;
        min-height: 96px;
    }
    .divcajaform .divbtn {
        margin-left: 24vw !important;
        margin-right: auto !important;
        margin-top: 6vh !important;
    }
    
    .parrafo {
        font-size: 17px !important;
        word-break: break-word;
    }

    .div-atectxt >img {
        width: 100%;
        height: 69%;
        min-height: 365px;
        padding-left: 1rem;
        position: absolute;
    }
    .divpuntosanteced {
        margin-top: 3rem;
        height: 36vh;
        min-height: 374px !important;
        max-height: 21vh;
        width: 100%;
    }
    /*asesoria*/

    .iconfb{
        width: 44.5px;
        height: 44.5px;
    }
    .bf::before {
        font-size: 2.921rem;
    }
    
    .icontw{
        width: 44.5px;
    height: 44.5px;
    }
    .bi-twitter::before {
        content: "\f5ef";
        width: 0rem;
        height: 0rem;
        text-align: center;
        padding-top: 11px;
    padding-left: 11px;
    font-size: 1.5rem;
    }
    .icologo {
    
    margin-left: 0rem;
    margin-right: 3vw;
    margin-top: 0px;
    margin-bottom: auto;
    }
    .icologo>img{
        width: 9rem !important;
    }
  .ct{
    font-size: 14px;
  }
   
  .dd .col-sm-6 {
    -ms-flex: 0 0 50% !important;
    flex: 0 0 35% !important;
    max-width: 35% !important;
}
    /*contacto*/
    .divcajaform2 .divbtn {
        margin-left: 24vw !important;
        margin-right: auto !important;
        margin-top: 1vh !important;
    }

    .divcajaform2 .col-form-label{
        font-size: calc(2vw + -0.5px);
    }
    .divcajaform .col-form-label{
        font-size: calc(2vw + -0.5px);
    }

    /*eventos*/
    #eventos2{
        display: flex;
        align-content: center;
        justify-content: center;
        align-items: center;
    }
    .rowflechas{
        display: none !important;
    }
    .divflecha{
        display: flex !important;
    }


    /*plantilla 1*/
    .coltxtp1{
        height: 250px !important;
        overflow: hidden;
    }
    .colimgp1 .carousel .carousel-inner .carousel-item .active{
        height: 100px;
    }
}



@media (min-width:375px){

    /*antecedentes*/
    .parrafo{
        font-size: 11.5px;
    }
    /*afiliate*/
    .divcajaform .divbtn {
        margin-left: 23%;
        margin-right: 23%;
    }

    .divpuntosanteced {
        margin-top: 3rem;
        height: 36vh;
        min-height: 299px;
        max-height: 21vh;
        width: 100%;
    }
    .div-atectxt .row {
        flex-wrap: nowrap;
        padding-top: 0.2vh;
        margin-bottom: 0.5vh;
        padding-left: 13vw;
        width: 100%;
    }
    /*asesoria*/
    .ar{
        margin-left: 7.5%;
    }
    .icologo>img {
        width: 5rem;
    }

    .arr .col-sm-4 .general {
        width: 100%;
    }
    /*contactanos*/
    .divcajaform2 .divbtn {
        margin-left: 26%;
        margin-right: 19%;
    }

}


@media (min-width:320px) and (max-height:654px) and (min-height:440px){
    .imgbanner {
        margin-top: 10rem;
        margin-right: 3%;
        margin-left: 44%;
    }

}
@media (min-width:320px) and (max-height:929px) and (min-height:770px){
    .imgbanner {
        margin-top: 10rem;
        margin-right: 3%;
        margin-left: 42%;
    }
}

@media (min-width:320px) and (max-height:1079px) and (min-height:930px){
    .imgbanner {
        margin-top: 10rem;
        margin-right: 3%;
        margin-left: 33%;
    }
}

@media (min-width:320px) and (max-height:1145px) and (min-height:1080px){
    .imgbanner {
        margin-top: 20rem;
        margin-right: 3%;
        margin-left: 26%;
    }

}

@media (min-width:320px) and (max-height:1279px) and (min-height:1146px){
    /*banner*/
    .imgbanner {
        margin-top: 24rem;
        margin-right: 3%;
        margin-left: 22%;
    }
}

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

    /*banner*/
    .imgbanner {
        margin-top: 26rem;
        margin-right: 3%;
        margin-left: 17%;
    }
   
}