:root{
    --main-color-salmon: #FF0C50;
    --main-color-lightgray: #e3e4e8;
    --main-color-purpule: #35195D;
}

/*Agregados */


.kx-menu{
    margin-left: 70px;
    margin-right: 70px;
}

@media only screen and (min-width: 991px) {
    .contenedor-texto-deja-tu-huella{
        margin: 8em 4em;
    }
    .seccion-deja-tu-huella{
        max-height: 800px;
    }
    .logo-xs-50 {
        width: 20%;
    }
    .welcome_area .container, .welcome_area .container .row{
        height: 80%;
    }
}

@media only screen and (min-width: 1380px) {
    .logo-xs-50 {
        width: 10%;
    }
    .welcome_area .container, .welcome_area .container .row{
        height: 95%;
    }
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .kx-menu navbar {
        margin: auto;
    }
    .logo-xs-50 {
        width: 20%;
    }
}

@media only screen and (max-width: 767px) {
    .bg-img{
        background-image: none;
    }
    #conquista-img{
        margin-top: 3em;
    }
    .section_padding_200{
        padding-top: 100px;
    }
    .kx-menu navbar {
        margin: auto;
    }
    .logo-xs-50 {
        width: 70%;
    }
}

@media only screen and (min-width: 480px) and (max-width: 767px) {
    .kx-menu navbar {
        margin: auto;
    }
    .logo-xs-50 {
        width: 20%;
    }
}

@media only screen and (min-width: 576px) and (max-width: 767px) {
    .kx-menu navbar {
        margin: auto;
    }
    .logo-xs-50 {
        width: 20%;
    }
}


/************************ RANDOM *****************************/

.nombre-accion-formacion{
    color:#5538A7;
    font-weight: bolder;
}

.nombre-mision-admision{
    color:#5538A7;
    font-weight: bolder;
}


/************************ SECCIONES *****************************/


/* SECCIÓN: APRENDE A CAMBIAR EL MUNDO - LANDING PAGE -*/

.seccion-aprende-a-cambiar-el-mundo{
    /*height: 1000px;*/
    background-color: #2F0094;
    color: #fff;
    /*padding: 250px 0 250px 0;*/
    text-align: center;
}

.texto-seccion-aprende-a-cambiar-el-mundo h2{
    font-family: 'Montserrat', serif;
    margin-top: 80px;
    font-weight: 900;
    background-color: #2F0094;
    color:#fff;
    font-size: 2.3em;
}

.texto-seccion-aprende-a-cambiar-el-mundo h3{
    font-family: 'Montserrat', serif;
    font-weight: bolder;
    font-size: 2.5em;
    background-color: #2F0094;
    color: #FF0C50;
}

.texto-seccion-aprende-a-cambiar-el-mundo p{
    margin-top: 60px;
    color: #FFF;
}

.texto-seccion-apende-a-cambiar-el-mundo a{
    margin-top: 50px;
    background-color: #252C65;
    color: #fff;
}

.texto-seccion-aprende-a-cambiar-el-mundo span{
    font-weight: bolder;
    font-size: 1.5em;
}
/* FIN - SECCIÓN: APRENDE A CAMBIAR EL MUNDO - LANDING PAGE -*/


/* SLIDER */

.slider-landing-page{
    font-family: 'Montserrat', serif;
    color: #fff !important;
}

/* SECCIÓN: NUESTRO MODELO - LANDING PAGE -*/

.slide-seccion-nuestro-modelo{
    height: 800px;
    text-align: left;
}

.slide-texto-nuestro-modelo{
}

.slide-texto-nuestro-modelo h2{
    font-weight: 600;
    font-size: 3.9em;
}

.slide-texto-nuestro-modelo h3{
    font-weight: 700;
    font-size: 2.5em;
    color: #5538A7;
}

.slide-texto-nuestro-modelo h4{
    font-weight: 700;
    font-size: 1.9em;
}

.slide-texto-nuestro-modelo p{
    margin-top: 50px;
    color: #000;
}

.slide-texto-nuestro-modelo hr{
    height: .6em;
    background-color: #5538A7;
}

.slide-componentes-academicos-listado{
    margin-top: 15px;    
}


.slide-componentes-academicos-listado ul > li{
    margin: 15px;
    list-style: disc;    
}

.slide-texto-componentes-academicos{
    background-color: #fff;
}

.slide-texto-componentes-academicos h2{
    font-weight: 600;
    font-size: 4em;
    margin-top: 2.5em;
}

