@media (width <= 1500px){
    .iconCallToActition{
        padding: .5em;
        font-size: 3rem;
    }
}

@media (width <= 1240px) {
    .containerCursos{
        justify-content: space-evenly;
    }
}

@media (width <= 1275px) {
    .opinion{
        max-width: 500px;
        width: 45%;
    }
}

@media (width <= 1130px) {
    .nav{
        justify-content: end;
    }

    .nav_item{
        display: none;
    }

    .button_menu{
        display: block;
    }

    .header{
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }

    .title{
        text-align: center;
    }

    .bienvenida_description{
        text-align: center;
    }

    .header_containerImg{
        order: -1;
        max-width: 250px;
    }
}

@media (width <= 1100px){
    .sobreNosotros{
        flex-direction: column;
        align-items: center;
    }

    .sobreNosotros .subtitle{
        text-align: center;
    }

    .sobreNosotros_info{
        text-align: center;
        order: -1;
        gap: 2.5em;
    }
    .sobreNosotros .containerImg{
        display: none;
    }

    .vision{
        flex-wrap: wrap;
        justify-content: center;
    }

    .vision_img--init{
        order: -1;
    }

}

@media (width <= 1000px){
    .convenio{
        flex-direction: column;
    }

    .convenio_info{
        justify-content: center;
        align-items: center;
    }

    .convenio_button{
        width: 100%;
        max-width: none;
    }

    .convenio_img{
        border-radius: 100%;
        border: 5px solid var(--colorEnfasis);
        padding: .5em;
    }

    .convenio_name{
        text-align: center;
    }

    .convenio_description{
        text-align: center;
    }

    .convenio_botonera{
        flex-direction: column;
        width: 100%;
    }
}

@media (width <= 900px){
    .nivelCurso{
        text-align: center;
    }
    .temario{
        flex-wrap: wrap;
        justify-content: center;
    }
    .semestre{
        width: 48%;
    }
    .estudiante{
        flex-direction: column;
        text-align: center;
    }
}

@media (width <= 850px){
    .opinion{
        max-width: none;
        width: 100%;
    }
}

@media (width <= 710px){
    .semestre{
        width: 100%;
    }
}

@media (width <= 530px){
    .estudiante_img{
        max-width: none;
        width: 100%;
    }
}

@media (width <= 500px){
    .botonera{
        flex-direction: column;
    }
}