html{scroll-behavior: smooth;}
/* generales */

body{
    margin: 0px;
    padding: 0px;
}
.cuerpocompleto{
    width: 100%;
    height: auto;
    /*
    background-image: url('../AMCOPA\ WEB\ movil.jpg');
    background-size: cover;*/
}
.imgas{width: 100%; height: auto;}
.op{
    opacity: .5;
}
.pq{border: solid 1px red;}
#slidealtru, #sliderproximas, #sliderproximas2 {
        transition: transform 0.8s cubic-bezier(0.4, 0, 0.2, 1);
     will-change: transform;
}
/* forma de contacto */
.formacontacto{
    width: 70%;
    height: 35vw;
    border: solid 1px gray;
    border-radius: 1vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 11vw;
}
.encabe{
    width: 100%;
    height: 5vw;
    font-family: comfy;
    font-size: 2vw;
    text-align: center;
     color: rgb(0, 188, 205);
     margin-top: 2vw;
}
.motivo{
    font-family: proximareg;
    font-size: 1vw;
    width: 70%;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.campos{
    width: 80%;
    height: auto;
    margin-top: 3vw;
    margin-left: auto;
    margin-right: auto;
}
.campu{
    width: 12vw;
    height: 3vw;
    font-family: proximareg;
    font-size: 1vw;;

}
.campu2{
    width: 100%;
    height: 5vw;
    font-family: proximareg;
    font-size: 1vw;
    margin-right: 1vw;

}
.etiquetas{
    font-family: proximareg;
    font-size: 1vw;
    padding-right: 1vw;
}
.cajita1{
    width: 100%;
    height: 4vw;
    display: flex;
    justify-content: space-between;
}
.cajita{
    width: 100%;
    height: 4vw;
    margin-top: 2vw;
}
.sent{display: flex;
    justify-content: center;
}
.botonunete5{
    background-color: rgb(63,176, 200);
    color: white;
    font-family: proximabold;
    font-size: 1vw;
    text-decoration: none;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: .2vw;
    padding-top: .2vw;
    margin-left: .5vw;
    border-radius: 2vw;
    height: 2vw;
    margin-top: 1vw;
}
/* termina generales */
@media screen  and (min-width: 1080px) {
    .fotoslidemovil, .barramovil, .barragris{
        display: none;
    }
    .juego{
    display:block;
}
.botonesselect{display: none;}
.bolm{
    display: block;
}
.imgmov{display: none;}
.botonopinionesizqmovil, .botonopiniondermovil{display: none;}
/* barra de menu */
.barramenu{
    width: 100%;
    height: 9.5vw;
    position: fixed;
    top: 0px;
    left: 0px;
    z-index: 4;
}
.logo{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 30%;
    height: auto;
}
.menuprincipal{
    background-color: white;
    width: 86.3%;
    height: 6vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: flex;
    align-items: center;
    margin-left: 13.8%;
    padding-left: 20%;
}
.opcionmenu{
    font-family: proximabold;
    color: black;
    text-decoration: none;
    font-size: .86vw;
    margin-right: 1.2vw;
}
.opcionmenu:hover{
    text-decoration: none;
    color: rgb(0, 188, 205);
  
}
.botonunete{
    background-color: rgb(63,176, 200);
    color: white;
    font-family: proximabold;
    font-size: .9vw;
    text-decoration: none;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: .9vw;
    padding-top: .9vw;
    margin-left: .5vw;
    border-radius: 2vw;
}
/* slider */
.slideprincipal{
    width: 100%;
    height: 49.2vw;
    position: relative;
}
.selloconlogo{
    width: 30%;
    height: auto;
    position: absolute;
    left: 35%;
    top: 34.5vw;
    z-index: 3;
}
.slidegrande{
    width: 100%;
    height: 49vw;
}
.ventanaslide{
    width: 100%;
    height: 49vw;
    position: relative;
    top: 3vw;
}
.titslide1{
    font-family: comfy;
    color: white;
    font-size: 2.75vw;
    position: absolute;
    top: 9.3vw;
    left: 25vw;
    z-index: 2;
}
.titslide2{
    color: rgb(201, 242, 105);
    font-family: comfy;
    font-size: 4.5vw;
    position: absolute;
    top: 12vw;
    left: 25vw;
    width: 45%;
    text-align: left;
    z-index: 3;
    line-height: 4.5vw;
}
.titslide3{
    font-family: proximabold;
    font-size: 1.3vw;
    color: white;
    width: 35%;
    height: auto;
    position: absolute;
    top: 23vw;
    left: 25vw;
    z-index: 2;
    text-align: left;
}
.fotoslide{
    width: 100%;
    height: 49vw;
    position: absolute;
    top: 3vw;
    left: 0px;
    z-index: 1;
}
/* nosotros */
.nosotors{
    width: 100%;
    height: 46.8vw;
    background-color: white;
}
.titunosotros{
    font-family: proximabold;
    font-size: 1.4vw;
    color: rgb(192, 140, 190);
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 6.5vw;
}
.subtitunosotros{
    font-family: comfy;
    color: rgb(28, 121, 187);
    font-size: 3vw;
    width: 60%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: .5vw;
    line-height: 3.5vw;
}
.ventanasdescnosotros{
    width: 67.7%;
    height: 23vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vw;
}
.ventananosotros{
    width: 32%;
    height: 23vw;
    box-shadow: 0px 0px 12px gray;
    text-align: center;
    float: left;
}
.imgnosotros{
    margin-top: 3vw;
    width: 16%;
    height: auto;
}
.titunos{
    font-family: comfy;
    font-size: 1.3vw;
    color: rgb(0, 77, 144);
    margin-top: 1vw;
}
.detallenos{
    font-family: hel;
    font-size: 1vw;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vw;
    text-align: justify;
}
.m1{
    margin-left: 1.4vw;
}
.m2{margin-left: 1.2vw;}

/*nuestra mision es */

.ventananuestra{
    background-color: rgb(247, 245, 241);
    width: 100%;
    height: 47.5vw;
}
.ladoizqmundo{
    width: 52%;
    height: 43.5vw;
    float: left;
}
.titunuestra{
    font-family: comfy;
    font-size: 2.1vw;
    color: rgb(156, 68, 225);
    margin-top: 4vw;
    margin-left: 16vw;
    letter-spacing: .02vw;
}
.subtitumuestra{
    font-family: comfy;
    font-size: 3.62vw;
    color: rgb(156, 68, 225);
    margin-top: -.5vw;
    margin-left: 16vw;
    letter-spacing: .02vw;
}
.descripcionuno{
    font-family: hel;
    font-size: .9vw;
    margin-left: 15.4vw;
    margin-top: .3vw;
    width: 70%;
    letter-spacing: .023vw;
    line-height: 1.5vw;
    text-align: justify;
}
.cuaninter1{
    width: 30%;
    height: 9vw;
    margin-left: 15.5vw;
    margin-top: 1.5vw;
    float: left;
    margin-bottom: 2vw;
    line-height: 1.3vw;
}
.titcuad{
    font-family: comfy;
    font-size: 1.6vw;
    color: rgb(156, 68, 225);
    margin-left: .45vw;
    letter-spacing: .05vw;
}
.descrpcionnuestra{
    font-family: hel;
    font-size: .9vw;
    margin-top: .65vw;
    letter-spacing: -.01vw;
    text-align: justify;
}
.cuaninter2{
     width: 30%;
    height: 9vw;
    margin-left: 5vw;
    margin-top: 1.3vw;
    float: left;
    line-height: 1.3vw;
}
.botonunete2{
    font-family: helbold;
    font-size: 1.3vw;
    color: white;
     background-color: rgb(63,176, 200);
     text-decoration: none;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    padding-top: 1vw;
    border-radius: 2vw;
    position: relative;
    top: 3vw;
    left: 0vw;
}
.renglon1aa{
    width: 100%;
    height: 10vw;
}
.botonunete2:hover{
     font-family: helbold;
    font-size: 1.3vw;
    color: white;
     background-color: rgb(121, 237, 241);
     text-decoration: none;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    padding-top: 1vw;
    border-radius: 2vw;
    position: relative;
    top: 3vw;
    left: 0vw;
}
.ladodere{
    width: 39.5%;
    height: 38.5vw;
    float: left;
    padding-top: 4.5vw;
    margin-left: 1vw;
}

/* contadores */
.contadores{
    width: 100%;
    height:13.5vw;
    display: flex;
    align-items: center;
    flex-direction: row;
    background-color: rgb(177, 204, 113);
}
.cuadcir{
    width: 15%;
    height: auto;
    display: flex;
    align-items: center;
    margin-left: 3vw;
}
.circulo{
    border: solid 6px white;
    width: 5vw;
    height: 5vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: comfy;
    font-size: 2vw;
    color: white;
    float: left;
}
.textconta{
    font-family: comfy;
    font-size: 1.2vw;
    color: white;
    width: 56%;
    float: left;
    margin-left: 1vw;
}
.mc1a{
    margin-left: 14.8vw !important;
}
/* altruista */
.altruista{
    width: 100%;
    height: 57.5vw;
    background-color: white;
}
.renglonextra{
    width: 100%;
    height: 2vw;
}
.renglonmodelo{
    font-family: proximabold;
    font-size: 1.5vw;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4.2vw;
    color: rgb(156, 68, 225);
}
.rengloncomo{
    width: 100%;
    height: auto;
    font-family: comfy;
    font-size: 3vw;
    text-align: center;
    margin-top: .5vw;
    color: rgb(28, 121, 187);
}
.slidealtru{
    width: 69%;
    height: 34vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2.5vw;
   overflow: hidden;

}
.largoaltru{
    width: 200%;
    height: 34vw;
     display: flex;
     justify-items: flex-start;
}
.fichaaltru{
    width: 15.5%;
    height: 33.9vw;
    border: solid 1px gray;
    border-radius: .7vw;
    background-color: white;
}
.separado{
    width: 1.6%;
    height: 34vw;
}
.fotoficha{
width: 100%;
height: auto;
}
.tituficha{
width: 100%;
height: 3vw;
font-family: proximabold;
font-size: 1.4vw;
color: rgb(63, 176, 200);
text-align: center;
margin-top: 1.65vw;
padding-left: 0%;

}
.textficha{
    width: 80%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    font-family: hel;
    font-size: .8vw;
    margin-top: 1vw;
    text-align: justify;
    line-height: 1.1vw;
}
.renglonbotones{
    width: 100%;
    height: 6vw;
    display: flex;
    justify-content: center;
    align-items: center;
}
.botonizq{
    width: 3%;
    height: auto;
    float: left;
    cursor: pointer;
}
.botonder{
    width: 3%;
    height: auto;
    float: left;
    margin-left: 1vw;
    cursor: pointer;
}
/* termina altruista */
/* jornadas */
.jornadas{
    background-color: rgb(247, 245, 241);
    width: 100%;
    height: 69.5vw;
}
.ajustes{ width: 50%; font-family: proximareg;
font-size: .8vw;
 margin-left: 16vw;
} 
.contendorjorba{
    width: 100%;
    height: auto;
}
.contendorjorba2{
    width: 100%;
    height: auto;
    margin-top: 3vw;
}
.renglontit{
    width: 100%;
    height: auto;
    font-family: proximabold;
    font-size: 1.3vw;
    color: rgb(192, 140, 190);
    padding-left: 15.9vw;
    margin-top: 2.5vw;
    letter-spacing: .14vw;
}
.subtit{
    font-family: comfy;
    font-size: 3vw;
    color: rgb(28, 121, 187);
    width: 100%;
    height: auto;
    padding-left: 15.9vw;
    margin-top: .5vw;
}
.botjorizq{
    width: 3.5vw;
    height: 20.3vw;
    margin-top: 2.3vw;
    display: flex;
    align-items: center;
    margin-left: 12vw;
    margin-right: .5vw;
    float: left;
    cursor: pointer;
}
.slideproximas{
    width: 67.6%;
    height: 20.3vw;
    float: left;
    margin-top: 2.3vw;
    overflow: hidden;
}
.slidemaxprox{
    width: 200%;
    height: 20.3vw;
    display: flex;
    flex-direction: row;
}
.cuadroprox{
    width: 24.5%;
    height: 20vw;
    position: relative;
}
.titujorna{
    font-family: comfy;
    font-size: 1.7vw;
    color: white;
    position: absolute;
    top: 4vw;
    left: 3.5vw;
    z-index: 3;
    width: 68%;
    height: auto;
    line-height: 1.95vw;
}
.adicionales{
    position: absolute;
    top: 6vw;
    left: 3.5vw;
    font-family: hel;
    color: white;
    font-size: 1vw;
    z-index: 3;
}
.fechajorna{
    width: 50%;
    height: auto;
    font-family: hel;
    font-size: 1.1vw;
    color: rgb(192, 140, 190);
    position: absolute;
    top: 8.7vw;
    left: 3.7vw;
    z-index: 3;
}
.lugarjorna{
     width: 50%;
    height: auto;
    font-family: hel;
    font-size: 1.1vw;
    color: rgb(192, 140, 190);
    position: absolute;
    top: 13vw;
    left: 3.7vw;
    z-index: 3;
}
.fotojorna{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.profun{
    position: absolute;
    z-index: 4 !important;
}
.marg{
    top: 13.5vw;
    left: 2.5vw;
    font-size: 1.4vw !important;
}
.separador2{
    width: 1.38vw;
    height: 20.3vw;
}
.botjorder{
     width: 3.5vw;
    height: 20.3vw;
    margin-top: 2.3vw;
    display: flex;
    align-items: center;
    margin-left: .5vw;
    float: left;
    cursor: pointer;
}
/* termina jornadas */
/* CONSEJO Y ESTRUCTURA*/
.consejoyestructura{
    width: 100%;
    height: 46vw ;
    background-color: white;
}
.renglontit2{
    width: 100%;
    height: auto;
    font-family: proximabold;
    font-size: 1.3vw;
    color: rgb(192, 140, 190);
    margin-top: 2vw;
    letter-spacing: .14vw;
    text-align: center;
}
.descripcionestructura{
    width: 47%;
    height: auto;
    font-family: hel;
    font-size: 1.2vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: .4vw;
    text-align: center;
}
.m16{
     margin-left: 16vw;
}
.mc1{
    margin-left: 1.6vw;
}
.cuadroconsejo{
    background-color: #d9e7ec;
    width: 15.8vw;
    height: 23vw;
    border-radius: .5vw;
    margin-top: 1.4vw;
    text-align: center;
    float: left;
}
.iconconse{
    width: 32%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1.8vw;
}
.titconsejo{
    font-family: helbold;
    font-size: 1.2vw;
    margin-top: 2.9vw;
}
.descripconsejo{
    font-family: hel;
    font-size: .9vw;
    padding-left: 1.5vw;
    padding-right: 1vw;
    margin-top: 1.5vw;
    line-height: 1.25vw;
    text-align: justify;
    width: 80%;
}
/* TERMINA CONSEJO Y ESTRUCTURA */
/* casos y resultados */
.casosyresultados{
    width: 100%;
    height: 40.5vw;
}
.barranegra{
    width: 100%;
    height: 15.4vw;
    background-color: black;
}
.titucasos{
    font-family: proximabold;
    font-size: 1.53vw;
    color: rgb(192, 140, 190);
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: .4vw;
}
.subtitcasos{
    font-family: comfy;
    font-size: 3vw;
    color: white;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 1vw;
    margin-left: .5vw;
}
.tercercasos{
    font-family: hel;
    color: white;
    font-size: 1.3vw;
    width: 60%;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}
.carretefotos{
    width: 100%;
    height: 25vw;
    display: flex;
    justify-content: flex-start;
}
.fotocasos{
    width: 25%;
    height: auto;
    position: relative;
}
.fotobase{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.titfotcas{
    font-family: comfy;
    color: white;
    font-size: 1.7vw;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 3;
    top: 16vw;
    text-align: center;
}
.lugarcasos{
    font-family: proximareg;
    font-size: 1vw;
     color: rgb(192, 140, 190);
     width: 100%;
     height: auto;
     position: absolute;
     top: 18vw;
     z-index: 3;
     text-align: center;
}
.botonver{
    background-color: rgb(63, 176, 200);
    color: white;
    width: 30%;
    height: auto;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: .5vw;
    padding-bottom: .5vw;
    position: absolute;
    top: 20.5vw;
    left: 7.5vw;
    z-index: 3;
    text-align: center;
    font-family: proximabold;
    font-size: 1vw;
    border-radius: 2vw;
    cursor: pointer;
}
/* termina casos y resultados */
/* opiniones */
.opiniones{
    width: 100%;
    height: 67.5vw;
    background-color: rgb(255, 255, 255);
}
.ladoizqopiniones{
    width: 20%;
    height: 37.5vw;
    margin-left: 15.7vw;
    float: left;
}
.tituopiniones{
    font-family: proximabold;
    font-size: 1.3vw;
       color: rgb(192, 140, 190);
       text-align: left;
    margin-top: 6vw;
    letter-spacing: .14vw;
}
.supertitopiniones{
    font-family: comfy;
    font-size: 3vw;
    color: rgb(63, 176, 200);

}
.supertitopinionesmovil{
    display: none;
}
.masteropinion{
    font-family: hel;
    font-size: 1.2vw;
    margin-top: 2vw;
}
.botonopinionesizq{
    width: 15.5%;
    height: auto;
    float: left;
    margin-top: 3vw;
    cursor: pointer;
}
.botonopinionder{
     width: 15.5%;
    height: auto;
    float: left;
    margin-top: 3vw;
    margin-left: 2vw;
    cursor: pointer;
}
.ladoderopiniones{
    float: left;
    width: 48%;
    height: 62.5vw;
    margin-left: 2vw;
    overflow: hidden;
}
.slidegrandeopiniones{
    width: 200%;
    height: 62.5vw;
    display: flex;
    justify-content: flex-start;
}
.cuadroopiones{
   width: 25%;
   height: 60vw;

}
.fotoopin{
    width: 90%;
    height: 50vw;
    margin-left: 5.2%;
    margin-top: 9vw;
    position: relative;
    box-shadow: 0px 0px 12px gray;
}
.fottt{
    width: 39%;
    height: auto;
    position: absolute;
    top: -2.8vw;
    left: 2.8vw;
}
.opinion{
    width: 80%;
    height: auto;
    position: absolute;
    top: 7.5vw;
    left: 2.3vw;
    font-family: hel;
    font-size: .58vw;
    text-align: justify;
}
.nombreopinion{
    font-family: proximabold;
    font-size: 1.2vw;
    position: absolute;
    top: 43.7vw;
    left: 2.8vw;
}
.lugaropinion{
    font-family: proximareg;
    font-size: 1.1vw;
    position: absolute;
    top: 45vw;
    left: 2.8vw;
}
/* termina opiniones */
/* empieza barra rosa */
.barrarosa{
    width: 100%;
    height: 6.4vw;
    background-color: rgb(233, 124, 229);
    display: flex;
    justify-content: center;
    align-items: center;
}
.logosredes{
    width: 23%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.btnred{
    width: 100%;
    height: auto;
}
/* termina barra rosa */
/* footer */
.footer{
    background-color: rgb(63, 176, 200);
    width: 100%;
    height: 17vw;
}
.fot1{
    width: 14%;
    height: 17vw;
    float: left;
    margin-left: 25%;
    display: flex;
    align-items: center;

}
.fot2{
    width: 14%;
    height: 14vw;
    float: left;
    margin-left: 13.5%;
    padding-top: 3vw;
}
.opft{
    text-decoration: none;
    color: white;
}
.titfot1{
    font-family: helbold;
    color: white;
    font-size: 1.3vw;
    margin-bottom: .8vw;
}
.text1fot{
    color: white;
    font-family: proximabold;
    font-size: 1.1vw;

}
.fot3{
    width: 20%;
    height: auto;
    float: left;
    color: white;
    
}
.text2fot{
    font-family: helbold;
    font-size: 1.3vw;
    margin-top: 3vw;
    margin-left: 3.2vw;
}
.direccionfot{
    font-family: helbold;
    font-size: 1.1vw;
    margin-left: 3vw;
    margin-top: .7vw;
}
/* termina footer */
}

/* MOVIL/////////////////////////////////////////////////// */

@media screen  and (max-width: 1079px) {
    

/* barra de menu */
.barramenu{
    display: none;
}
.cuerpocompleto{overflow-x: hidden;}
body{overflow-x: hidden;}
.barramovil{
    width: 99%;
    height: 17vw;
    background-color: white;
}
.logomovil{
    width: 33%;
    height: auto;
    margin-left: 8vw;
    padding-top: 1.5vw;
    float: left;
}
.hamburguesa{
    width: 17%;
    height: 17vw;
    float: right;
    margin-left: 38.5%;
}
.barris{
    width: 100%;
    height: auto;
}
.barra {
  width: 30px;
  height: 3px;
  background-color: rgb(255, 255, 255);
  margin: 6px 0;
  transition: 0.4s;
}
.logo{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 2;
    width: 30%;
    height: auto;
}
.menuprincipal{
    background-color: white;
    width: 86.3%;
    height: 6vw;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    display: flex;
    align-items: center;
    margin-left: 13.8%;
    padding-left: 20%;
}
.opcionmenu{
    font-family: proximabold;
    color: black;
    text-decoration: none;
    font-size: .86vw;
    margin-right: 1.2vw;
}
.opcionmenu:hover{
    text-decoration: none;
    color: rgb(0, 188, 205);
  
}
.botonunete{
    background-color: rgb(63,176, 200);
    color: white;
    font-family: proximabold;
    font-size: .9vw;
    text-decoration: none;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: .9vw;
    padding-top: .9vw;
    margin-left: .5vw;
    border-radius: 2vw;
}
.barragris{
    width: 100%;
    height: 13vw;
    background-color: gray;
    margin-top: 0px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.botonunete3{
    font-family: helbold;
    font-size: 3vw;
    color: white;
    background-color: rgb(63,176, 200);
    text-decoration: none;
    padding-left: 2vw;
    padding-right: 2vw;
    padding-bottom: 1.5vw;
    padding-top: 1.5vw;
    width: 30%;
    border-radius: 2vw;
    text-align: center;
}
/* slider */
.slideprincipal{
    width: 100%;
    height: 132vw;
    position: relative;
}
.selloconlogo{
    width: 85%;
    height: auto;
    position: absolute;
    left: 7.5%;
    top: 89.5vw;
    z-index: 3;
}
.slidegrande{
    width: 100%;
    height: 132vw;
    overflow: hidden;
}
.ventanaslide{
    width: 100%;
    height:auto;
    position: relative;
}
.titslide1{
    font-family: comfy;
    color: white;
    font-size: 5.6vw;
    position: absolute;
    top: 9.6vw;
    left: 20.5vw;
    z-index: 2;
}
.titslide2{
    color: rgb(201, 242, 105);
    font-family: comfy;
    font-size: 8.7vw;
    position: absolute;
    top: 16vw;
    left: 4vw;
    width: 88%;
    text-align: center;
    z-index: 3;
}
.titslide3{
    font-family: proximabold;
    font-size: 3vw;
    color: white;
    width: 80%;
    height: auto;
    position: absolute;
    top:38vw;
    left: 13vw;
    z-index: 2;
    text-align: center;
}
.fotoslidemovil{
     width: 100%;
    height: 49vw;
    position: absolute;
    top: 0vw;
    left: 0px;
    z-index: 1;
}
.fotoslide{
   display: none;
}
/* nosotros */
.nosotors{
    width: 100%;
    height: 107vw;
    background-color: white;
}
.titunosotros{
    font-family: proximabold;
    font-size: 2.6vw;
    color: rgb(192, 140, 190);
    width: 100%;
    height: auto;
    text-align: center;
    padding-top: 8vw;
}
.subtitunosotros{
    font-family: comfy;
    color: rgb(28, 121, 187);
    font-size: 5.4vw;
    width: 95%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.5vw;
    line-height: 4.5vw;
}
.ventanasdescnosotros{
    width: 203.1%;
    height: 61vw;
    margin-top: 6vw;
 
}
.ventananosotros{
    width: 27.5%;
    height: 58vw;
    box-shadow: 0px 0px 12px gray;
    text-align: center;
    float: left;
    margin-left: 22vw;
}
.imgnosotros{
    margin-top: 3vw;
    width: 30%;
    height: auto;
}
.titunos{
    font-family: comfy;
    font-size: 3vw;
    color: rgb(0, 77, 144);
    margin-top: 1vw;
}
.detallenos{
    font-family: hel;
    font-size: 3vw;
    width: 85%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 1vw;
    text-align:justify;
}
.juego{
    display: none;
}
.m1{
   
}
.m2{}
.botonesselect{
    width: 15%;
    height: auto;
    display: flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    margin-top: 2vw;
}
.btnselect{
    width: 20%;
    height: auto;
}

/*nuestra mision es */

.ventananuestra{
    background-color: rgb(247, 245, 241);
    width: 100%;
    height: 174vw;
}
.ladoizqmundo{
    width: 95%;
    height: 95vw;
    text-align: center;
    position: relative;
}
.titunuestra{
    font-family: comfy;
    font-size: 4.2vw;
    color: rgb(156, 68, 225);
    margin-top: 4.2vw;
    letter-spacing: .02vw;
    padding-top: 4vw;
}
.subtitumuestra{
    font-family: comfy;
    font-size: 6.2vw;
    color: rgb(156, 68, 225);
    margin-top: -.5vw;
    letter-spacing: .02vw;
}
.descripcionuno{
    font-family: hel;
    font-size: 1.9vw;
    margin-top: .5vw;
    width: 90%;
    text-align: justify;
    line-height: 3.5vw;
    margin-left: 7vw;
}
.cuaninter1{
    width: 38%;
    height: 13vw;
    margin-left: 7vw;
    margin-top: 4vw;
    float: left;
    margin-bottom: 2vw;
}
.titcuad{
    font-family: comfy;
    font-size: 4.3vw;
    color: rgb(156, 68, 225);
    margin-left: .45vw;
    letter-spacing: .05vw;
    text-align: left;
}
.descrpcionnuestra{
    font-family: hel;
    font-size: 1.9vw;
    margin-top: .65vw;
    letter-spacing: vw;
    text-align: justify;
}
.cuaninter2{
     width: 38%;
    height: 13vw;
    margin-left: 13vw;
    margin-top: 3.5vw;
    float: left;
}
.botonunete2{
    font-family: helbold;
    font-size: 3vw;
    color: white;
     background-color: rgb(63,176, 200);
     text-decoration: none;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    padding-top: 1vw;
    border-radius: 2vw;
    position: absolute;
    top: 85vw;
    left: 35vw;
}
.botonunete2:hover{
    font-family: helbold;
    font-size: 1.3vw;
    color: white;
     background-color: rgb(200, 161, 63);
     text-decoration: none;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-bottom: 1vw;
    padding-top: 1vw;
    margin-left: 15.5vw;
    border-radius: 2vw;
}
.ladodere{
    width: 95%;
    height: auto;
    padding-top: 0px;
    margin-left: 4vw;
}
.bolm{
    display: none;
}
.imgmov{
    width: 100%;
    height: auto;
}
/* contadores */
.contadores{
    width: 100%;
    height: 56.2vw;
    background-color: rgb(177, 204, 113);
}
.cuadcir{
    width: 42%;
    height: auto;
    display: flex;
    align-items: center;
    margin-left: 6vw;
    float: left;
    margin-top: 6.4vw;
}
.circulo{
    border: solid 3px white;
    width: 14vw;
    height: 14vw;
    border-radius: 50%;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: comfy;
    font-size: 6vw;
    color: white;
    float: left;
}
.textconta{
    font-family: comfy;
    font-size: 3vw;
    color: white;
    width: 56%;
    float: left;
    margin-left: 1vw;
}
.mc1a{
   margin-left: 6vw !important;
}
/* altruista */
.altruista{
    width: 100%;
    height: 141.5vw;
    background-color: white;
}
.renglonextra{
    width: 100%;
    height: 2vw;
}
.renglonmodelo{
    font-family: proximabold;
    font-size: 2.7vw;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 4.8vw;
    color: rgb(156, 68, 225);
}
.rengloncomo{
    width: 100%;
    height: auto;
    font-family: comfy;
    font-size: 5.6vw;
    text-align: center;
    margin-top: .5vw;
    color: rgb(28, 121, 187);
}
.slidealtru{
    width:60%;
    height: 97vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4.5vw;
   overflow: hidden;

}
.largoaltru{
    width: 795%;
    height: 34vw;
     display: flex;
     justify-items: flex-start;
}
.fichaaltru{
    width: 15.52%;
    height: 33.9vw;
    border: solid 1px gray;
    border-radius: .7vw;
    background-color: white;
}
.separado{
    width: 1.6%;
    height: 34vw;
}
.fotoficha{
width: 81%;
height: auto;
}
.tituficha{
width: 60%;
height: 3vw;
font-family: proximabold;
font-size: 4vw;
color: rgb(63, 176, 200);
text-align: left;
margin-top: 6.65vw;
margin-left: 5.3vw;

}
.textficha{
    width: 60%;
    height: auto;
    margin-left: 5.3vw;
    font-family: hel;
    font-size: 2.3vw;
    margin-top: 10vw;
    text-align: justify ;
}
.renglonbotones{
    width: 100%;
    height: 6vw;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 4vw;
}
.botonizq{
    width:9%;
    height: auto;
    float: left;
    cursor: pointer;
}
.botonder{
    width: 9%;
    height: auto;
    float: left;
    margin-left: 1vw;
}
/* termina altruista */
/* jornadas */
.jornadas{
    background-color: rgb(247, 245, 241);
    width: 100%;
    height: 125.5vw;
}

.contendorjorba{
    width: 100%;
    height: auto;
}
.contendorjorba2{
    width: 100%;
    height: auto;
    margin-top: 6vw;
}
.renglontit{
    width: 100%;
    height: auto;
    font-family: proximabold;
    font-size: 2.6vw;
    color: rgb(192, 140, 190);
    text-align: center;
    margin-top: 7vw;
    letter-spacing: .14vw;
}
.subtit{
    width: 100%;
    height: auto;
    font-family: comfy;
    font-size: 5.4vw;
    color: rgb(28, 121, 187);
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: .5vw;
}
.botjorizq{
    width: 9vw;
    height: 36.3vw;
    margin-top: 4.3vw;
    display: flex;
    align-items: center;
    margin-left: 8.5vw;
    float: left;
    margin-right: 3vw;
    cursor: pointer;
}
.slideproximas{
    width: 58.2%;
    height: 36.3vw;
    float: left;
    margin-top: 4.3vw;
    overflow: hidden;

}
.slidemaxprox{
    width: 200%;
    height: 36.3vw;
    display: flex;
    flex-direction: row;
}
.cuadroprox{
    width: 50%;
    height: 36vw;
    position: relative;
}
.titujorna{
    font-family: comfy;
    font-size: 3.7vw;
    color: white;
    position: absolute;
    top: 4.3vw;
    left: 5.5vw;
    z-index: 3;
    width: 80%;
    height: auto;
    line-height: 3.95vw;
}
.adicionales{
    position: absolute;
    top: 9vw;
    left: 5.5vw;
    font-family: hel;
    color: white;
    font-size: 2vw;
    z-index: 3;
}
.fechajorna{
    width: 50%;
    height: auto;
    font-family: hel;
    font-size: 2.8vw;
    color: rgb(192, 140, 190);
    position: absolute;
    top: 14.7vw;
    left: 6.7vw;
    z-index: 3;
}
.lugarjorna{
     width: 50%;
    height: auto;
    font-family: hel;
    font-size: 2.8vw;
    color: rgb(192, 140, 190);
    position: absolute;
    top: 18vw;
    left: 6.7vw;
    z-index: 3;
}
.fotojorna{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.profun{
    position: absolute;
    z-index: 4 !important;
}
.marg{
    top: 25.5vw;
    left: 9vw;
    font-size: 1.4vw !important;
    transform: scale(160%);
}
.separador2{
    width: 1.38vw;
    height: 20.3vw;
}
.botjorder{
     width: 9.5vw;
    height: 36.3vw;
    margin-top: 4.3vw;
    display: flex;
    align-items: center;
    margin-left: 3.5vw;
    float: left;
    cursor: pointer;
}
.ajustes{ width: 50%; font-family: proximareg;
font-size: 1vw;
 margin-left: auto;
 margin-right: auto;
 text-align: center;
} 
/* termina jornadas */
/* CONSEJO Y ESTRUCTURA*/
.consejoyestructura{
    width: 100%;
    height: 160vw ;
    background-color: white;
}
.renglontit2{
    width: 100%;
    height: auto;
    font-family: proximabold;
    font-size: 2.3vw;
    color: rgb(192, 140, 190);
    margin-top: 7vw;
    letter-spacing: .14vw;
    text-align: center;
}
.descripcionestructura{
    width: 85%;
    height: auto;
    font-family: hel;
    font-size: 3vw;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vw;
    text-align: center;
}
.m16{
     margin-left: 13vw;
}
.mc1{
    margin-left: 1.6vw;
}
.cuadroconsejo{
    background-color: #d9e7ec;
    width: 34.5vw;
    height: 50.5vw;
    border-radius: .5vw;
    margin-top: 6vw;
    text-align: center;
    float: left;
}
.iconconse{
    width: 32%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3.8vw;
}
.titconsejo{
    font-family: helbold;
    font-size: 2.5vw;
    margin-top: 5.9vw;
}
.descripconsejo{
    font-family: hel;
    font-size: 2.3vw;
    padding-left: 4vw;
    padding-right: 1vw;
    margin-top: 3.5vw;
    line-height: 2.5vw;
    width: 78%;
    text-align: justify;
    
}
.mm1{ margin-left: 13vw !important;}
/* TERMINA CONSEJO Y ESTRUCTURA */
/* casos y resultados */
.casosyresultados{
    width: 100%;
    height: 40.5vw;
    overflow: hidden;
}
.barranegra{
    width: 100%;
    height: 40.4vw;
    background-color: black;
}
.titucasos{
    font-family: proximabold;
    font-size: 2.53vw;
    color: rgb(192, 140, 190);
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 5.4vw;
}
.subtitcasos{
    font-family: comfy;
    font-size: 5vw;
    color: white;
    width: 100%;
    height: auto;
    text-align: center;
    margin-top: 1vw;
    margin-left: .5vw;
}
.tercercasos{
    font-family: hel;
    color: white;
    font-size: 3vw;
    width: 80%;
    height: auto;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 3vw;
}
.carretefotos{
    width: 400%;
    height: 99.5vw;
    display: flex;
    justify-content: flex-start;
}
.fotocasos{
    width: 25%;
    height: auto;
    position: relative;
}
.fotobase{
    width: 100%;
    height: auto;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
.titfotcas{
    font-family: comfy;
    color: white;
    font-size: 7vw;
    width: 100%;
    height: auto;
    position: absolute;
    z-index: 3;
    top: 64vw;
    text-align: center;
}
.lugarcasos{
    font-family: proximareg;
    font-size: 5vw;
     color: rgb(192, 140, 190);
     width: 100%;
     height: auto;
     position: absolute;
     top: 72vw;
     z-index: 3;
     text-align: center;
}
.botonver{
    background-color: rgb(63, 176, 200);
    color: white;
    width: 10%;
    height: auto;
    padding-left: 1vw;
    padding-right: 1vw;
    padding-top: .5vw;
    padding-bottom: .5vw;
    position: absolute;
    top: 85.5vw;
    left: 43.5vw;
    z-index: 3;
    text-align: center;
    font-family: proximabold;
    font-size: 1vw;
    border-radius: 2vw;
    transform: scale(350%);
    cursor: pointer;
}
/* termina casos y resultados */
/* opiniones */
.opiniones{
    width: 100%;
    height: 188vw;
    background-color: rgb(255, 255, 255);
    text-align: justify;
}
.ladoizqopiniones{
    width: 100%;
    height: 33.5vw;
    margin-left: 0vw;
    text-align: center;

}
.tituopiniones{
    font-family: proximabold;
    font-size: 2.5vw;
       color: rgb(192, 140, 190);
    margin-top: 8vw;
    letter-spacing: .14vw;
}
.supertitopiniones{
    display: none;

}
.supertitopinionesmovil{
    font-family: comfy;
    font-size: 5.5vw;
    color: rgb(63, 176, 200);
    margin:.9vw
}
.masteropinion{
    font-family: hel;
    font-size: 2.8vw;
    margin-top: 2vw;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 4vw;
}
.botonopinionesizq{
    display: none;
}
.botonopinionder{
    display: none;
}
.botonopinionesizqmovil{
    width: 5.5%;
    height: auto;
    float: left;
    margin-top: 1vw;
    margin-left: 43vw;
    cursor: pointer;
}
.botonopiniondermovil{
     width: 5.5%;
    height: auto;
    float: left;
    margin-top: 1vw;
    margin-left: 2vw;
    cursor: pointer;
}
.ladoderopiniones{
    width: 80%;
    height: 148.5vw;
    margin-left: 9vw;
    overflow: hidden;
}
.slidegrandeopiniones{
    width: 200%;
    height: 138.5vw;
    display: flex;
    justify-content: flex-start;
}
.cuadroopiones{
   width: 25%;
   height: 138;

}
.fotoopin{
    width: 90%;
    height: 138vw;
    margin-left: 5.2%;
    margin-top: 10vw;
    position: relative;
    box-shadow: 0px 0px 12px gray;
}
.fottt{
    width: 39%;
    height: auto;
    position: absolute;
    top: -4.8vw;
    left: 4.8vw;
}
.opinion{
    width: 80%;
    height: auto;
    position: absolute;
    top: 16vw;
    left: 2.3vw;
    font-family: hel;
    font-size: 1.25vw;
}
.nombreopinion{
    font-family: proximabold;
    font-size: 2.4vw;
    position: absolute;
    top: 125.2vw;
    left: 2.8vw;
}
.lugaropinion{
    font-family: proximareg;
    font-size: 2.1vw;
    position: absolute;
    top: 127vw;
    left: 2.8vw;
}
/* termina opiniones */
/* empieza barra rosa */
.barrarosa{
    width: 100%;
    height: 9.4vw;
    background-color: rgb(233, 124, 229);
    display: flex;
    justify-content: center;
    align-items: center;
}
.logosredes{
    width:  70%;
    height: auto;
    display: flex;
    justify-content: space-between;
}
.btnred{
    width: 60%;
    height: auto;
}
/* termina barra rosa */
/* footer */
.footer{
    background-color: rgb(63, 176, 200);
    width: 100%;
    height: 67vw;
}
.fot1{
    width: 35%;
    height: 47vw;
    float: left;
    margin-left: 10%;
    display: flex;
    align-items: center;

}
.fot2{
    display: none;
}
.opft{
    text-decoration: none;
    color: white;
}
.titfot1{
    font-family: helbold;
    color: white;
    font-size: 1.3vw;
    margin-bottom: .8vw;
}
.text1fot{
    color: white;
    font-family: proximabold;
    font-size: 1.1vw;

}
.fot3{
    width: 40%;
    height: auto;
    float: left;
    color: white;
    padding-top: 8vw;
    padding-left: 12vw;
}
.text2fot{
    font-family: helbold;
    font-size: 3.3vw;
    margin-top: 3vw;
    margin-left: 3.2vw;
}
.direccionfot{
    font-family: helbold;
    font-size: 2.5vw;
    margin-left: 3vw;
    margin-top: .7vw;
}
/* termina footer */
}