.slide-texto-componentes-academicos h3{
    font-weight: 700;
    font-size: 2.5em;
    color: #5538A7;
}

.slide-texto-componentes-academicos p{
    font-weight: bold;
    text-align: center;
    
    margin:15px 85px 0 85px;
    line-height: normal;
}
/* FIN - SECCIÓN: SLIDER -*/

/* INICIO - SECCIÓN: PERFIL DE EGRESO - LANDING PAGE -*/

.seccion-perfil-de-egreso{
    font-family: 'Montserrat', serif;
    color:#fff;
    text-align: center;
    
    background-color: #FFF;
    /*padding: 250px 0 250px 0;*/
    text-align: center;
}

.encabezado-perfil-de-egreso{
    
    margin-bottom: 50px;
}

.encabezado-perfil-de-egreso h2{
    
    font-weight: 700;
    font-size: 3em;
    
}

.encabezado-perfil-de-egreso h3{
    color:#5538A7;
    font-weight: 700;
    font-size: 2em;
}

.texto-perfil-de-egreso  h4{
    text-align: left;
    margin-bottom: 20px;
    font-weight: 800;
    font-size: 1.7em;
}

.texto-perfil-de-egreso  p{
    text-align: left;
}

/* FIN - SECCIÓN: PERFIL DE EGRESO - LANDING PAGE -*/


/* INICIO - SECCIÓN: DEJA TU  - LANDING PAGE -*/
.seccion-deja-tu-huella{
    font-family: 'Montserrat', serif;
    background-color: #35195D;
    color: #fff;
    text-align: center;

}

.contenedor-texto-deja-tu-huella{
    margin: 2em;
}

.seccion-deja-tu-huella .img-huella{
    /*background-position: center center;
    background-size: cover;*/
    background-image: url("img/af/deja-tu-huella.png");
    background-size: cover;
    background-repeat: no-repeat;
}

.texto-deja-tu-huella h2{
    color: #fff;
    margin-top: 80px;
    font-weight: 700;
    font-size: 4em;
}

.texto-deja-tu-huella h3{
    font-weight: 700;
    font-size: 2.6em;
    color: #5538A7;
}

.texto-deja-tu-huella p{
    text-align: left;
    margin-top: 60px;
    color: #FFF;
}


.texto-deja-tu-huella span{
    display: block;
    color:#FF0C50;
    font-weight: bold;

}
/* ******************************
:: SLIDER LANDING PAGE
****************************** */

.slider_modelo_area {
    font-family: 'Montserrat', serif;
    position: relative;
    z-index: 1;
    background-color: #fff !important;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_modelo_text > p {
        font-size: 18px;
    }
    .encabezado-perfil-de-egreso h2{
        font-size: 2em;
    }

    .encabezado-perfil-de-egreso h3{
        font-size: 1.5em;
    }
}

@media only screen and (max-width: 767px) {
    .slider_modelo_text > p {
        font-size: 16px;
    }
    .encabezado-perfil-de-egreso h2{
        font-size: 2em;
    }

    .encabezado-perfil-de-egreso h3{
        font-size: 1.5em;
    }
}


.slider_modelo_area .owl-dot {    
    background-color: #c7cfee;
    border: 3px solid #c7cfee;
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    margin: 0 5px;
    width: 12px;
    box-shadow: 0 1px 5px rgba(255, 255, 255, 0.5);
}

.slider_modelo_area .owl-dots {
    text-align: center;
    margin-top: 30px;
}

.slider_modelo_area .owl-prev {
    width: 90px;
    height: 85px;
    background-color: #fff;
    text-align: center;
    line-height: 50px;
    color: rgb(199,207,238,0.6);
    font-size: 80px;
    font-weight: bold;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    left: -150px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
}


.slider_modelo_area .owl-dot.active {
    background-color: #252c65;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_modelo_area .owl-prev {
        left: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_modelo_area .owl-prev {
        left: 0;
    }
}

.slider_modelo_area .owl-prev:hover {
    color: #5538a7;
}

.slider_modelo_area .owl-next {
    width: 90px;
    height: 85px;
    background-color: #fff;    
    text-align: center;
    line-height: 50px;
    color: rgb(199,207,238,0.6);
    font-size: 80px;
    position: absolute;
    top: 50%;
    margin-top: -25px;
    -webkit-transition-duration: 500ms;
    transition-duration: 500ms;
    left: auto;
    right: -150px;
}

