* {
    margin: 0;
    padding: 0;
}

body {
    width: 100%;
    height: auto;
    font-family: 'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    background-image: url('../img/escolares.png');
    background-repeat: no-repeat;
    background-size: 32%;
    background-position-x: center;
    background-position-y: 74%;
    background-attachment: fixed;
}

            /* NAV */

.telefonoNav, #myLinks, #linksMovil {
    display: none;
}

.menu {
    width: 100%;
    height: auto;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1000;
	/* float: right;
    left: 0; /* Posicionamos la cabecera al lado izquierdo
	top: 0; /* Posicionamos la cabecera pegada arriba
	position: fixed; Hacemos que la cabecera tenga una posición fija */
    background-color: #ffffff;
    /* background-color: tomato; */
}

.menu1 {
    width: 100%;
    height: auto;
    background-image: url('../img/cenefaAzul.png');
    display: flex;
    justify-content: space-between;
    /* background-image: linear-gradient(to right, #4a6d88 0%, #517fa4 100%); */
    /* background-color: #063394; */
}

.escolares {
    width: 50%;
    height: auto;
    display: flex;
    justify-content: flex-end;
    /* background-color: rgb(197, 228, 135); */
}

.escolares a {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: flex-end;
    /* background-color: rgb(71, 255, 224); */
}

.escolares a img {
    width: 16%;
    height: auto;
    display: flex;
    justify-content: center;
    position: relative;
    top: 3.5rem;
    left: 3.8rem;
    /* background-color: rgb(211, 207, 150); */
}

.menu1 h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 26px;
    color: #FFFFFF;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-right: 1rem;
    /* background-color: thistle; */
}

.menu2 {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 3rem;
    /* background-color: rgb(194, 124, 235); */
}

.menuIzq {
    width: 45%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 3rem;
    text-align: center;
    margin-left: 1rem;
    /* background-color: bisque; */
}

.menuDer {
    width: 45%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-bottom: 3rem;
    text-align: center;
    margin-right: 1rem;
    /* background-color: rgb(208, 255, 196); */
}

.menu2 a {
    text-decoration: none;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    text-align: center;
    padding: .4rem;
    color: #1F598D;
}

.menu2 a:hover {
    color: #ffffff;
    background-color: #1F598D;
    border-radius: 5px;
    box-shadow: 7px 11px 16px #1F598D40;
    transition: 1s;
}

#links, #linksAct, #linksPerm, #linksSem, #linksAnu, #linksIns {
    display: none;
}

.lista, .listaAct, .listaPerm, .listaSem, .listaAnu, .listaIns {
    width: auto;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    text-align: center;
    margin-top: .3rem;
    padding: 1.5rem;
    /* background-color: #ffffffea; */
    background-color: #afd7eef5;
    border-radius: 7px;
    position: absolute;
    /* background-color: thistle; */
}

            /* TERMINA NAV */

            /* SLIDER  */

.container-slider {
    width: 100%;
    max-height: 40%;
    overflow: hidden;
    position: relative;
    /* z-index:100; */
    /* background-color: yellowgreen; */
}

.slider {
    /* width: 300%; */ /* Depende de la cantidad de imagenes que se pondran */
    width: 600%;
    height: 100%;
    display: flex;
    margin-left: -100%;
    /* background-color: violet; */
}

.slider__section {
    width: 100%;
    /* background-color: turquoise; */
}

.slider__img {
    width: 100%;
    height: 100%;
    display: block;
    /* object-fit: cover; */ /* Para que las imagenes no412 se distorcionen si no estan del mismo tamaño */
}

.slider__btn {
    position: absolute;
    width: 2%;
    height: auto;
    background-color: rgba(255, 255, 255, 0.7);
    top: 50%;
    transform: translateY(-50%);
    font-size: 30px;
    font-weight: bold;
    text-align: center;
    border-radius: 50%;
    cursor: pointer;
}

.slider__btn:hover {
    background-color: #3c3e3f;
}

.slider__btn--left {
    left: 1%;
}

.slider__btn--right {
    right: 1%;
}

            /* TERMINA EL SLIDER */

            /* BOTÓN FLOTANTE */

