.movil {
    background-color: #ffffff;
    display: block;
    flex-direction: row;
    justify-content: center;
    width: 100%;
}

.movil .div {
    background-color: #ffffff;
    overflow-x: clip;
    width: 320px;
    height: 5700px;
    position: absolute;
    transform: scale(1.25);
    top:975px
}


.group-157 {
    position: absolute;
    top: 640px;
    left: 90px;
}
.rectangle-192 {
    background: linear-gradient(
            179.61deg,
            rgba(235, 235, 235, 1) 0%,
            rgba(231, 231, 231, 1) 100%
    );
    border-radius: 7.6px;
    width: 268.57px;
    height: 299.98px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: 0.51px 2.03px 2.03px 0px rgba(0, 0, 0, 0.25);
}
.los-maestros-son-muy-buenos-me-ayudaron-mucho-a-comprender-los-temas {
    color: #000000;
    text-align: center;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    left: 38px;
    top: 230px;
    width: 189px;
    height: 45px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gael-balam-admitido-en-primer-lugar-a-m-dico-cirujano {
    text-align: center;
    font-family: "-", sans-serif;
    font-size: 15.201817512512207px;
    font-weight: 400;
    position: absolute;
    left: 26.35px;
    top: 156.07px;
    width: 211.81px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.gael-balam-admitido-en-primer-lugar-a-m-dico-cirujano-span {
    color: #571c56;
    font-family: "Montserrat-SemiBold", sans-serif;
    font-size: 15.201817512512207px;
    font-weight: 600;
}
.gael-balam-admitido-en-primer-lugar-a-m-dico-cirujano-span2 {
    color: #313131;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 15.201817512512207px;
    font-weight: 300;
}
.group-213 {
    width: 119.59px;
    height: 105.4px;
    position: absolute;
    left: 71.45px;
    top: 22.8px;
    overflow: visible;
}


.group-159 {
    position: absolute;
    top: 320px;
    left: 90px;
}
.rectangle-193 {
    background: linear-gradient(
            179.61deg,
            rgba(235, 235, 235, 1) 0%,
            rgba(231, 231, 231, 1) 100%
    );
    border-radius: 7.64px;
    width: 270px;
    height: 301.58px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: 0.51px 2.04px 2.04px 0px rgba(0, 0, 0, 0.25);
}
.me-ayudaron-mucho-los-simuladores-el-examen-real-fue-m-s-f-cil {
    color: #000000;
    text-align: center;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    left: 28.02px;
    top: 219.06px;
    width: 221.6px;
    height: 56.55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.janeth-buenfil-admitida-a-prepa-2-uady-puntaje-de-1285 {
    text-align: center;
    font-family: "-", sans-serif;
    font-size: 15.28302001953125px;
    font-weight: 400;
    position: absolute;
    left: 22.41px;
    top: 150.79px;
    width: 226.19px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.janeth-buenfil-admitida-a-prepa-2-uady-puntaje-de-1285-span {
    color: #571c56;
    font-family: "Montserrat-SemiBold", sans-serif;
    font-size: 15.28302001953125px;
    font-weight: 600;
}
.janeth-buenfil-admitida-a-prepa-2-uady-puntaje-de-1285-span2 {
    color: #313131;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 15.28302001953125px;
    font-weight: 300;
}
.group-214 {
    width: 120.23px;
    height: 109.02px;
    position: absolute;
    left: 74.38px;
    top: 17.32px;
    overflow: visible;
}








.group-158{
    position: absolute;
    top:0px;
    left:90px;
}
.rectangle-194 {
    background: linear-gradient(
            179.61deg,
            rgba(235, 235, 235, 1) 0%,
            rgba(231, 231, 231, 1) 100%
    );
    border-radius: 7.64px;
    width: 270px;
    height: 301.58px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: 0.51px 2.04px 2.04px 0px rgba(0, 0, 0, 0.25);
}
.lo-que-m-s-ayud-fue-que-los-maestros-estuvieron-ah-siempre {
    color: #000000;
    text-align: center;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 12px;
    font-weight: 300;
    position: absolute;
    left: 47px;
    top: 220px;
    width: 181.87px;
    height: 56.55px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.valentina-mar-n-admitida-a-prepa-1-uady-puntaje-de-1194 {
    text-align: center;
    font-family: "-", sans-serif;
    font-size: 15.283020973205566px;
    font-weight: 400;
    position: absolute;
    left: 19.87px;
    top: 151.81px;
    width: 239.43px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.valentina-mar-n-admitida-a-prepa-1-uady-puntaje-de-1194-span {
    color: #571c56;
    font-family: "Montserrat-SemiBold", sans-serif;
    font-size: 15.283020973205566px;
    font-weight: 600;
}
.valentina-mar-n-admitida-a-prepa-1-uady-puntaje-de-1194-span2 {
    color: #313131;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 15.283020973205566px;
    font-weight: 300;
}
.group-215 {
    width: 120.23px;
    height: 106.98px;
    position: absolute;
    left: 79.47px;
    top: 17.32px;
    overflow: visible;
}




.group-156 {
    position: absolute;
    top:960px;
    left:90px;
}
.rectangle-189 {
    background: linear-gradient(
            179.61deg,
            rgba(235, 235, 235, 1) 0%,
            rgba(231, 231, 231, 1) 100%
    );
    border-radius: 7.42px;
    width: 262px;
    height: 292.65px;
    position: absolute;
    left: 0px;
    top: 0px;
    box-shadow: 0.49px 1.98px 1.98px 0px rgba(0, 0, 0, 0.25);
}
.en-los-cursos-te-proporcionan-los-temas-m-s-espec-ficos-de-acuerdo-a-lo-que-dice-el-temario {
    color: #000000;
    text-align: center;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 11.658217430114746px;
    font-weight: 300;
    position: absolute;
    left: 31.64px;
    top: 218.5px;
    width: 198.23px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.michelle-monroy-admitida-en-primer-lugar-a-cirujano-dentista {
    text-align: center;
    font-family: "-", sans-serif;
    font-size: 14.830187797546387px;
    font-weight: 400;
    position: absolute;
    left: 16.81px;
    top: 149.78px;
    width: 227.89px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.michelle-monroy-admitida-en-primer-lugar-a-cirujano-dentista-span {
    color: #571c56;
    font-family: "Montserrat-SemiBold", sans-serif;
    font-size: 14.830187797546387px;
    font-weight: 600;
}
.michelle-monroy-admitida-en-primer-lugar-a-cirujano-dentista-span2 {
    color: #313131;
    font-family: "Montserrat-Light", sans-serif;
    font-size: 14.830187797546387px;
    font-weight: 300;
}
.group-212 {
    width: 116.66px;
    height: 103.32px;
    position: absolute;
    left: 73.16px;
    top: 23.23px;
    overflow: visible;
}

.movil .BN-TESTIMONIALES-MOVIL {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    /* padding: 22px 62px; */
    position: absolute;
    top: 1290px;
    left: 145px;
    background-color: #571c56;
    border-radius: 20px;
    overflow: hidden;
    width: 150px;
    height: 40px;
}
.movil .text-wrapper-28-movil {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 11px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.movil .logo-acostado {
    position: absolute;
    width: 119px;
    height: 16px;
    top: 31px;
    left: 93px;
}

.movil .BOTON-OPCIONES {
    position: absolute;
    width: 20px;
    height: 15px;
    top: 33px;
    left: 344px;
}

.movil .vector {
    position: absolute;
    width: 359px;
    height: 1px;
    top: 66px;
    left: 48px;
    object-fit: cover;
}

.movil .group {
    position: absolute;
    width: 369px;
    height: 375px;
    top: 235px;
    left: 15px;
}

.movil .overlap-group {
    position: relative;
    width: 385px;
    height: 395px;
    top: -20px;
    transform: scale(.8);
    left: -10%;
}
.movil .incluye-container{
    left: -13%;
    position: absolute;
    transform: scale(.88);
    top: 1%;
}

.movil .patron-estrellas {
    position: absolute;
    width: 169px;
    height: 163px;
    top: 163px;
    left: 192px;
    /*background-image: url(https://misionadmision-informacion.s3.us-west-2.amazonaws.com/sitio-exani-nuevo-2024/imgMovil/group-7.png);*/
    background-size: 100% 100%;
}

.movil .img {
    position: absolute;
    width: 269px;
    height: 269px;
    top: 0;
    left: 116px;
}

.movil .estrella-destello {
    position: absolute;
    width: 169px;
    height: 30px;
    top: 70px;
    left: 152px;
    filter: brightness(0) invert(1);
}

.movil .MOCKUP-INTENTO-MIL {
    position: absolute;
    width: 369px;
    height: 369px;
    top: 26px;
    left: 0;
    object-fit: cover;
}

.movil .tu-admisi-n-es {
    position: absolute;
    top: 642px;
    left: 76px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #535353;
    font-size: 9px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.movil .vector-2 {
    position: absolute;
    width: 25px;
    height: 2px;
    top: 650px;
    left: 40px;
}

.movil .vector-3 {
    position: absolute;
    width: 20px;
    height: 2px;
    top: 650px;
    left: 264px;
}

.movil .CURSO-EXANI-II {
    position: absolute;
    width: 272px;
    top: 98px;
    left: 7%;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #313131;
    font-size: 32px;
    line-height: normal;
    transform: scale(.8);
}

.movil .text-wrapper {
    font-weight: 700;
    letter-spacing: 0;
}

.movil .span {
    font-weight: 300;
    font-size: 18px;
    letter-spacing: 1.5px;
    position: absolute;
    top: 90%;
    left: 2%;
}

.movil .nuestro-curso-EXANI {
    position: absolute;
    width: 229px;
    top: 163px;
    left: 93px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #313131;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-2 {
    font-weight: 700;
    position: absolute;
    left: -18%;
    top: 10px;
}

.movil .text-wrapper-3 {
    font-weight: 300;
    left: -34%;
    position: absolute;
    top: 45px;
}
.movil .qu-incluye {
    position: absolute;
    top: 741px;
    left: 95px;
    font-family: "Montserrat", Helvetica;
    font-weight: 800;
    color: #313131;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;

}

.movil .overlap {
    position: absolute;
    width: 145px;
    height: 153px;
    top: 956px;
    left: 78px;
    border-radius: 6px;
    border: 1px solid;
    border-color: #571c561a;
    box-shadow: 0px 4px 5px #00000040;
}

.movil .acceso-a-la {
    position: absolute;
    width: 121px;
    top: 54px;
    left: 11px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-2 {
    position: absolute;
    width: 46px;
    height: 37px;
    top: 11px;
    left: 5px;
}

.movil .overlap-wrapper {
    position: absolute;
    width: 37px;
    height: 35px;
    top: 2px;
    left: 0;
}

.movil .overlap-3 {
    position: relative;
    height: 35px;
}

.movil .ellipse {
    width: 34px;
    height: 35px;
    left: 0;
    background-color: #571c56;
    border-radius: 16.8px/17.52px;
    position: absolute;
    top: 0;
}

.movil .ellipse-2 {
    width: 35px;
    height: 35px;
    left: 2px;
    border-radius: 17.28px;
    background: linear-gradient(180deg, rgb(180, 102, 227) 0%, rgb(105, 179, 136) 100%);
    position: absolute;
    top: 0;
}

.movil .lap {
    position: absolute;
    width: 39px;
    height: 37px;
    top: 0;
    left: 7px;
}

.movil .frame {
    display: flex;
    width: 82px;
    height: 20px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 7px 23px;
    position: absolute;
    top: 121px;
    left: 11px;
    background-color: #571c56;
    border-radius: 8px;
    overflow: hidden;
}

.movil .text-wrapper-4 {
    position: relative;
    width: fit-content;
    margin-top: 0px;
    margin-left: -9px;
    margin-right: -9px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-4 {
    position: absolute;
    width: 162px;
    height: 164px;
    top: 945px;
    left: 233px;
}

.movil .rectangle {
    position: absolute;
    width: 162px;
    height: 152px;
    top: 12px;
    left: 0;
    border-radius: 6px;
    border: 1px solid;
    border-color: #571c561a;
    box-shadow: 0px 4px 5px #00000040;
}

.movil .p {
    width: 126px;
    top: 67px;
    left: 13px;
    font-weight: 300;
    font-size: 10px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    color: #000000;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-group-wrapper {
    position: absolute;
    width: 39px;
    height: 37px;
    top: 22px;
    left: 8px;
}

.movil .overlap-5 {
    position: relative;
    height: 37px;
}

.movil .ellipse-3 {
    position: absolute;
    width: 35px;
    height: 37px;
    top: 0;
    left: 0;
    background-color: #571c56;
    border-radius: 17.74px/18.5px;
}

.movil .ellipse-4 {
    position: absolute;
    width: 36px;
    height: 36px;
    top: 0;
    left: 3px;
    border-radius: 18.25px;
    background: linear-gradient(180deg, rgb(180, 102, 227) 0%, rgb(105, 179, 136) 100%);
}

.movil .text-wrapper-5 {
    width: 41px;
    top: 0;
    left: 13px;
    -webkit-text-stroke: 1px #571c56;
    font-style: italic;
    color: transparent;
    font-size: 65px;
    text-align: center;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 800;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .overlap-6 {
    position: absolute;
    width: 146px;
    height: 154px;
    top: 783px;
    left: 77px;
    border-radius: 6px;
    border: 1px solid;
    border-color: #571c561a;
    box-shadow: 0px 4px 5px #00000040;
}

.movil .text-wrapper-6 {
    position: absolute;
    width: 122px;
    top: 59px;
    left: 11px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-7 {
    position: absolute;
    width: 43px;
    height: 35px;
    top: 13px;
    left: 10px;
}

.movil .div-wrapper {
    position: absolute;
    width: 36px;
    height: 35px;
    top: 0;
    left: 0;
}

.movil .ellipse-5 {
    width: 34px;
    height: 35px;
    left: 0;
    background-color: #571c56;
    border-radius: 16.91px/17.64px;
    position: absolute;
    top: 0;
}

.movil .ellipse-6 {
    width: 35px;
    height: 35px;
    left: 1px;
    border-radius: 17.4px;
    background: linear-gradient(180deg, rgb(180, 102, 227) 0%, rgb(105, 179, 136) 100%);
    position: absolute;
    top: 0;
}

.movil .clases {
    position: absolute;
    width: 33px;
    height: 33px;
    top: 1px;
    left: 10px;
}
.movil .frame-28 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    top: -1%;
    left: 25px;
}

.movil .frame-2 {
    display: flex;
    width: 81px;
    height: 20px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 7px 23px;
    position: absolute;
    top: 123px;
    left: 11px;
    background-color: #571c56;
    border-radius: 8px;
    overflow: hidden;
}
.movil .text-wrapper-73 {
    width: 50px;
    top: 70px;
    left: 42px;
    color: #571c56;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
    text-decoration: line-through;
}
.movil .text-wrapper-167 {
    width: 63px;
    top: 29px;
    left: 28px;
    font-weight: 600;
    color: #313131;
    font-size: 13px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-168 {
    width: 40px;
    top: 86px;
    left: 21px;
    color: #571c56;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
    text-decoration: line-through;
}
.movil .text-wrapper-119 {
    width: 111px;
    top: 56px;
    left: 17px;
    font-weight: 800;
    color: #571c56;
    font-size: 23px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-7 {
    position: relative;
    width: fit-content;
    margin-top: 0px;
    margin-left: -9.5px;
    margin-right: -9.5px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-8 {
    position: absolute;
    width: 162px;
    height: 153px;
    top: 784px;
    left: 233px;
    border-radius: 6px;
    border: 1px solid;
    border-color: #571c561a;
    box-shadow: 0px 4px 5px #00000040;
}

.movil .libros-sputnik-II {
    position: absolute;
    width: 111px;
    top: 53px;
    left: 13px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-9 {
    position: absolute;
    width: 41px;
    height: 35px;
    top: 8px;
    left: 6px;
}

.movil .ellipse-7 {
    width: 34px;
    height: 35px;
    left: 0;
    background-color: #571c56;
    border-radius: 16.91px/17.63px;
    position: absolute;
    top: 0;
}

.movil .ellipse-8 {
    width: 35px;
    height: 35px;
    left: 1px;
    border-radius: 17.39px;
    background: linear-gradient(180deg, rgb(180, 102, 227) 0%, rgb(105, 179, 136) 100%);
    position: absolute;
    top: 0;
}

.movil .group-2 {
    position: absolute;
    width: 33px;
    height: 34px;
    top: 2px;
    left: 8px;
}

.movil .frame-3 {
    display: flex;
    width: 82px;
    height: 20px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 7px 23px;
    position: absolute;
    top: 120px;
    left: 13px;
    background-color: #571c56;
    border-radius: 8px;
    overflow: hidden;
}

.movil .overlap-10 {
    position: absolute;
    width: 513px;
    height: 416px;
    top: 1157px;
    left: -11px;
}

.movil .plan-de-estudios {
    position: absolute;
    top: 284px;
    left: 47px;
    font-family: "Montserrat", Helvetica;
    font-weight: 700;
    color: #313131;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-11 {
    position: absolute;
    width: 513px;
    height: 416px;
    top: 0;
    left: 0;
}

.movil .group-3 {
    position: absolute;
    width: 295px;
    height: 92px;
    top: 325px;
    left: 95px;
}

.movil .rectangle-wrapper {
    position: relative;
    width: 298px;
    height: 126px;
    top: -9px;
    left: -75px;
    background-size: 100% 100%;
}

.movil .rectangle-2 {
    position: relative;
    width: 270px;
    height: 92px;
    top: 9px;
    left: 20px;
    border-radius: 15px;
    box-shadow: 5px 8px 17.2px #00000033;
    background: linear-gradient(180deg, rgb(36.11, 36.11, 36.11) 0%, rgb(229, 127, 214) 100%);
}

.movil .frame-4 {
    position: absolute;
    width: 13px;
    height: 73px;
    top: 333px;
    left: 180px;
}

.movil .text-wrapper-8 {
    position: absolute;
    width: 117px;
    top: 335px;
    left: 50px;
    font-family: "Montserrat", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 8px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .comprensi-n-lectora {
    position: absolute;
    width: 130px;
    top: 353px;
    left: 67px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #ffffff;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .m-dulo-m-dulo {
    position: absolute;
    width: 70px;
    top: 353px;
    left: 210px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #ffffff;
    font-size: 9px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-9 {
    position: absolute;
    width: 111px;
    top: 334px;
    left: 195px;
    font-family: "Montserrat", Helvetica;
    font-weight: 700;
    color: #ffffff;
    font-size: 8px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-10 {
    position: absolute;
    width: 105px;
    top: 402px;
    left: 200px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    font-style: italic;
    color: #ffffff;
    font-size: 5px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .group-4 {
    position: absolute;
    width: 513px;
    height: 242px;
    top: 0;
    left: 0;
}

.movil .overlap-12 {
    position: relative;
    width: 511px;
    height: 242px;
}

.movil .group-5 {
    position: absolute;
    width: 511px;
    height: 173px;
    top: 69px;
    left: 0;
}

.movil .overlap-group-2 {
    position: relative;
    width: 461px;
    height: 173px;
    left: 10px;
}

.movil .mask-group {
    position: absolute;
    width: 459px;
    height: 173px;
    top: 0;
    left: 1px;
}

.movil .mask-group-2 {
    position: absolute;
    width: 450px;
    height: 122px;
    top: 0;
    left: 1px;
}

.movil .rectangle-3 {
    position: absolute;
    width: 400px;
    height: 122px;
    top: 0;
    left: 0;
    background: linear-gradient(180deg, rgb(36.11, 36.11, 36.11) 0%, rgb(229, 127, 214) 100%);
}
.movil .text-wrapper-103 {
    font-weight: 300;
    left: -17%;
    position: absolute;
    top: 27px;
}


.movil .BN-SOLCITAR {
    width: 72px;
    height: 21px;
    padding: 13px 42px;
    top: 150px;
    left: 195px;
    border-radius: 15px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    background-color: #571c56
}

.movil .text-wrapper-11 {
    position: relative;
    width: fit-content;
    margin-top: -8.48px;
    margin-bottom: -6.48px;
    margin-left: -22.6px;
    margin-right: -22.6px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .frame-5 {
    position: absolute;
    width: 85px;
    height: 15px;
    top: 93px;
    left: 191px;
}

.movil .model {
    position: absolute;
    width: 166px;
    height: 189px;
    top: 0;
    left: 0;
    object-fit: cover;
}

.movil .solicita-una-clase {
    position: absolute;
    width: 156px;
    top: 64px;
    left: 258px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-12 {
    font-weight: 500;
    font-size: 48px;
}

.movil .text-wrapper-13 {
    font-weight: 800;
    font-size: 15px;
    position: absolute;
    left: -35%;

}

.movil .group-6 {
    position: absolute;
    width: 180px;
    height: 166px;
    top: 198px;
    left: 331px;
}

.movil .overlap-13 {
    position: relative;
    height: 166px;
}

.movil .group-wrapper {
    position: absolute;
    width: 167px;
    height: 83px;
    top: 15px;
    left: 6px;
    transform: rotate(-11.03deg);
}

.movil .group-7 {
    height: 83px;
}

.movil .overlap-group-3 {
    position: relative;
    width: 167px;
    height: 95px;
    top: -12px;
}

.movil .img-wrapper {
    position: absolute;
    width: 167px;
    height: 70px;
    top: 25px;
    left: 0;
}

.movil .rectangle-4 {
    position: absolute;
    width: 137px;
    height: 101px;
    top: -15px;
    left: -5px;
}

.movil .group-8 {
    position: absolute;
    width: 124px;
    height: 83px;
    top: 0;
    left: 8px;
}

.movil .lapiz {
    position: absolute;
    width: 75px;
    height: 144px;
    top: 23px;
    left: 40px;
}

.movil .modalidades {
    position: absolute;
    width: 153px;
    top: 1445px;
    left: 30px;
    font-family: "Montserrat", Helvetica;
    font-weight: 700;
    color: #313131;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .overlap-14 {
    position: absolute;
    width: 134px;
    height: 62px;
    top: 1510px;
    left: 180px;
}



.movil .frame-6 {
    position: absolute;
    width: 71px;
    height: 12px;
    top: 0;
    left: 3px;
}

.movil .clases-en-l-nea-v-a {
    position: absolute;
    width: 134px;
    top: 5px;
    left: 0;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 15px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-14 {
    font-weight: 800;
    color: #571c56;
}

.movil .text-wrapper-15 {
    color: #313131;
    font-size: 35px;
}

.movil .text-wrapper-16 {
    color: #313131;
    font-size: 8px;
}

.movil .overlap-15 {
    position: absolute;
    width: 384px;
    height: 394px;
    top: 1500px;
    left: -72px;
}

.movil .frame-7 {
    position: absolute;
    width: 71px;
    height: 12px;
    top: 157px;
    left: 153px;
}

.movil .rectangle-5 {
    position: absolute;
    width: 140px;
    height: 135px;
    top: 0;
    left: 82px;
}

.movil .overlap-16 {
    position: absolute;
    width: 384px;
    height: 284px;
    top: 111px;
    left: 0;
}

.movil .rectangle-6 {
    position: absolute;
    width: 141px;
    height: 135px;
    top: 0;
    left: 244px;
}

.movil .overlap-17 {
    position: absolute;
    width: 301px;
    height: 222px;
    top: 62px;
    left: 0;
}

.movil .clases-presenciales {
    position: absolute;
    width: 136px;
    top: 0;
    left: 99px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: transparent;
    font-size: 15px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-17 {
    font-weight: 700;
    color: #571c56;
}

.movil .paquetes {
    width: 116px;
    top: -120px;
    left: 43px;
    font-weight: 800;
    color: #313131;
    font-size: 18px;
    white-space: nowrap;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
}


.movil .planes {
    width: 116px;
    top: 3890px;
    left: 68px;
    font-weight: 800;
    color: #313131;
    font-size: 18px;
    white-space: nowrap;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
}

.movil .planes-subtitulo {
    position: absolute;
    width: 230px;
    top: 3920px;
    left: 40px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #7e7e7e;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    text-align: center;
}

.img-plan-ex2-m{
    position: absolute;
    top: 4050px;
    width: 300px;
}
.img-plan-ex1-m{
    position: absolute;
    top: 4050px;
    width: 300px;
    left: 10px;
}

.movil .leyenda-plan-estudios{
    font-size: 14px;
    position: relative;
    top: 4280px;
    left: 40px;

}

.movil .contamos-con {
    position: absolute;
    width: 208px;
    top: 1545px;
    left: 93px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #7e7e7e;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .cuaderno {
    position: absolute;
    width: 150px;
    height: 196px;
    top: 26px;
    left: 0;
    object-fit: cover;
}

.movil .text-wrapper-18 {
    position: absolute;
    top: 1475px;
    left: 30px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: var(--gris);
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .overlap-18 {
    position: absolute;
    width: 278px;
    height: 299px;
    top: 4600px;
    left: 22px;
}

.movil .rectangle-7 {
    position: absolute;
    width: 204px;
    height: 318px;
    top: 10px;
    left: 0;
    border-radius: 8px;
    border: 2px solid;
    border-color: #571c56;
    box-shadow: 0px 4px 2.5px #00000040;
}

.movil .rectangle-8 {
    position: absolute;
    width: 100px;
    height: 27px;
    top: 25px;
    left: 0;
    background: linear-gradient(81deg, #CBD67B -11.03%, #E57FD6 121.61%);
    transform: rotate(-180deg);
    border-radius: 20px 0px 0px 20px;
}



.movil .text-wrapper-19 {
    width: 88px;
    top: 35px;
    left: 153px;
    color: #571c56;
    font-size: 20px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 800;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .rectangle-9 {
    position: absolute;
    width: 204px;
    height: 306px;
    top: 16px;
    left: 14px;
    background-color: #ffffff;
    border-radius: 8px;
    border: 2px solid;
    border-color: #571c56;
    box-shadow: 0px 4px 2.5px #00000040;
}

.movil .modalidad-virtual-o-2 {
    position: absolute;
    width: 139px;
    top: 101px;
    left: 60px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #571c56;
    font-size: 9px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .modalidad-virtual-o {
    position: absolute;
    width: 138px;
    top: 112px;
    left: 42px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #571c56;
    font-size: 9px;
    letter-spacing: 0;
    line-height: normal;
}


.movil .rectangle-wrapper-1{
    position: absolute;
    left: 8%;
    top: 5%;
}

.movil .rectangle-wrapper-2{
    position: absolute;
    width: 225px;
    height: 328px;
    top: 115%;
    left: 13%;
}

.movil .text-wrapper-20 {
    width: 92px;
    top: 48px;
    left: 40px;
    color: #571c56;
    font-size: 20px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 800;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .rectangle-10 {
    position: absolute;
    width: 100px;
    height: 27px;
    top: 22px;
    left: 16px;
    background: linear-gradient(81deg, #CBD67B -11.03%, #E57FD6 121.61%);
    border-radius: 20px 0px 0px 20px;
    transform: rotate(180deg);
}

#ex1p, #ex1v,#ex1pcirc,#ex1vcirc{
    background: linear-gradient(90deg, #CBD67B 0%, #68B387 100%) !important;
}


.movil .intensivo-semana {
    position: absolute;
    width: 62px;
    top: 26px;
    left: 35px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #313131;
    font-size: 13px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-21 {
    font-weight: 600;
}

.movil .text-wrapper-22 {
    font-size: 7px;
    position: absolute;
}
.movil .group-120 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 113px;
    left: 25px;
}

.movil .group-121 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 135px;
    left: 25px;
}

.movil .group-122 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 179px;
    left: 25px;
}

.movil .group-123 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 213px;
    left: 25px;
}

.movil .group-124 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 268px;
    left: 25px;
}

.movil .group-125 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 301px;
    left: 25px;
}

.movil .group-126 {
    position: absolute;
    width: 45px;
    height: 43px;
    top: 0;
    left: 180px;
}


.movil .group-127 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 102px;
    left: 39px;
}

.movil .group-128 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 124px;
    left: 39px;
}

.movil .group-129 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 168px;
    left: 39px;
}

.movil .group-130 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 202px;
    left: 39px;
}

.movil .group-131 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 257px;
    left: 39px;
}

.movil .group-132 {
    position: absolute;
    width: 11px;
    height: 11px;
    top: 290px;
    left: 39px;
}

.movil .group-133 {
    position: absolute;
    width: 45px;
    height: 43px;
    top: 0;
    left: 185px;
}
.movil .overlap-135 {
    position: relative;
    width: 43px;
    height: 43px;
    background: linear-gradient(81deg, #CBD67B -11.03%, #E57FD6 121.61%);
    border-radius: 21.5px;
}

.movil .overlap-136 {
    position: absolute;
    width: 218px;
    height: 322px;
    top: 2835px;
    left: 115px;
}


.movil .text-wrapper-169 {
    width: 38px;
    top: 12px;
    left: 2px;
    font-weight: 700;
    color: #313131;
    font-size: 15px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}


.movil .text-wrapper-23 {
    width: 46px;
    top: 10px;
    left: 161px;
    font-weight: 600;
    color: #313131;
    font-size: 10px;
    white-space: nowrap;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
}

.movil .vector-4 {
    position: absolute;
    width: 58px;
    height: 17px;
    top: 257px;
    left: 183px;
}

.movil .vector-5 {
    position: absolute;
    width: 60px;
    height: 17px;
    top: 257px;
    left: 37px;
}

.movil .overlap-19 {
    position: absolute;
    width: 349px;
    height: 37px;
    top: 240%;
    left: -35px;
    border-radius: 0px 3px 3px 0px;
    transform: scale(.8);
}

.movil .rectangle-11 {
    position: absolute;
    width: 349px;
    height: 37px;
    top: 0;
    left: 0;
    background-color: #e6e6e6;
    border-radius: 0px 3px 3px 0px;
    box-shadow: 0px 4px 4px #00000040;
    opacity: 0.3;
}

.movil .formas-de-pago {
    position: absolute;
    width: 79px;
    top: 15px;
    left: 30px;
    font-family: "Montserrat", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 8px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .paga-con-tarjeta-de {
    position: absolute;
    width: 106px;
    top: 12px;
    left: 125px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .vector-6 {
    position: absolute;
    width: 2px;
    height: 14px;
    top: 13px;
    left: 115px;
}

.movil .mastercr {
    position: absolute;
    width: 22px;
    height: 17px;
    top: 11px;
    left: 271px;
    object-fit: cover;
}

.movil .visa-gris {
    position: absolute;
    width: 35px;
    height: 18px;
    top: 10px;
    left: 223px;
    object-fit: cover;
}

.movil .oxxo {
    position: absolute;
    width: 30px;
    height: 18px;
    top: 10px;
    left: 308px;
}

.movil .oxxo-2 {
    background-blend-mode: exclusion;
    position: absolute;
    width: 30px;
    height: 18px;
    top: 10px;
    left: 308px;
}

.movil .text-wrapper-24 {
    position: absolute;
    width: 223px;
    top: 230%;
    left: 25px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    font-style: italic;
    color: #571c56;
    font-size: 7px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
    text-decoration: underline;
    white-space: nowrap;
}

.movil .overlap-20 {
    position: absolute;
    width: 388px;
    height: 114px;
    top: 4090px;
    left: 24px;
}

.movil .campus {
    position: absolute;
    width: 87px;
    top: -643px;
    left: 0;
    font-family: "Montserrat", Helvetica;
    font-weight: 800;
    color: #313131;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .overlap-21 {
    position: absolute;
    width: 387px;
    height: 114px;
    top: -695px;
    left: 1px;
}

.movil .text-wrapper-25 {
    position: absolute;
    width: 259px;
    top: 79px;
    left: 0;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #7e7e7e;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .group-9 {
    position: absolute;
    width: 146px;
    height: 112px;
    top: 0;
    left: 241px;
}

.movil .overlap-22 {
    position: relative;
    height: 112px;
}

.movil .frame-8 {
    position: absolute;
    width: 131px;
    height: 65px;
    top: 23px;
    left: 8px;
    overflow: hidden;
    transform: rotate(23.14deg);
}

.movil .group-10 {
    height: 65px;
}

.movil .overlap-group-4 {
    position: relative;
    width: 131px;
    height: 84px;
    top: -19px;
}

.movil .group-11 {
    position: absolute;
    width: 131px;
    height: 55px;
    top: 29px;
    left: 0;
}

.movil .rectangle-12 {
    position: absolute;
    width: 124px;
    height: 102px;
    top: -24px;
    left: -6px;
}

.movil .group-12 {
    position: absolute;
    width: 105px;
    height: 84px;
    top: 0;
    left: 11px;
}

.movil .lapiz-2 {
    position: absolute;
    width: 99px;
    height: 49px;
    top: 35px;
    left: 25px;
}

.movil .campus-lab {
    position: absolute;
    width: 119px;
    top: 3264px;
    left: 30px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 8px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-26 {
    font-weight: 500;
}

.movil .text-wrapper-27 {
    font-style: italic;
    font-size: 6px;
}

.movil .campus-centro-calle {
    position: absolute;
    width: 104px;
    top: 3264px;
    left: 195px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 8px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.movil .BN-MOVIL {
    width: 54px;
    height: 15px;
    padding: 2px 7px;
    top: 3316px;
    left: 230px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    background-color: #ffe875;
    transform: scale(1.3);
}

.movil .BN-MOVIL-3 {
    width: 54px;
    height: 15px;
    padding: 2px 7px;
    top: 3316px;
    left: 65px;
    border-radius: 2px;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    background-color: #ffe875;
    transform: scale(1.3);
}

.movil .text-wrapper-28 {
    position: relative;
    width: fit-content;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .BN-MOVIL-2 {
    display: flex;
    width: 54px;
    height: 15px;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 2px 7px;
    position: absolute;
    top: 3316px;
    left: 220px;
    background-color: #ffe875;
    border-radius: 2px;
    transform: scale(1.3);
}

.movil .vector-wrapper {
    position: absolute;
    width: 20px;
    height: 20px;
    top: 3198px;
    left: 65px;
    background-color: #ffe875;
    border-radius: 10px;
}

.movil .vector-7 {
    position: absolute;
    width: 8px;
    height: 10px;
    top: 5px;
    left: 7px;
}

.movil .fechas-de-inicio {
    position: absolute;
    top: 5500px;
    left: 0;
    font-family: "Montserrat", Helvetica;
    font-weight: 800;
    color: #313131;
    font-size: 18px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-29 {
    position: absolute;
    top: 3466px;
    left: 223px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-30 {
    position: absolute;
    top: 25px;
    left: 26px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
.movil .text-wrapper-30-1 {
    position: absolute;
    top: 95px;
    left: 25px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}


.movil .text-wrapper-30-2 {
    position: absolute;
    top: 25px;
    left: 175px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
    width: 70px;
}

.movil .group-30 {
    position: absolute;
    width: 49px;
    height: 49px;
    top: 351px;
    left: 645px;
}

.movil .group-31 {
    position: absolute;
    width: 49px;
    height: 49px;
    top: 351px;
    left: 30px;
}



.movil .carousel-img {
    width: 200px;
    height: auto;
    margin-left: 45px;
}
.movil .campus-title{
    font-size: 14px;
    text-align: center;
    margin-left: -40px;
    font-family: "Montserrat", Helvetica;
    font-weight: 700;
}

.movil .campus-description{
    font-size:10px;
    text-align: center;
    margin-left: -50px;
    font-family: "Montserrat", Helvetica;
}

.movil .overlap-23 {
    position: absolute;
    width: 90px;
    height: 29px;
    top: 3491px;
    left: 15px;
    background-color: #d9d9d9;
    border-radius: 6px;
    display: flex;
    justify-content: center;
}

.movil .select{
    width: 100px;
    height: auto;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    top: 55px;
    font-size: 12px;

}

.movil .select2{
    width: 100px;
    height: auto;
    text-align: center;
    border-radius: 5px;
    position: absolute;
    top: 3890px;
    font-size: 12px;

}

.movil .frame-29 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    top: -1%;
    left: 150px;
}

.movil .frame-29-1 {
    display: inline-flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
    position: absolute;
    top: 290%;
    left: 25px;
}

.movil .vector-8 {
    position: absolute;
    width: 16px;
    height: 8px;
    top: 12px;
    left: 59px;
}

.movil .text-wrapper-31 {
    position: absolute;
    top: 6px;
    left: 11px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #949494;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-24 {
    position: absolute;
    width: 90px;
    height: 29px;
    top: 3492px;
    left: 223px;
    background-color: #d9d9d9;
    border-radius: 6px;
}
.movil .opiniones{
    left: -21%;
    top: 2057px;
    position: absolute;
}

.movil .overlap-25 {
    position: absolute;
    width: 459px;
    height: 194px;
    top: 1840px;
    left: -70px;
    background-image: url(https://misionadmision-informacion.s3.us-west-2.amazonaws.com/sitio-exani-nuevo-2024/img/img_20+a%C3%B1os+desk.png);
    background-size: 100% 100%;
}

#cruz-m {
    width: 36px;
    /* height: 33px; */
    top: 24px;
    left: 5px;
    position: absolute;
}

.movil .impuls-ndolos-a {
    position: absolute;
    width: 238px;
    top: 138px;
    left: 108px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #ffffff;
    font-size: 10px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.movil .group-13 {
    position: absolute;
    width: 78px;
    height: 14px;
    top: 120px;
    left: 189px;
}

.movil .text-wrapper-32 {
    position: absolute;
    width: 299px;
    top: 91px;
    left: 78px;
    font-family: "Montserrat", Helvetica;
    font-weight: 800;
    color: #ffffff;
    font-size: 20px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.movil .frame-9 {
    position: absolute;
    width: 60px;
    height: 56px;
    top: 34px;
    left: 198px;
}

.movil .group-14 {
    position: relative;
    width: 54px;
    height: 50px;
    left: 6px;
}

.movil .overlap-group-5 {
    position: relative;
    width: 53px;
    height: 46px;
    top: 4px;
}

.movil .vector-9 {
    position: absolute;
    width: 16px;
    height: 12px;
    top: 34px;
    left: 19px;
}

.movil .group-15 {
    position: absolute;
    width: 16px;
    height: 39px;
    top: 2px;
    left: 37px;
}

.movil .group-16 {
    position: absolute;
    width: 17px;
    height: 39px;
    top: 2px;
    left: 0;
}

.movil .group-17 {
    position: absolute;
    width: 46px;
    height: 42px;
    top: 0;
    left: 4px;
    background-image: url(https://misionadmision-informacion.s3.us-west-2.amazonaws.com/sitio-exani-nuevo-2024/imgMovil/rectangle-2.png);
    background-size: 100% 100%;
}

.movil .group-18 {
    position: absolute;
    width: 41px;
    height: 39px;
    top: 1px;
    left: 2px;
}

.movil .vector-10 {
    position: absolute;
    width: 38px;
    height: 35px;
    top: 3px;
    left: 7px;
}

.movil .vector-11 {
    position: absolute;
    width: 36px;
    height: 33px;
    top: 4px;
    left: 9px;
}

.movil .vector-12 {
    position: absolute;
    width: 31px;
    height: 28px;
    top: 6px;
    left: 11px;
}

.movil .vector-13 {
    position: absolute;
    width: 23px;
    height: 17px;
    top: 13px;
    left: 16px;
}

.movil .group-19 {
    position: absolute;
    width: 254px;
    height: 51px;
    top: 2068px;
    left: 12%;
}

.movil .mask-group-3 {
    position: absolute;
    width: 51px;
    height: 51px;
    top: 0;
    left: 202px;
}

.movil .mask-group-4 {
    position: absolute;
    width: 51px;
    height: 51px;
    top: 0;
    left: 0;
}

.movil .mask-group-5 {
    position: absolute;
    width: 51px;
    height: 51px;
    top: 0;
    left: 101px;
}

.movil .text-wrapper-33 {
    position: absolute;
    width: 75px;
    height: 66px;
    top: 2877px;
    left: 294px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-34 {
    position: absolute;
    width: 98px;
    height: 67px;
    top: 2872px;
    left: 183px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-35 {
    position: absolute;
    width: 73px;
    height: 53px;
    top: 2881px;
    left: 90px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .michelle-monroy {
    width: 92px;
    height: 29px;
    top: 2964px;
    left: 282px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #313131;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-36 {
    font-weight: 300;
    font-size: 7px;
}

.movil .noelia-aguilar {
    position: absolute;
    width: 77px;
    height: 36px;
    top: 2964px;
    left: 183px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #313131;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .gael-balam-admitida {
    width: 72px;
    height: 28px;
    top: 2964px;
    left: 93px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #313131;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-26 {
    position: absolute;
    width: 300px;
    height: 89px;
    top: 3845px;
    left: 15px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #571c56;
}

.movil .overlap-27 {
    position: absolute;
    width: 299px;
    height: 24px;
    top: 0;
    left: 0;
    background-color: #dddddd;
    border-radius: 8px 8px 0px 8px;
}

.movil .rectangle-13 {
    position: absolute;
    width: 6px;
    height: 24px;
    top: 0;
    left: 0;
    background-color: #571c56;
    border-radius: 2px 0px 0px 2px;
}

.movil .text-wrapper-37 {
    left: 25px;
    position: absolute;
    top: 5px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-38 {
    position: absolute;
    top: 38px;
    left: 15px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-39 {
    top: 38px;
    left: 93px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-40 {
    top: 38px;
    left: 150px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-41 {
    position: absolute;
    top: 49px;
    left: 24px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-42 {
    top: 49px;
    left: 85px;
    font-weight: 500;
    color: #000000;
    font-size: 8px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-43 {
    position: absolute;
    top: 49px;
    left: 134px;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .BN-ELEGIR-MOVIL {
    position: absolute;
    width: 44px;
    height: 16px;
    top: 25px;
    left: 236px;
    background-color: #571c56;
    border-radius: 3px;
    z-index: 1;
}

.movil .text-wrapper-44 {
    position: absolute;
    top: 3px;
    left: 11px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 7px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-28 {
    position: absolute;
    width: 300px;
    height: 89px;
    top: 4055px;
    left: 15px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #571c56;
}

.movil .text-wrapper-45 {
    top: 38px;
    left: 150px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-46 {
    top: 49px;
    left: 145px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .overlap-29 {
    position: absolute;
    width: 300px;
    height: 89px;
    top: 3845px;
    left: 15px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #571c56;
}

.movil .overlap-30 {
    position: absolute;
    width: 300px;
    height: 89px;
    top: 4160px;
    left: 15px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #571c56;
}

.movil .overlap-31 {
    position: absolute;
    width: 487px;
    height: 309px;
    top: 4175px;
    left: 0;
}

.movil .overlap-32 {
    position: absolute;
    width: 487px;
    height: 309px;
    top: 0;
    left: 0;
}

.movil .rectangle-14 {
    position: absolute;
    width: 320px;
    height: 89px;
    top: 0;
    left: 68px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #571c56;
}

.movil .rectangle-15 {
    position: absolute;
    width: 320px;
    height: 24px;
    top: 0;
    left: 68px;
    background-color: #dddddd;
    border-radius: 8px 8px 0px 8px;
}

.movil .rectangle-16 {
    position: absolute;
    width: 6px;
    height: 24px;
    top: 0;
    left: 68px;
    background-color: #571c56;
    border-radius: 2px 0px 0px 2px;
}

.movil .text-wrapper-47 {
    left: 93px;
    position: absolute;
    top: 5px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-48 {
    position: absolute;
    top: 39px;
    left: 93px;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-49 {
    top: 39px;
    left: 172px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-50 {
    top: 39px;
    left: 235px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 300;
    color: #000000;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .element-al-mar-y {
    top: 50px;
    left: 93px;
    font-weight: 500;
    font-size: 8px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    color: #000000;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-51 {
    top: 50px;
    left: 172px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .lunes-mi-rcoles-y {
    top: 50px;
    left: 236px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    font-weight: 500;
    color: #000000;
    font-size: 8px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .BN-ELEGIR-MOVIL-2 {
    position: absolute;
    width: 44px;
    height: 16px;
    top: 50px;
    left: 335px;
    background-color: #571c56;
    border-radius: 3px;
}

.movil .BN-VER-MAPA {
    position: absolute;
    width: 70px;
    height: 26px;
    top: 230px;
    left: 30%;
    background-color: #571c56;
    border-radius: 4px;
}

.movil .lapices {
    position: absolute;
    width: 76px;
    height: 140px;
    top: 87px;
    left: 0;
    object-fit: cover;
}

.movil .group-20 {
    position: absolute;
    width: 487px;
    height: 135px;
    top: 60px;
    left: 0;
}

.movil .overlap-33 {
    position: relative;
    width: 459px;
    height: 135px;
    background-color: #571c56;
    top:0;
}

.movil .overlap-group-6 {
    position: absolute;
    width: 254px;
    height: 17px;
    top: 32px;
    left: 182px;
    background-color: #ffffff;
    border-radius: 6px;
}

.movil .send-svgrepo-com-wrapper {
    position: absolute;
    width: 19px;
    height: 15px;
    top: 1px;
    left: 233px;
    background-color: #571c56;
    border-radius: 6px;
}

.movil .send-svgrepo-com {
    position: absolute;
    width: 7px;
    height: 7px;
    top: 5px;
    left: 6px;
}

.movil .text-wrapper-52 {
    position: absolute;
    width: 124px;
    height: 5px;
    top: 6px;
    left: 6px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #00000061;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-53 {
    position: absolute;
    width: 197px;
    height: 12px;
    top: 13px;
    left: 182px;
    font-family: "Montserrat", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-54 {
    width: 90px;
    top: 55px;
    position: absolute;
    height: 5px;
    left: 43px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-55 {
    width: 100px;
    top: 75px;
    position: absolute;
    height: 5px;
    left: 43px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .text-wrapper-56 {
    width: 40px;
    top: 55px;
    position: absolute;
    height: 7px;
    left: 160px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-57 {
    position: absolute;
    width: 15px;
    height: 7px;
    top: 55px;
    left: 235px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-58 {
    position: absolute;
    width: 32px;
    height: 7px;
    top: 64px;
    left: 339px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 5px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-59 {
    width: 40px;
    top: 75px;
    position: absolute;
    height: 7px;
    left: 160px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .COPYRIGHT-TODOS {
    position: absolute;
    width: 208px;
    height: 6px;
    top: 119px;
    left: 29px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 4px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-60 {
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 4px;
    letter-spacing: 0;
}

.movil .text-wrapper-61 {
    text-decoration: underline;
}

.movil .aviso-de-privacidad {
    position: absolute;
    width: 71px;
    height: 9px;
    top: 117px;
    left: 340px;
    font-family: "Barlow", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 6px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-62 {
    width: 30px;
    height: 7px;
    top: 75px;
    left: 230px;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-63 {
    position: absolute;
    width: 72px;
    height: 7px;
    top: 78px;
    left: 339px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 5px;
    letter-spacing: 0;
    line-height: normal;
}

.movil .text-wrapper-64 {
    position: absolute;
    width: 139px;
    height: 6px;
    top: 97px;
    left: 40px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    text-decoration: underline;
    white-space: nowrap;
}

.movil .icon-phone {
    position: absolute;
    width: 7px;
    height: 7px;
    top: 60px;
    left: 29px;
}

.movil .icon-mail {
    position: absolute;
    width: 8px;
    height: 6px;
    top: 101px;
    left: 28px;
}

.movil .icon-message {
    position: absolute;
    width: 7px;
    height: 7px;
    top: 77px;
    left: 29px;
}

.movil .text-wrapper-65 {
    position: absolute;
    width: 88px;
    height: 12px;
    top: 10px;
    left: 29px;
    font-family: "Barlow", Helvetica;
    font-weight: 600;
    color: #ffffff;
    font-size: 10px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
}

.movil .icon-instagram {
    position: absolute;
    width: 14px;
    height: 14px;
    top: 31px;
    left: 67px;
}

.movil .icon-facebook {
    position: absolute;
    width: 8px;
    height: 14px;
    top: 31px;
    left: 28px;
}

.movil .subtract {
    position: absolute;
    width: 15px;
    height: 15px;
    top: 30px;
    left: 44px;
}

.movil .frame-10 {
    position: absolute;
    width: 17px;
    height: 12px;
    top: 32px;
    left: 90px;
}

.movil .group-21 {
    position: absolute;
    width: 81px;
    height: 19px;
    top: 137px;
    left: 189px;
}

.movil .overlap-34 {
    position: relative;
    width: 79px;
    height: 19px;
}

.movil .group-22 {
    position: absolute;
    width: 79px;
    height: 19px;
    top: 0;
    left: 0;
}

.movil .overlap-group-7 {
    position: relative;
    height: 19px;
    transform: scale(1.6);
    top:-300%;
    left:-55%
}

.movil .rectangle-17 {
    position: absolute;
    width: 79px;
    height: 13px;
    top: 6px;
    left: 0;
    background-color: #d9d9d9;
    border-radius: 34px;
}

.movil .ellipse-9 {
    width: 11px;
    height: 12px;
    left: 34px;
    background-color: #d9d9d9;
    border-radius: 5.61px/5.82px;
    position: absolute;
    top: 0;
}

.movil .text-wrapper-66 {
    position: absolute;
    width: 62px;
    height: 8px;
    top: 9px;
    left: 6px;
    font-family: "Montserrat", Helvetica;
    font-weight: 600;
    color: #000000;
    font-size: 6px;
    text-align: center;
    letter-spacing: 0;
    line-height: normal;
}

.movil .vector-14 {
    position: absolute;
    width: 7px;
    height: 4px;
    top: 2px;
    left: 36px;
}

.movil .overlap-35 {
    position: absolute;
    width: 300px;
    height: 89px;
    top: 3950px;
    left: 15px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #571c56;
}

.movil .overlap-36 {
    position: absolute;
    width: 300px;
    height: 89px;
    top: 4265px;
    left: 15px;
    border-radius: 8px;
    border: 1px solid;
    border-color: #571c56;
}

.movil .element-al-mar-y-2 {
    top: 51px;
    left: 10px;
    font-weight: 500;
    font-size: 8px;
    position: absolute;
    font-family: "Montserrat", Helvetica;
    color: #000000;
    letter-spacing: 0;
    line-height: normal;
}

.movil .mask-group-6 {
    position: absolute;
    width: 67px;
    height: 104px;
    top: 3152px;
    left: 392px;
}

.movil .mask-group-7 {
    position: absolute;
    width: 152px;
    height: 104px;
    top: 3153px;
    left: 14px;
}

.movil .mask-group-8 {
    position: absolute;
    width: 152px;
    height: 104px;
    top: 3153px;
    left: 166px;
}

.movil .tizimin {
    position: absolute;
    width: 138px;
    height: 89px;
    top: 3701px;
    left: 3384px;
}
.movil .slick-slider{
    top:136px !important;
    left:-57px;
}
.movil .slick-slide{
    height: 280px !important;

}

.movil .text-wrapper-222 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 11px;
    letter-spacing: 0;
    line-height: normal;
    white-space: nowrap;
    left:11%;
    top:22%;
}


/*-----NAVBAR STYLES--------------------*/


.top-nav {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
    background-color: #FFFF;
    /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
    color: black;
    height: 60px;
    padding: 1em;
}

.menu {
    display: flex;
    flex-direction: row;
    list-style-type: none;
    margin: 0;
    padding: 0;
}

.menu > li {
    margin: 0 1rem;
    overflow: hidden;
}

.menu-button-container {
    display: none;
    height: 100%;
    width: 30px;
    cursor: pointer;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

#menu-toggle {
    display: none;
}

.menu-button,
.menu-button::before,
.menu-button::after {
    display: block;
    background-color: #000000;
    position: absolute;
    height: 4px;
    width: 30px;
    transition: transform 400ms cubic-bezier(0.23, 1, 0.32, 1);
    border-radius: 2px;
}

.menu-button::before {
    content: '';
    margin-top: -8px;
}

.menu-button::after {
    content: '';
    margin-top: 8px;
}

#menu-toggle:checked + .menu-button-container .menu-button::before {
    margin-top: 0px;
    transform: rotate(405deg);
}

#menu-toggle:checked + .menu-button-container .menu-button {
    background: rgba(255, 255, 255, 0);
}

#menu-toggle:checked + .menu-button-container .menu-button::after {
    margin-top: 0px;
    transform: rotate(-405deg);
}



@media (min-width:320px) and (max-width: 700px) {
    .menu-button-container {
        display: flex;
        margin-right: 20px;
    }
    .menu {
        position: absolute;
        top: 10px;
        margin-top: 50px;
        left: 0;
        flex-direction: column;
        width: 100%;
        justify-content: center;
        align-items: center;
        z-index: 2;
    }
    #menu-toggle ~ .menu li {
        height: 0;
        margin: 0;
        padding: 0;
        border: 0;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        justify-content: center;
        align-items: center;
        display: flex;


    }
    #menu-toggle:checked ~ .menu li {

        height: 3.5em;
        padding: 0.5em;
        transition: height 400ms cubic-bezier(0.23, 1, 0.32, 1);
        border-bottom: 1px solid rgb(255, 255, 255);
        width: 100%;
        text-align: center;
        width: 500px;
    }
    .menu > li {
        display: flex;
        justify-content: center;
        margin: 0;
        padding: 0.5em 0;
        width: 100%;
        color: rgb(255, 255, 255);
        background-color:rgb(83, 28, 81);
        border-bottom: 1px solid white;
    }

}

@media (max-width:500px){
    .movil .overlap-29{
        width: 288px
    }

    .movil .overlap-26{
        width: 288px
    }

    .movil .overlap-28{
        width: 288px
    }

    .movil .overlap-35{
        width: 288px
    }
    .movil .overlap-36{
        width: 288px
    }

    .movil .overlap-30{
        width: 288px
    }

    .movil .overlap-27{
        width: 286px;
    }
}

/*estilos para el switch*/
 .fade-out {
    opacity: 0;
    transition: opacity .5s ease-out;
}

.fade-in {
    opacity: 1;
    transition: opacity .5s ease-in;
}

.hidden {
    display: none;
}

.visible{
    display: block !important;
}
/*------ estilos para el toggle*/

.phone-m {
    position: relative;
    z-index: 2;
    width: 21rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    top:3865px;
    left:-17px;
}

/* Middle */
.content-m {
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center;
    width: 60%;
    transform: translateY(5%);
}


#label-movil1, .toggle-m {
    height: 2.5rem;
    border-radius: 100px;
}
#label-movil1 {
    width: 100%;
    background-color: rgba(0,0,0,.1);
    border-radius: 100px;
    position: relative;
    margin: 1.8rem 0 4rem 0;
    cursor: pointer;
}
.toggle-m {
    position: absolute;
    width: 51%;
    background-color: #571c56;
    box-shadow: 0 2px 15px rgba(0,0,0,.15);
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.names-m {
    font-size: 69%;
    font-weight: bolder;
    width: 90%;
    margin-left: 5.5%;
    margin-top: 6.5%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    user-select: none;
}
.dark-m {
    opacity: .5;
}



/* -------- Switch Styles ------------*/
[type="checkbox"] {
    display: none;
}
/* Toggle */
[type="checkbox"]:checked + .app-m .toggle-m{
    transform: translateX(100%);
    background-color: #571c56;
}



[type="checkbox"]:checked + .app-m .dark-m{
    opacity: 1;
    color: white;
}
[type="checkbox"]:checked + .app-m .light-m{
    opacity: .5;
}

[type="checkbox"]:not(:checked) + .app-m .light-m{
    color: white;
}



.phone2-m {
    position: absolute;
    z-index: 2;
    width: 21rem;
    height: 2rem;
    display: flex;
    flex-direction: column;
    top:-35%;
    left: -12%;

}

/* Middle */
.content2-m {
    display: flex;
    flex-direction: column;
    margin: auto;
    text-align: center;
    width: 60%;
    transform: translateY(5%);
}


#label-movil2, .toggle2-m {
    height: 2.5rem;
    border-radius: 100px;
}
#label-movil2 {
    width: 100%;
    background-color: rgba(0,0,0,.1);
    border-radius: 100px;
    position: relative;
    margin: 1.8rem 0 4rem 0;
    cursor: pointer;
}
.toggle2-m {
    position: absolute;
    width: 51%;
    background-color: #571c56;
    box-shadow: 0 2px 15px rgba(0,0,0,.15);
    transition: transform .3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.names2-m {
    font-size: 69%;
    font-weight: bolder;
    width: 90%;
    margin-left: 5.5%;
    margin-top: 6.5%;
    position: absolute;
    display: flex;
    justify-content: space-between;
    user-select: none;
}
.dark2-m {
    opacity: .5;
}

#fechas-m{
    position: relative;
    left: 25px;
}

.movil .BN-VER-MS {
    display: flex;
    width: 81px;
    padding: 13px 42px;
    top: 7.5%;
    left: 10%;
    box-shadow: 0px 4px 7.5px #00000026;
    align-items: center;
    justify-content: center;
    gap: 10px;
    position: absolute;
    background-color: #571C56;
    border-radius: 15px;
    overflow: hidden;
    height: 20px;
}

.movil .BN-CLASE-MUESTRA {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
    padding: 13px 15px;
    position: absolute;
    top: 7.5%;
    left: 44%;
    background-color: #571C56;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 0px 4px 7.5px #00000026;
    width: 150px;
    height: 20px;
}

.movil .text-wrapper-75 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    margin-left: -19px;
    margin-right: -19px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
.movil .text-wrapper-76 {
    position: relative;
    width: fit-content;
    margin-top: -1px;
    font-family: "Montserrat", Helvetica;
    font-weight: 400;
    color: #000000;
    font-size: 12px;
    letter-spacing: 0;
    line-height: normal;
}
/* -------- Switch Styles ------------*/
[type="checkbox"] {
    display: none;
}
/* Toggle */
[type="checkbox"]:checked + .app2-m .toggle2-m{
    transform: translateX(100%);
    background-color: #571c56;
}



[type="checkbox"]:checked + .app2-m .dark2-m{
    opacity: 1;
    color: white;
}
[type="checkbox"]:checked + .app2-m .light2-m{
    opacity: .5;
}

[type="checkbox"]:not(:checked) + .app2-m .light2-m{
    color: white;
}