@media only screen and (min-width: 768px) and (max-width: 991px) {
    .slider_modelo_area .owl-next {
        right: -15px;
    }
}

@media only screen and (max-width: 767px) {
    .slider_modelo_area .owl-next {
        right: 0;
    }
}

.slider_modelo_area .owl-next:hover {
    color: #5538a7;
}

#contacto h3{
    font-size: 1.3em !important;
}

.separador-landing{
    height: 1.5em;
    background-color: #e3e4e8;
}

.separador-landing-second{
    height: 1em;
    background-color: #FF0C50;
}

.footer_contacto{
    background-color:  #fff;
    text-align: left;
}

.footer_texto_contacto h2{
    margin: 10px 0;
    text-align: center;
}

.footer_texto_contacto h3{
    font-size: 1.2em;
    font-weight: bold;
}

.footer_texto_contacto p{
    color: #000;
    font-size: 1em;
}

/** footer **/
footer{
    background-color: #35195D;
}
footer .text-footer{
    color: white;
    font-weight: bold;
    font-size: 1.3rem;
}
footer .text-footer > span{
    font-weight: normal;
    font-size: 1rem;
}
/** end footer **/

footer hr{
    border: none;
    height: 2px;
    /* Set the hr color */
    color: #FFF; /* old IE */
    background-color: #FFF; /* Modern Browsers */
}

.w-60{
    width: 60%;
}
.w-40{
    width: 40%;
}
.h-60{
    height: 60%;
}
.mar-tb{
    margin: 2em 0;
}

/** logo **/

.logo-lb{
    bottom: -15%;
    right: 36%;
}

/** Background 2 **/
.bg-img2 {
    /*background-position: center center;*/
    background-image: url(img/bg-img/af-acerca-de-fondo.png);
    background-size: cover;
    background-attachment: fixed;
}

/**Dropdown**/

.div-chat{
    position: fixed;
    bottom: 60px;
    left: 2%;
    z-index: 5;
    height: 55px;
    width: 55px;
    top: auto;
}
.btn-chat{
    background-color: initial;
    border: none;
}
.dropdown-menu{
    background-color: initial;
}
.title-dropdown,
.container-dropdown{
    border-right: 2px solid #2c3e50;
    border-left: 2px solid #2c3e50;
}
.title-dropdown{
    border-top: 2px solid #2c3e50;
    background-color: #5538a7;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}
.title-dropdown p,
.title-dropdown h3{
    font-family: 'Montserrat', serif;
    color: #fff !important;
}
.container-dropdown{
    background-color: white;
    color: black;
    border-bottom: 2px solid #2c3e50;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
}
.dropdown-menu.show{
    min-width: 19em;
    background-color: initial;
    box-shadow: none;
}

@media only screen and (min-height: 500px) and (max-height: 669px) {
    .dropdown-menu.show{
        min-width: 15em;
        transform: translate3d(0px,-800px, 0px);
    }
    .title-dropdown p,
    .title-dropdown h3{
        font-size: 1rem;
    }
    .container-dropdown i{
        font-size: 0.8rem;
    }
}

/**Mapa curricular**/
.mapa-curricular{
    border-right: 0.2rem solid var(--main-color-lightgray);
    border-left: 0.2rem solid var(--main-color-lightgray);
    border-bottom: 0.2rem solid var(--main-color-lightgray);
}
/*
table.mapa-curricular > tr:first-child(2) > td{
    font-size: 1rem;
    color: white;
    font-weight: bold;
}

.miau{
    font-weight: bold;
    font-size: 0.8rem;
    color: black;
}
.mapa-curricular > div:not(:first-of-type) > div:nth-child(2){
    border-right: 0.4rem solid var(--main-color-lightgray);
    border-left: 0.4rem solid var(--main-color-lightgray);
}

.mapa-curricular > div:not(:first-of-type):not(:last-of-type){
    border-bottom: 0.3rem solid var(--main-color-lightgray);

}

.mapa-curricular > div:first-child{
    background-color: var(--main-color-salmon);
}
*/

.mr-bottom-3{
    margin-bottom:3rem!important;
}
.mr-left-3{
    margin-left:3rem!important;
}
.rem-0-9{
    font-size: 0.7rem;
}
.mr-top-5{
    margin-top: 5rem !important;
}
.mr-top-7{
    margin-top: 7rem !important;
}
.mr-top-2{
    margin-top: 2rem !important;
}

/** form **/
.form-first{
}