:root {
    --gray6: #F2F2F2;
    --gray4:#BDBDBD;
    --rojo:#E0115F;
    --tec-blue: #073DA3;
}

body{
    background-color: #fff !important;
}

.version-movil{
    display: none !important;
}
.version-desktop{
    display: block !important;
}
.info-dates-movil{
    background-color: var(--tec-blue);
}
.info-dates-grid{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 25px;
}
.content-section2{
    padding: 2.5rem!important;
    padding-top: 3rem!important;
    padding-bottom: 0rem!important;
}
.content-section3{
    padding: 4rem!important;
    padding-top: 3rem!important;
    padding-bottom: 4rem!important;
}
.carousel-item{
    max-height: 700px !important;
}
@media only screen and (max-width: 767PX){
    .version-movil{
        display: block !important;
    }
    .version-desktop,.info-presenciales{
        display: none !important;
    }
    .subtitle-section{
        font-size:1.7rem !important;
    }
    .container-body{
        margin: 1rem 2rem !important;
    }
    
}
@media only screen and (max-width: 600px){
    .info-dates-grid{
        grid-template-columns: repeat(1, 1fr);
        grid-row-gap: 25px;
    }
    .call-col-style{
        border-left: none !important;
    }
}
@media only screen and (max-width: 500PX){
    .content-section2 {
        padding: 1.5rem!important;
        padding-top: 3rem!important;
        padding-bottom: 4rem!important;
    }
    .content-section3 {
        padding: 1rem!important;
        padding-top: 3rem!important;
        padding-bottom: 4rem!important;
    }
}
/* ************** */
/* SECCION CAMPUS */