#btn-phone {
    display: none;
}

.botonFlotante {
    position: fixed;
    bottom: 2rem;
    right: 2rem;
}

.telefono p, .icon-phone {
    display: block;
    background-image: linear-gradient(to right, #d66b3a 0%, #dfd6af 100%);
    /* background-image: linear-gradient(to right, #22488d 0%, #dbc553 100%); */
    color: #ffffff;
    line-height: 55px;
    text-align: center;
    box-shadow: 0 1px 10px rgba(0, 0, 0, 0.4);
    transition: all 500ms ease;
}

.telefono p {
    width: 100%;
    height: auto;
    font-size: large;
    padding: 0 .5rem;
    margin-bottom: -5rem;
    opacity: 0;
    visibility: hidden;
}

.icon-phone {
    width: 35%;
    height: 35%;
    font-size: x-large;
    border-radius: 50%;
    margin-left: 3.5rem;
    cursor: pointer;
}

.icon-phone:hover {
    box-shadow: 0 2px 15px rgba(0, 0, 0, 0.829);
}

#btn-phone:checked ~ .telefono p {
    margin-bottom: 1rem;
    opacity: 1;
    visibility: visible;
}

#btn-phone:checked ~ .btn-phone .icon-phone {
    transform: rotate(137deg);
}

            /* TERMINA BOTON FLOTANTE */

            /* CONTENIDO INDEX */

.contenedor {
    width: 100%;
    height: auto;
    /* background-color: violet; */
}

.contenedor h1 {
    font-style: normal;
    font-weight: 700;
    font-size: 40px;
    color: #1F598D;
    margin: 2rem 0;
    text-align: center;
    /* background-color: rgb(233, 233, 144); */
}

.contenido {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: rgb(238, 130, 189); */
}

.contenedorArriba {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    margin-top: 2rem;
    /* background-color: thistle; */
}

.contenedorAbajo {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    margin: 5rem;
    /* background-color: thistle; */
}

.contenedorIzq, .contenedorDer {
    width: 45%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: rgb(132, 211, 203); */
}

.imagenUno {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* background-color: slategrey; */
}

.imagenUno a {
    width: 55%;
    height: auto;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    /* background-color: teal; */
}

.imagenUno img {
    width: 100%;
    height: auto;
    /* background-color: wheat; */
}

.textoAct {
    width: 80%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin-top: 1rem;
    /* background-color: skyblue; */
}

.textoAct h2 {
    /* font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif; */
    font-style: normal;
    font-weight: 600;
    font-size: 23px;
    color: #1F598D;
    text-decoration-line: underline;
    text-align: center;
    /* background-color: yellowgreen; */
}

.textoAct p {
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    color: #1F598D;
    margin-top: 1rem;
    text-align: justify;
    /* background-color: violet; */
}

        /* TERMINA CONTENIDO INDEX */

        /* CONTENIDO PRIMER INGRESO */

.inscripcion {
    width: 100%;
    height: 90vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: wheat; */
}

.inscripcion h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: #1F598D;
    /* background-color: yellowgreen; */
}

.textoIns {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    margin-top: 3rem;
    /* background-color: rgb(238, 180, 238); */
}

.ladoIzquierdo, .ladoDerecho {
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    /* background-color: rgb(226, 178, 180); */
}

.ladoIzquierdo ul li, .ladoDerecho ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
    margin: 0 0 .5rem 1.5rem;
}

.ladoIzquierdo ul li a, .ladoDerecho ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
}

        /* TERMINA CONTENIDO PRIMER INGRESO */

        /* CONTENIDO ACTIVIDADES */

.actividad {
    width: 100%;
    height: 100vh;
    display: flex;
    flex-direction: column;
    align-items: center;
    /* background-color: wheat; */
}

.actividad h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: #1F598D;
    /* background-color: yellowgreen; */
}

.textoActi {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: auto;
    margin-top: 3rem;
    /* background-color: rgb(238, 180, 238); */
}

.ordinarios, .semestre {
    width: 40%;
    height: 40vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.ordinarios h2, .semestre h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    border-bottom: solid 2px #1F598D;
    /* background-color: turquoise; */
}

.semestre h2 {
    text-align: end;
}

.ordinarios ul li, .semestre ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
    margin: 0 0 .5rem 1.5rem;
}

.ordinarios ul li a, .semestre ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
}

        /* TERMINA CONTENIDO ACTIVIDADES */

        /* CONTENIDO PERMANENTES */

.permanentes {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background-color: wheat; */
}

.permanentes h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: #1F598D;
    /* background-color: violet; */
}

.textoPer, .textoPer1 , .textoPer2{
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 3rem;
    /* background-color: rgb(238, 180, 238); */
}

.historia, .certificado, .seguro, .credencial {
    width: 40%;
    height: 20vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.constancias h2, .certificado h2, .credencial h2 {
    /* width: 80%; */
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    border-bottom: solid 2px #1F598D;
    /* background-color: turquoise; */
}

.historia ul li, .certificado ul li, .constancias ul li, .revision ul li,
.seguro ul li, .credencial ul li, .textoPer3 ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
    margin: 0 0 .5rem 1.5rem;
}

.historia ul li a, .certificado ul li a, .constancias ul li a, .revision ul li a,
.seguro ul li a, .credencial ul li a, .textoPer3 ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
}

.revision h2, .seguro h2, .historia h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    text-align: end;
    margin-bottom: 1.5rem;
    border-bottom: solid 2px #1F598D;
    /* background-color: tomato; */
}

.revision {
    width: 40%;
    height: 39vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.constancias {
    width: 40%;
    height: 30vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.textoPer3 {
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 3rem 0 8rem 0;
    /* background-color: rgb(238, 180, 238); */
}

.textoPer3 h2 {
    /* width: 80%; */
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    text-align: center;
    border-bottom: solid 2px #1F598D;
    /* background-color: teal; */
        
}
        /* TERMINA CONTENIDO PERMANENTES */

        /* CONTENIDO SEMESTRALES */

.semestrales {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background-color: wheat; */
}

.semestrales h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: #1F598D;
    /* background-color: wheat; */
}

.textoSem, .textoSem1  {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 3rem;
    /* background-color: rgb(238, 180, 238); */
}

.textoSem1 {
    margin-bottom: 8rem;
}

.ordinario, .extraordinario {
    width: 40%;
    height: 25vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.ordinario h2, .instructivo h2 {
    /* width: 80%; */
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    border-bottom: solid 2px #1F598D;
    /* background-color: aquamarine; */
}

.ordinario ul li, .extraordinario ul li, .instructivo ul li, .solicitud ul li,
.textoSem3 ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
    margin: 0 0 .5rem 1.5rem;
}

.ordinario ul li a, .extraordinario ul li a, .instructivo ul li a, .solicitud ul li a,
.textoSem3 ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
}

.extraordinario h2, .solicitud h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    border-bottom: solid 2px #1F598D;
    text-align: end;
    /* background-color: thistle; */
}