.campus{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 25px;
    grid-row-gap: 30px;
}
.campus-item{
    border-radius: 30px;
    box-shadow: 0px 7px 6px 3px rgba(0,0,0,0.1);
    padding: 20px;
    background: #fff;
}
.campus-item-img{
    display: block;
    width: 100%;
    height: 250px;
    
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
}
.campus-item-tittle{
    font-weight: bold;
    padding: 2rem 0;
}
.campus-item-link a{
    display: flex;
    align-items: center;
    padding: 5px;
    border-bottom: 1px solid #E0E0E0;
    width: 100%;
}
.campus-item-link a i{
    padding-right: 15px;
    color: inherit;
}
.campus-item-link a p{
    width: 70%;
    margin: 0;
    color: inherit;
}
.campus-item-link a span{
    width: 20%;
    color: var(--rojo);
}
.campus-item-link a{
    color: #000;
}
.campus-item-link a:hover{
    color: var(--rojo);
}
@media only screen and (max-width: 992px){
    .campus{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767PX){
    .campus{
        grid-template-columns: repeat(1, 1fr);
        grid-column-gap: 5px;
    }
    
}


/* ***************************** */
/* SECCION ENCUENTRA EL PROGRAMA */
.programa_slider{
    position: relative;
}
.flecha_prev{
    position: absolute;
    left: -40px;
    top: 50%;
    font-size: 3rem;
}
.flecha_next{
    position: absolute;
    right: -40px;
    top: 50%;
    font-size: 3rem;
}
.flecha_prev:hover, .flecha_next:hover{
    cursor: pointer;
}
.programa_slider_item{
    display: none;
}
.programa-active{
    display: block;
}

.programa{
    border-radius: 20px;
    display: block;
    box-shadow: 0px 2px 16px rgb(0 0 0 / 12%);
    padding: 2rem 4rem;
    background-color: #fff;
}
.programa-item{
    display: grid;
    grid-template-columns: 2fr 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 80px;
}
.programa-item-img{
    display: flex;
    align-items: center;
}
.programa-item-img img{
    display: block;
    width: 100%;
    border-radius: 20px;
}
.program-item-info{
    padding: 3rem 0;
}
.program-item-info-tittle{
    font-size: 2rem;
    font-weight: bold;
    margin: 0;
}
.program-item-info-duracion{
    margin: 0;
}
.main-botton{
    color: #fff;
    background: var(--rojo);
    padding: 10px 15px;
    text-transform: uppercase;
    font-weight: bold;
    padding-right: 15px;
}
.main-botton:hover{
    color: #fff;
}
.program-item-campus{
    padding: 2rem 0;
    font-size: 1.5rem;
}
.program-item-campus li{
    padding-bottom: 15px;

}
.program-item-campus li::before{
    font-family:"Font Awesome 5 pro";
	content:"\f111";
    margin-right: 15px;
    font-size: 1.1rem;
    font-weight: 900;
}
.carousel-programas-inner{
    padding: 0 5rem;
}
.carousel-control-prev i,.carousel-control-next i{
    font-size: 3rem;
    color: #4F4F4F;
}
.control-prev{
    left:-5rem !important;
}
.control-next{
    right: -5rem !important;
}
@media only screen and (max-width: 1400px){
    .program-item-info-tittle{
        font-size: 1.5rem;
    }
    .program-item-info{
        padding: 1rem 0;
    }
    .program-item-campus{
        font-size: 1rem;
    }
    .program-item-campus li{
        padding-bottom: 8px;
    }
}

@media only screen and (max-width: 767px){
    .programa{
        padding: 2rem 0.5rem;
    }
    .programa-item{
        grid-template-columns: 1fr;
    }
    .programa-carousel{
        max-height: max-content !important;
    }
    .program-item-info{
        padding: 2rem 0;
    }
    .contacto-consultor{
        display: block !important;
        text-align: center;
        padding: 5rem 3rem !important;
    }
    .contacto-consultor-button{
        margin: auto;
        margin-top: 2rem !important;
    }
    .contacto-consulto-tittle{
        font-size: 1.5rem;
    }
    .contacto-consultor-button a{
        font-size: 1rem !important;
    }
    .control-prev{
        left:0rem !important;
    }
    .control-next{
        right:0rem !important;
    }
    .carousel-programas-inner{
        padding: 0 3rem;
    }
    .botton-carousel-casosM{
        background-color: var(--tec-blue) !important;
    }
    .carousel-casosM-indicators{
        bottom: -30px !important;
    }
    .casos-exito{
        margin-top: 1.5rem;
    }
}

/* ********************* */
/* MEJORES INSTALACIONES */
.instalaciones{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: 1fr;
    grid-column-gap: 35px;
}
.instalaciones-item-icon{
    background: var(--tec-blue);
    width: 100%;
    text-align: center;
    font-size: 4rem;
    padding: 1.5rem 0;
    color: #fff;
}
.instalaciones-item-icon img{
    width: 65px;
}
.instalaciones-item-info h4{
    font-size: 1.8rem;
    font-weight: bold;
    padding: 2rem 10px;
}
.instalaciones-item-info-list{
    padding-left: 40px;
}
.instalaciones-item-info-list li{
    list-style: disc;
}

@media only screen and (max-width: 767px){
    .instalaciones{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 500px){
    .instalaciones{
        grid-template-columns: repeat(1, 1fr);
    }
}
/* *************** */
/* CONTACTO ASESOR */
.presenciales-asesor{
    padding: 0 4rem;
    background-color: var(--gray6);
}
.presenciales-asesor-content{
    display: flex;
    align-items: center;
    padding: 5rem 0;
    justify-content: space-evenly;
}
.presenciales-asesor-content-tittle{
    font-size: 2rem;
    font-weight: bold;
    width: 50%;
}
.presenciales-asesor-content-button{
    margin-left: auto;
    padding: 15px 10px;
    background-color: var(--rojo);
}
.presenciales-asesor-content-button a{
    font-size: 1.4rem;
    
    color: #fff;
    padding: 15px 20px;
    font-weight: bold;
}
.presenciales-asesor-content-button a span{
    padding-left: 15px;
}
.presenciales-asesor-content-button a:hover{
    color: #fff;
    text-decoration: none;
}
@media only screen and (max-width: 1600px){
    .presenciales-asesor-content-tittle{
        font-size: 1.7rem;
    }
    .presenciales-asesor-content-button a, .contacto-consultor-button a{
        font-size: 1.3rem;
    }
}

@media only screen and (max-width: 1300px){
    .presenciales-asesor-content-tittle{
        font-size: 1.4rem;
    }
    .presenciales-asesor-content-button a, .contacto-consultor-button a{
        font-size: 1.1rem;
    }
}
@media only screen and (max-width: 992px){
    .presenciales-asesor-content-tittle{
        width: 45%;
    }
    .presenciales-asesor-content-button{
        width: 55%;
    }
}
@media only screen and (max-width: 767px){
    .presenciales-asesor-content{
        display: block;
    }
    .presenciales-asesor-content-tittle{
        width: 100%;
        text-align: center;
        padding-bottom: 20px;
        font-size: 1.8rem;
    }
    .presenciales-asesor-content-button{
        width: 100%;
        text-align: center;
        margin: auto;
    }
}
@media only screen and (max-width: 400px){
    .presenciales-asesor-content-tittle{
        font-size: 1.4rem;
    }
    .presenciales-asesor-content-button a, .contacto-consultor-button a{
        font-size: 0.8rem;
    }
}
/* ********************** */
/* experiencia presencial */
.ciclo{
    display: block;
    margin: auto;
    width: 55%;
}
@media only screen and (max-width: 992px){
    .ciclo{
        width: 70%;
    }
}
@media only screen and (max-width: 767px){
    .ciclo{
        width: 90%;
    }
}
/* ************** */
/* Casos de éxito */
.casos{
    display: grid;
    grid-template-columns: 2fr 3fr;
    grid-template-rows: 1fr;
    grid-column-gap: 80px;
    position: relative;
}
.casos-img .casos-img-item img, .casos-imgM .casos-img-itemM img{
    width: 100%;
    border-radius: 20px;
}
.casos-exito{
    position: relative;
}
.casos_slider_item{
    width: 70%;
    margin: auto;
}
.casos_flecha_prev{
    position: absolute;
    top: 50%;
    left: 20px;
    font-size: 2rem;
}
.casos_flecha_next{
    position: absolute;
    top: 50%;
    right: 20px;
    font-size: 2rem;
}
.casos-exito-tittle,.casos-exito-content{
    text-align: center;
}

.casos-img-item,.casos-img-itemM{
    display: none;
}
.casos-active{
    display: block;
}
/* *+*+*+*+*+*+*+*+**+*+**+*+**+*+*+*+*+*+*+*+** */
/* ***************  PÁGINA SHOW **************** */
/* *+*+*+*+*+*+*+*+**+*+**+*+**+*+*+*+*+*+*+*+** */


/* *********************** */
/* BENEFICIOS DEL PROGRAMA */
.presenciales-beneficios{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
    padding-left: 40px;
}
.presenciales-beneficios li{
    font-size: 1.3rem;
    padding-left: 15px;
}
.presenciales-beneficios li::marker{
    content: "\f111";
    font-family: "Font Awesome 5 pro";
    font-size: 0.8rem;
    padding-left: 15px;
}
@media only screen and (max-width: 992px){
    .presenciales-beneficios{
        grid-template-columns: repeat(2, 1fr);
    }
}
@media only screen and (max-width: 767px){
    .presenciales-beneficios{
        grid-template-columns: repeat(1, 1fr);
    }
}
/* ****************************** */
/* COMPETENCIAS QUE DESARROLLARAS */
.competencias-col{
    border-right: 1px solid var(--gray4);
    padding-right: 30px !important;
}
.competencias-col:last-child{
    border-right: none;
    padding-right: 0;
    padding-left: 30px;
}
.competencias-col h5{
    font-weight: bold;
    font-size: 1.8rem;
    padding-bottom: 30px;
}
.competencias{
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 30px;
}
.competencias-item{
    border: 3px solid transparent;
    border-radius: 35px;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #073DA3,#E0115F);
    background-origin: border-box;
    background-clip: padding-box, border-box;
    padding: 3rem 0;
}
.competencias-item img{
    display: block;
    margin: auto;
    width: 100px;
}
.competencias-item p{
    margin: 0;
    color: var(--tec-blue);
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
}
.competencia-contenido{
    width: 100%;
    height: 80%;
    display: flex;
    align-items: center;
    justify-content: center;
}
.competencia-contenido p{
    width: 80%;
}
@media only screen and (max-width: 992px){
    .competencias{
        grid-template-columns: repeat(2, 1fr);
    }
    .competencia-contenido p{
        width: 95%;
    }
}
@media only screen and (max-width: 767px){
    .competencias{
        grid-template-columns: repeat(1, 1fr);
    }
    .competencias-col{
        border-right: none;
    }
}

/* ******************** */
/* DETALLE DE PROGRAMAS */
.detalle{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-column-gap: 30px;
    grid-row-gap: 20px;
}
.detalle-item{
    height: fit-content;
}
.detalle-tittle{
    width:100%; 
    border-bottom: 1px solid var(--gray4);
    align-items: center;
    padding-bottom: 15px;
    cursor:pointer;
}
.detalle-tittle p,.detalle-card-info p{
    margin-bottom: 0;
}
.detalle-tittle-clases,.detalle-tittle-time{
    width: 10%;
}
.detalle-tittle-content{
    width: 70%;
}
.datalle-tittle-arrow i{
    font-size: 1.5rem;
}
.detalle-tittle-content{
    font-size: 1.2rem;
    padding-left: 20px;
}
.detalle-tittle-clases,.detalle-tittle-time{
    color: #4f4f4f;
}
.detalle-card{
    width: 95%;
    /*box-shadow: 0px 2px 12px rgb(0 0 0 / 12%);*/
    border-radius: 16px;
    height: 0;
    padding: 0;
    margin: 0;
    overflow: hidden;
    transition: all 0.2s ease;
}
.detalle-card-show{
    height: auto;
    padding: 2rem 1rem;
    display: block;
    margin: 20px auto;
}
.detalle-card-content i{
    font-size: 2rem;
}
.detalle-card-content-info{
    padding-left: 15px;
}
/*.detalle-card-content-info p:first-child{
    font-weight: bold;
    font-size: 1.2rem;
}*/
.detalle-card-info{
    align-items: center;
}
.detalle-card-info-code{
    font-weight: bold;
    font-size: 1.5rem;
}
.detalle-card-info-time{
    margin-left: 15px;
    background: var(--gray6);
    border-radius: 15px;
    padding: 5px;
}
.detalle-card-info a{
    margin-left: auto;
    color: var(--rojo);
}
.detalle-card-info a:hover{
    color: var(--tec-blue);
}
@media only screen and (max-width: 767px){
    .detalle{
        grid-template-columns: repeat(1, 1fr);
    }
}

.objetivo-botton{
    background-color: var(--rojo);
    padding: 15px 20px;
    color: #fff;
    display: flex;
    align-items: center;
    
}
.objetivo-botton i{
    margin-left: auto;
    padding-left: 15px;
    font-size: 1.2rem;
}
.objetivo-botton a{
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
}
.objetivo-botton a:hover{
    color: #fff;
    text-decoration: none;
}
.objetivo-botton span{
    padding-left: 15px;
}
@media only screen and (max-width: 992px){
    .objetivo-botton a{
        font-size: 1rem;
    }
}
@media only screen and (max-width: 767px){
   .objetivo-botton{
        width: 80%;
        margin: auto;
        margin-bottom: 30px;
   }
}
@media only screen and (max-width: 600px){
    .objetivo-botton{
         width: 90%;
    }
 }
@media only screen and (max-width: 500px){
    .objetivo-botton{
         width: 100%;
    }
 }

/* ******************** */
/* CALENDARIO DE PROGRAMA */
.calendar{
    width: 100%;
}
.calendar-head p{
    margin: 0;
}
.calendar-head i{
    padding-right: 15px;
}
.calendar-head{
    display: flex;
    font-size: 1.7rem;
    align-items: center;
    padding: 15px 0;
}
.calendar-tr{
    padding: 15px 0;
    border-top: 2px dotted var(--gray4);
}
.calendar-row{
    border-top: 2px dotted var(--gray4);
}
.calendar-row td{
    padding: 10px 0;
}
.calendar-row td:first-child{
    padding-left: 30px;
}
.calendario-duracion:last-child{
    margin-top: 20px;
}
.calendario-duracion i{
    font-size: 2rem;
}
.calendario-duracion-info{
    padding-left: 20px;
}
.calendario-duracion-info p{
    margin: 0;
}
.calendario-duracion-info-tittle{
    font-weight: bold;
    font-size: 1.2rem;
}
.modalidades{
    display: block;
}
@media only screen and (max-width: 1300px){
    .calendario-duracion{
        margin: 0 5px;
    }
}
@media only screen and (max-width: 992px){
    .modalidades{
        display: flex;
        justify-content: center;
        margin-top: 30px !important;
    }
    .calendario-duracion:last-child{
        margin-top: 0px;
    }
}
@media only screen and (max-width: 400px){
    .modalidades{
        display: block;
    }
    .calendario-duracion:last-child{
        margin-top: 20px;
    }
}

/* **************** */
/* PERFIL ACADÉMICO */
.academic{
    display: grid;
    grid-template-columns: 2fr 8fr;
    grid-column-gap: 30px;
    padding: 2rem 1rem;
    box-shadow: 0px 2px 26px rgba(0, 0, 0, 0.12);
    border-radius: 16px;
}
.academic-photo-img img{
    display: block;
    width: 100%;
    padding: 2rem 3rem;
}
.academic-photo-name{
    padding: 0rem 3rem;
}
.academic-photo-name h4{
    font-weight: bold;
    font-size: 1.6rem;
}
.academic-info{
    padding: 2rem 0;
}
.academic-info-tittle{
    font-weight: bold;
    font-size: 1.3rem;
}
.separator{
    border-top: 3px solid var(--rojo);
    width: 4%;
    padding: 0.5rem 0;
}
@media only screen and (max-width: 767px){
    .academic{
        display: grid;
        grid-template-columns: 1fr;
    }
    .academic-photo-img img{
        width: 50%;
        margin: auto;
    }
}
@media only screen and (max-width: 500px){

    .academic-photo-img img{
        width: 70%;
        margin: auto;
    }
}

/* ********* */
/* INVERSIÓN */
.investment{
    display: grid;
    grid-template-columns: repeat(2,1fr);
    grid-column-gap: 30px;
    justify-content: center;
}
.investment-payment, .investment-support{
    padding: 3rem 2rem;
    border-top: 2px solid #BDBDBD;
    display: grid;
}
.investment-payment-tittle{
    font-weight: bold;
    font-size: 2rem !important;
}
.investment-payment-costos{
    justify-content: center;
    padding: 1rem 0;
}
.investment-payment-costos p{
    font-size: 1.8rem;
    font-weight: bold;
    color: #828282;
    margin: 0;
}
.investment-payment-costos p:first-child{
    padding-right: 1rem;
}
.money-separator{
    padding: 0 0 0 1rem;
    border-left:2px solid var(--rojo);
}
.investment-payment-mensuales{
    font-weight: bold;    
    margin: auto;
    padding: 1rem 0;
}
.investment-button{
    width: max-content;
    margin: auto auto 0 auto;
    padding: 10px 15px;
    background: var(--rojo);
    display: flex;
    align-items: center;
}
.investment-button a{
    text-transform: uppercase;
}
.investment-button a:hover{
    color: #fff;
    text-decoration: none;
}
.investment-button a, .investment-button i{
    color: #fff;
    font-weight: bold;
}
.investment-button i{
    margin-left: auto;
    padding-left: 15px;
    font-size: 1.3rem;
}
@media only screen and (max-width: 767px){
    .investment{
        grid-template-columns: 1fr;
    }
}
/* ********************** */
/* PROGRAMAS RECOMENDADOS */
.recomendados{
    display: grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 20px;
    justify-content: center;
}
.recomendados a{
    position: relative;
}
.recomendados a:hover{
    text-decoration: none;
}
.recomendados-item{
    width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.recomendados a:hover .recomendados-item::before{
    opacity: 0;
}
.recomendados-item::before{
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: var(--Purple_Dark-Tec);
    opacity: 0.45;
}
.recomendados-item-content{
    padding: 0 2rem;
    color: #fff;
    text-align: center;
    font-weight: bold;
    z-index: 1;
}
@media only screen and (max-width: 992px){
    .recomendados{
        grid-template-columns: repeat(2,1fr);
    }
}
@media only screen and (max-width: 767px){
    .recomendados{
        grid-template-columns: 1fr;
    }
}


/* ************** */
/* REDES SOCIALES */
.redes-sociales-content{
    display: flex;
    padding: 2rem 0;
}
.redes-sociales-section{
    margin-left: auto;
}
.redes-sociales-section a i{
    font-size: 3rem;
    color: var(--rojo);
    padding: 0 20px;
}
.line{
    border: 1px solid transparent;
    background-image: linear-gradient(white, white), radial-gradient(circle at top left, #073DA3,#E0115F);
    background-origin: border-box;
    background-clip: padding-box, border-box;
}
@media only screen and (max-width: 767px){
    .redes-sociales-content{
        display: block;
        padding: 2rem 0;
    }
    .redes-sociales-section{
        margin: auto;
        justify-content: center;
        padding-top: 1rem;
    }
}