.solicitud {
    width: 40%;
    height: 20vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.instructivo {
    width: 40%;
    height: 30vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.textoSem3 {
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 3rem 0 8rem 0;
    /* background-color: rgb(238, 180, 238); */
}

.textoSem3 h2 {
    /* width: 80%; */
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    text-align: center;
    border-bottom: solid 2px #1F598D;
    /* background-color: tomato; */
}

        /* TERMINA CONTENIDO SEMESTRALES */


        /* CONTENIDO ANUALES */

.anuales {
    width: 100%;
    height: auto;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    /* background-color: wheat; */
}

.anuales h1 {
    font-style: normal;
    font-weight: 400;
    font-size: 36px;
    color: #1F598D;
    /* background-color: turquoise; */
}

.textoAn {
    width: 100%;
    height: auto;
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin-top: 3rem;
    /* background-color: rgb(238, 180, 238); */
}

.instructivos {
    width: 40%;
    height: 35vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.plan {
    width: 40%;
    height: 26vh;
    display: flex;
    flex-direction: column;
    /* background-color: rgb(226, 178, 180); */
}

.instructivos h2 {
    /* width: 80%; */
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    border-bottom: solid 2px #1F598D;
    /* background-color: tomato; */
}

.instructivos ul li, .plan ul li, .textoAn3 ul li {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
    margin: 0 0 .5rem 1.5rem;
}

.instructivos ul li a, .plan ul li a, .textoAn3 ul li a {
    font-style: normal;
    font-weight: 400;
    font-size: 18px;
    color: #1F598D;
}

.plan h2 {
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    border-bottom: solid 2px #1F598D;
    text-align: end;
    /* background-color: wheat; */
}

.textoAn3 {
    width: 40%;
    height: auto;
    display: flex;
    flex-direction: column;
    margin: 3rem 0 8rem 0;
    /* background-color: rgb(238, 180, 238); */
}

.textoAn3 h2 {
    /* width: 80%; */
    font-style: normal;
    font-weight: 400;
    font-size: 30px;
    color: #1F598D;
    margin-bottom: 1.5rem;
    text-align: center;
    border-bottom: solid 2px #1F598D;
    /* background-color: violet; */
}

        /* TERMINA CONTENIDO ANUALES */



        /* FOOTER */

footer {
    width: 100%;
    height: auto;
    text-align: center;
    padding: 1rem 0;
    background-color: #1F598D;
    color: white;
}

footer p {
    margin: .5rem;
}



            /* RESPONSIVE */

/* Medium tablets */

@media only screen and (max-width: 1280px) {
    body {
        background-size: 35%;
        background-position-y: 70%;
    }

    .menu2 a {
        display: block;
    }
    .escolares a img {
        left: 3.2rem;
    }

    .imagenUno a {
        width: 60%;
    }
    
    /* CONTENIDO ANUALES */
    .instructivos {
        height: 40vh;
    }

    .plan {
        height: 22vh;
    }
}

@media only screen and (max-width: 1100px) {
    body {
        background-size: 42%;
        background-position-y: 66%;
    }

    .escolares a img {
        left: 2.8rem;
        top: 2.5rem;
    }

    .menuIzq, .menuDer {
        margin-bottom: 2rem;
    }

    .imagenUno a {
        width: 65%;
    }

    /* CONTENIDO PERMANENTES */
    .revision {
        height: 42vh;
    }
    
    .constancias {
        height: 33vh;
    }

    /* CONTENIDO SEMESTRALES */
    .solicitud {
        height: 38vh;
    }
    
    .instructivo {
        height: 38vh;
    }

    /* CONTENIDO ANUALES */
    .plan {
        height: 31vh;
    }

}

@media only screen and (max-width: 1050px) {
    body {
        background-size: 45%;
        background-position-y: 67%;
    }

    .escolares a img {
        left: 2.7rem;
    }

    /* CONTENIDO ACTIVIDADES */

    .ordinarios, .semestre {
        height: 45vh;
    }

    /* CONTENIDO PERMANENTES */
    .revision {
        height: 45vh;
    }
    
    .constancias {
        height: 36vh;
    }
}

@media only screen and (max-width: 970px) {
    body {
        background-size: 50%;
    }

    .escolares a img {
        left: 2.5rem;
    }

    /* CONTENIDO ACTIVIDADES */

    .ordinarios, .semestre {
        height: 47vh;
    }

    /* CONTENIDO PERMANENTES */
    .revision {
        height: 50vh;
    }
    
    .constancias {
        height: 41vh;
    }

    /* CONTENIDO SEMESTRALES */
    .solicitud {
        height: 29vh;
    }
}

@media only screen and (max-width: 880px) {
    body {
        background-size: 55%;
    }

    .menu1 h1 {
        font-size: 23px;
        margin-right: .5rem;
        margin-bottom: .5rem;
    }

    .escolares a img {
        width: 18%;
    }

    .menu2 {
        margin-top: 2rem;
    }
    
    .menuIzq, .menuDer {
        margin-bottom: 2rem;
    }

    .menu2 a {
        font-size: 14px;
        display: block;
        margin: 0 0;
    }

    .slider__btn {
        width: 3%;
        font-size: 28px;
    }

    .contenedor h1 {
        font-size: 38px;
    }

    .textoAct h2 {
        font-size: 22px;
    }

    .imagenUno a {
        width: 70%;
    }

    /* CONTENIDO PERMANENTES */
    .constancias {
        height: 32vh;
    }

    .seguro, .certificado {
        height: 18vh;
    }

    .historia{
        height: 20vh;
    }

    /* CONTENIDO ANUALES */
    .instructivos {
        height: 45vh;
    }

    .plan {
        height: 27vh;
    }
}

@media only screen and (max-width: 800px) {
    body {
        background-size: 63%;
    }

    .escolares a img {
        width: 20%;
    }

    .menu2 a {
        font-size: 12px;
    }

    .imagenUno a {
        width: 75%;
    }

    /* CONTENIDO PRIMER INGRESO */

    .inscripcion h1 {
        font-size: 34px;
    }

    .ladoIzquierdo ul li a, .ladoDerecho ul li a {
        font-size: 16px;
    }

    /* CONTENIDO ACTIVIDADES */
    .actividad h1 {
        font-size: 34px;
    }

    .ordinarios, .semestre {
        width: 45%;
    }
    
    .ordinarios h2, .semestre h2 {
        font-size: 28px;
    }
    
    .ordinarios ul li, .semestre ul li, .ordinarios ul li a, .semestre ul li a {
        font-size: 16px;
    }

    /* CONTENIDO PERMANENTES */
    .permanentes h1 {
        font-size: 34px;
    }

    .historia, .certificado, .constancias, .revision, .seguro, .credencial, .textoPer3 {
        width: 45%;
    }

    .historia h2, .certificado h2, .constancias h2, .revision h2, .seguro h2, .credencial h2, .textoPer3 h2 {
        font-size: 28px;
    }

    .historia ul li, .certificado ul li, .constancias ul li, .revision ul li,
    .seguro ul li, .credencial ul li, .textoPer3 ul li {
        font-size: 16px;
    }

    .historia ul li a, .certificado ul li a, .constancias ul li a, .revision ul li a,
    .seguro ul li a, .credencial ul li a, .textoPer3 ul li a {
        font-size: 16px;
    }

    .revision {
        height: 45vh;
    }
    
    .constancias {
        height: 36vh;
    }

    /* CONTENIDO SEMESTRALES */
    .semestrales h1 {
        font-size: 34px;
    }

    .ordinario, .extraordinario, .instructivo, .solicitud, .textoSem3 {
        width: 45%;
    }

    .ordinario h2, .extraordinario h2, .instructivo h2, .solicitud h2, .textoSem3 h2 {
        font-size: 28px;
    }

    .ordinario ul li, .extraordinario ul li, .instructivo ul li, .solicitud ul li, .textoSem3 ul li {
        font-size: 16px;
    }

    .ordinario ul li a, .extraordinario ul li a, .instructivo ul li a, .solicitud ul li a, .textoSem3 ul li a {
        font-size: 16px;
    } 

    /* CONTENIDO ANUALES */
    .anuales h1 {
        font-size: 34px;
    }

    .instructivos, .plan, .textoAn3 {
        width: 45%;
    }

    .instructivos h2, .plan h2, .textoAn3 h2 {
        font-size: 28px;
    }

    .instructivos ul li, .plan ul li, .textoAn3 ul li, .instructivos ul li a, .plan ul li a, .textoAn3 ul li a {
        font-size: 16px;
    }

    .plan {
        height: 36vh;
    }
}

@media only screen and (max-width: 750px) {
    body {
        background-size: 66%;
        background-position-y: 60%;
    }

    .escolares a img {
        width: 22%;
        left: 2.6rem;
    }

    .slider__btn {
        font-size: 24px;
    }

    .contenedor h1 {
        font-size: 36px;
    }

    .imagenUno a {
        width: 80%;
    }

    /* CONTENIDO PRIMER INGRESO */

    .inscripcion h1 {
        font-size: 32px;
    }

    /* CONTENIDO ACTIVIDADES */
    .actividad h1 {
        font-size: 32px;
    }
    
    .ordinarios h2, .semestre h2 {
        font-size: 26px;
    }

    /* CONTENIDO PERMANENTES */
    .permanentes h1 {
        font-size: 32px;
    }

    .historia h2, .certificado h2, .constancias h2, .revision h2, .seguro h2, .credencial h2, .textoPer3 h2 {
        font-size: 26px;
    }

    .revision {
        height: 44vh;
    }

    /* CONTENIDO SEMESTRALES */
    .semestrales h1 {
        font-size: 32px;
    }

    .ordinario h2, .extraordinario h2, .instructivo h2, .solicitud h2, .textoSem3 h2 {
        font-size: 26px;
    }

    /* CONTENIDO ANUALES */
    .anuales h1 {
        font-size: 32px;
    }

    .instructivos h2, .plan h2, .textoAn3 h2 {
        font-size: 26px;
    }

    .instructivos {
        height: 36vh;
    }

    .plan {
        height: 28vh;
    }
}

@media only screen and (max-width: 700px) {
    body {
        background-size: 68%;
    }

    .menu1 h1 {
        font-size: 20px;
        margin-right: .7rem;
        margin-bottom: .7rem;
    }

    .escolares a img {
        left: 2.4rem;
    }

    .menu2 a {
        font-size: 11.5px;
    }

    .contenedor h1 {
        font-size: 34px;
    }

    .imagenUno a {
        width: 85%;
    }

    /* CONTENIDO ANUALES */
    .instructivos {
        height: 40vh;
    }

    .plan {
        height: 24vh;
    }
}

@media only screen and (max-width: 650px) {
    body {
        background-size: 80%;
        background-position-y: center;
    }

    .botonFlotante {
        bottom: 1rem;
        right: 1rem;
    }

    .telefono p {
        padding: 0 .2rem;
        margin-right: 1rem;
    }

    .menu {
        display: none;
    }

    .telefonoNav {
        width: 100%;
        height: auto;
        background-image: url('../img/cenefaAzul.png');
        position: -webkit-sticky;
        position: sticky;
        top: 0;
        z-index: 1000;
        display: flex;
        justify-content: space-between;
        align-items: center;
        text-align: center;
        padding: .5rem 0;
        overflow: hidden;
        /* background-image: linear-gradient(to right, #4a6d88 0%, #517fa4 100%); */
    }
    
    .logo {
        width: 13%;
        height: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-left: 1rem;
    }

    .logo img {
        width: 100%;
        height: auto;
    }
    
    .telefonoNav h1 {
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        color: #FFFFFF;
        display: flex;
        justify-content: center;
        align-items: center;
        /* background-color: thistle;  */
    }

    #myLinks {
        display: none;
        width: 100%;
        height: auto;
        text-align: center;
        background-image: url('../img/escolares.png');
        background-repeat: no-repeat;
        background-size: 30%;
        background-position-x: center;
        background-position-y: center;
        background-color: #FFFFFF;
    }

    #linksMovil {
        display: none;
        width: 80%;
        height: auto;
        text-align: center;
        /* background-color: #ffffff; */
    }
    
    .listaMovil {
        width: 100%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        background-color: #afd7ee88;
        border-radius: 7px;
        /* background-color: thistle; */
    }

    .menuUno, .menuDos {
        width: 50%;
        height: auto;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        margin: 1rem 0 1rem 0;
    }

    #myLinks a {
        width: 80%;
        height: auto;
        text-align: center;
        text-decoration: none;
        font-style: normal;
        font-weight: 600;
        font-size: 14px;
        color: #1F598D;
        padding: .5rem 0;
        margin: .3rem 0;
    }

    #myLinks a:hover {
        color: #FFFFFF;
        background-color: #1F598D;
        border-radius: 7px;
        box-shadow: 7px 11px 16px #1F598D40;
        transition: 1s;
    }

    .telefonoNav a.icon {
        right: 0;
        top: auto;

        font-size: 30px;
        color: #ffffff;
        float: inline-end;
        cursor: pointer;
        padding-right: 1rem;
        display: block;
        position: relative;
    }

    .contenedor h1 {
        font-size: 32px;
    }

    .contenedorArriba, .contenedorAbajo {
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .contenedorIzq, .contenedorDer {
        width: 85%;
    }

    .contenedorIzq {
        margin-bottom: 5rem;
    }

    .imagenUno a {
        width: 60%;
    }

    /* CONTENIDO PRIMER INGRESO */
    .textoIns {
        flex-direction: column;
    }

    .inscripcion h1 {
        font-size: 32px;
        margin-top: 2rem;
    }

    .ladoIzquierdo, .ladoDerecho {
        width: 80%;
    }

    .ladoDerecho {
        margin-top: 3rem;
    }

    /* CONTENIDO ACTIVIDADES */
    .actividad h1 {
        font-size: 32px;
        margin-top: 2rem;
    }
    
    .textoActi {
        flex-direction: column;
    }

    .ordinarios {
        width: 80%;
        height: 55vh;
        /* background-color: #521f8d; */
    }

    .semestre {
        width: 80%;
        height: 25vh;
        /* background-color: #771f8d; */
    }
    
    .ordinarios h2, .semestre h2 {
        font-size: 26px;
    }

    /* CONTENIDO PERMANENTES */
    .permanentes h1 {
        font-size: 32px;
        margin-top: 2rem;
    }

    .textoPer, .textoPer1 , .textoPer2{
        flex-direction: column;
    }

    .historia, .certificado, .constancias, .revision, .seguro, .credencial, .textoPer3 {
        width: 80%;
    }

    .constancias {
        height: 28vh;
    }

    .revision {
        height: 37vh;
    }

    .historia h2, .certificado h2, .constancias h2, .revision h2, .seguro h2, .credencial h2, .textoPer3 h2 {
        font-size: 26px;
    }

    /* CONTENIDO SEMESTRALES */
    .semestrales h1 {
        font-size: 32px;
        margin-top: 2rem;
    }

    .textoSem, .textoSem1 {
        flex-direction: column;
    }

    .ordinario, .extraordinario, .instructivo, .solicitud, .textoSem3 {
        width: 80%;
    }

    .ordinario h2, .extraordinario h2, .instructivo h2, .solicitud h2, .textoSem3 h2 {
        font-size: 26px;
    }

   .extraordinario, .solicitud {
       height: 18vh;
    }

    .instructivo {
        height: 32vh;
    }

    /* CONTENIDO ANUALES */
    .anuales h1 {
        font-size: 32px;
        margin-top: 2rem;
    }

    .textoAn {
        flex-direction: column;
    }

    .instructivos, .plan, .textoAn3 {
        width: 80%;
    }

    .instructivos h2, .plan h2, .textoAn3 h2 {
        font-size: 26px;
    }

    .instructivos {
        height: 35vh;
    }

    .plan {
        height: auto;
    }
}

/* Medium telephone */
@media only screen and (max-width: 550px) {
    #myLinks {
        background-size: 40%;
    }

    #myLinks a {
        font-size: 14px;
    }
    
    .contenedor h1 {
        font-size: 30px;
    }

    .contenedorIzq, .contenedorDer {
        width: 90%;
    }

    .imagenUno a {
        width: 65%;
    }

    footer {
        padding: .5rem 0;
    }

    footer p {
        font-size: 14px;
    }

    /* CONTENIDO ANUALES */
    .instructivos {
        height: 38vh;
    }
}

@media only screen and (max-width: 500px) {
    .menuUno, .menuDos {
        margin: .5rem 0 .5rem 0;
    }

    #myLinks a {
        font-size: 16px;
    }

    .slider__btn {
        width: 4%;
        font-size: 22px;
    }

    .telefonoNav h1 {
        font-size: 20px;
    }  

    .contenedorArriba {
        margin-top: 0;
    }

    .imagenUno a {
        width: 70%;
    }

    .textoAct {
        width: 85%;
    }

    /* CONTENIDO PRIMER INGRESO */

    .inscripcion h1 {
        font-size: 28px;
    }

    .ladoIzquierdo, .ladoDerecho {
        width: 85%;
    }


    /* CONTENIDO ACTIVIDADES */
    .actividad h1 {
        font-size: 28px;
    }

    .ordinarios, .semestre {
        width: 85%;
    }

    /* CONTENIDO PERMANENTES */
    .permanentes h1 {
        font-size: 28px;
    }

    .historia, .certificado, .constancias, .revision, .seguro, .credencial, .textoPer3 {
        width: 85%;
    }

    /* CONTENIDO SEMESTRALES */
    .semestrales h1 {
        font-size: 28px;
    }

    .ordinario, .extraordinario, .instructivo, .solicitud, .textoSem3 {
        width: 85%;
    }

    /* CONTENIDO ANUALES */
    .anuales h1 {
        font-size: 28px;
    }

    .instructivos, .plan, .textoAn3 {
        width: 85%;
    }
}

@media only screen and (max-width: 450px) {
    body {
        background-position-y: 45%;
    }

    .contenedor h1 {
        font-size: 26px;
    }

    .imagenUno a {
        width: 75%;
    }

    .textoAct {
        width: 90%;
    }

    /* CONTENIDO PRIMER INGRESO */
    .inscripcion h1 {
        font-size: 26px;
    }


    /* CONTENIDO ACTIVIDADES */
    .actividad h1 {
        font-size: 26px;
    }
    
    .ordinarios h2, .semestre h2 {
        font-size: 24px;
    }

    /* .ordinarios {
        height: 48vh;
    }

    .semestre {
        height: 38vh;
    } */

    /* CONTENIDO PERMANENTES */
    .permanentes h1 {
        font-size: 26px;
    }

    .historia h2, .certificado h2, .constancias h2, .revision h2, .seguro h2, .credencial h2, .textoPer3 h2 {
        font-size: 24px;
    }

    .revision {
        height: 40vh;
    }

    /* CONTENIDO SEMESTRALES */
    .semestrales h1 {
        font-size: 26px;
    }

    .ordinario h2, .extraordinario h2, .instructivo h2, .solicitud h2, .textoSem3 h2 {
        font-size: 24px;
    }

    /* CONTENIDO ANUALES */
    .anuales h1 {
        font-size: 26px;
    }

    .instructivos h2, .plan h2, .textoAn3 h2 {
        font-size: 24px;
    }
}


@media only screen and (max-width: 400px) {
    body {
        background-position-y: center;
    }
    .telefonoNav h1 {
        font-size: 18px;
    }

    #myLinks {
        background-size: 45%;
    }

    footer p {
        font-size: 12px;
    }

    /* CONTENIDO PRIMER INGRESO */
    .inscripcion h1 {
        font-size: 23px;
    }


    /* CONTENIDO ACTIVIDADES */
    .actividad h1 {
        font-size: 23px;
    }
    
    .ordinarios h2, .semestre h2 {
        font-size: 21px;
    }

    /* CONTENIDO PERMANENTES */
    .permanentes h1 {
        font-size: 23px;
    }

    .historia h2, .certificado h2, .constancias h2, .revision h2, .seguro h2, .credencial h2, .textoPer3 h2 {
        font-size: 21px;
    }

    /* CONTENIDO SEMESTRALES */
    .semestrales h1 {
        font-size: 23px;
    }

    .ordinario h2, .extraordinario h2, .instructivo h2, .solicitud h2, .textoSem3 h2 {
        font-size: 21px;
    }

    /* CONTENIDO ANUALES */
    .anuales h1 {
        font-size: 23px;
    }

    .instructivos h2, .plan h2, .textoAn3 h2 {
        font-size: 21px;
    }
}

@media only screen and (max-width: 380px) {
    .telefonoNav h1 {
        font-size: 16px;
    }

    /* CONTENIDO PRIMER INGRESO */
    .inscripcion h1 {
        text-align: center;
    }


     /* CONTENIDO ACTIVIDADES */
     .actividad h1 {
        text-align: center;
    }

    /* CONTENIDO PERMANENTES */
    .permanentes h1 {
        text-align: center;
    }

    /* CONTENIDO SEMESTRALES */
    .semestrales h1 {
        text-align: center;
    }

    /* CONTENIDO ANUALES */
    .anuales h1 {
        text-align: center;
    }
}