/*PROGRAMA VIVO STYLO*/
   
    .cnt_programas_index{
    /* bloque_principal css */ 
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem 0;
        gap: 4rem;
        user-select: none;
    }
    
    .cntpindex_principal{
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cntpindex_principal h3{
        font-family: 'Exo 2';
        font-weight: bold;
        font-size: 2.9375em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    
    .cntpindex_principal p{
        font-family: 'Exo 2';
        font-weight: 500;
        font-size: 1.625em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    /* bloque_principal css */ 
    
    /* bloque_cuerpo css */ 
    .cntpindex_cuerpo{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 2.5rem;
    }
    
    .cntpindex_cuerpo_tabs{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border: 2px solid #002684;  /*SeQUEDO EN2*/
        border-radius: 1.5rem;
    }
    
    .cntpindex_cuerpo_tabs p{
        font-family: 'Exo 2';
        font-size: 2.1875em;
        font-weight: 700;
        margin: 0;
        padding: 1rem 3.5rem;
        line-height: 1;
    }
    
    .cntpindex_cuerpo_tabs_bloque{
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        transition: all .5s ease;
        cursor: pointer;
    }
    
    .cntpindex_cuerpo_tabs_bloque p{
        color: #002684;
    }
    
    .cntpindex_cuerpo_tabs_bloque.active{
        background-color: #002684;
        border: 1px solid #002684;
        border-radius: 1.2rem;
    }
    
    .cntpindex_cuerpo_tabs_bloque.active p{
        color: #FFF;
    }
    
    .cntpindex_cuerpo_texto{
        font-family: 'Exo 2';
        font-weight: 500;
        font-size: 1.875em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    
    /* bloque_cuerpo css */ 
    
    /* bloque_lista css */ 
    .cntpindex_lista{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .cntindexlist_cursos{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 1s ease;
        gap: 1.5rem;
    }
    
    .cntindexlist_diplomados{
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 1s ease;
        gap: 1.5rem;
    }

    .cnntlista_cursos{
        width: 100%;
    }

    .cnntlista_diplomados{
        width: 100%;
    }

    .btn_cntindexlist_carrusel_cur_izq, .btn_cntindexlist_carrusel_cur_der{
        background: none;
        border-radius: inherit;
    }
    
    .btn_cntindexlist_carrusel_cur_izq{
        left: -4.5em;
    }
    
    .btn_cntindexlist_carrusel_cur_der{
        right: -4.5em;
    }

    .cntindexlist_cursos_btn, .cntindexlist_diplomados_btn{
        display: flex;
        width: fit-content;
        align-items: center;
        justify-content: center;
        position: relative;
        background-color: #002684;
        border-radius: 1.5rem;
        cursor: pointer;
        transition: background-color 0.2s ease-in 0.1s;
    }
    
    .cntindexlist_cursos_btn:hover, .cntindexlist_diplomados_btn:hover {
          background: #f8a303;
    }
    
    .cntindexlist_cursos_btn a, .cntindexlist_diplomados_btn a{
        margin: 0;
        padding: 0;
        color: #FFF;
        font-size: 1.875em;
        font-family: 'Exo 2';
        font-weight: 700;
        line-height: 1;
        padding: 1.5rem 3rem;
        text-decoration: none;
        transition: color 0.2s ease-in 0.1s;
    }
    
    .cntindexlist_cursos_btn:hover a, .cntindexlist_diplomados_btn:hover a{
          color: #14246D;
    }

    /* bloque_lista css */ 
    
    
    @media (max-width: 1280px){
        
        .btn_cntindexlist_carrusel_cur_izq{
            left: -3.5em;
        }
        
        .btn_cntindexlist_carrusel_cur_der{
            right: -3.5em;
        }
        
    }
    
    @media (max-width: 850px){
        .cntpindex_principal{
            padding: 0 3rem;
        }
        
        .cntpindex_cuerpo_tabs{
            flex-direction: column;
        }
        
        .cntpindex_cuerpo_tabs_bloque{
            width: 100%;
        }
        
        .splide__arrows {
            display: none;
        }
        
    }
    
    @media (max-width: 768px){
        .cntpindex_principal h3{
            font-size: 2em;
        }
        .cntpindex_principal p{
            font-size: 1.2em;
        }
        .cntpindex_cuerpo_tabs p{
            font-size: 2em;
        }
        .cntpindex_cuerpo_texto{
            font-size: 1.2em;
        }
        .cntindexlist_cursos_btn, .cntindexlist_diplomados_btn{
            margin: 0 2rem;
        }
        
        .cntindexlist_cursos_btn a, .cntindexlist_diplomados_btn a{
            text-align: center;
        }
    }
    
    
    
    
    
    /*PROGRAMA VIRTUAL*/
    
        .cnt_programas_index{
    /* bloque_principal css */ 
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem 0;
        gap: 4rem;
        user-select: none;
    }
    
    .cntpindex_principal{
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cntpindex_principal h3{
        font-family: 'Exo 2';
        font-weight: bold;
        font-size: 2.9375em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    
    .cntpindex_principal p{
        font-family: 'Exo 2';
        font-weight: 500;
        font-size: 1.625em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    /* bloque_principal css */ 
    
    /* bloque_cuerpo css */ 
    .cntpindex_cuerpo{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 2.5rem;
    }
    
    .cntpindex_cuerpo_tabs{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border: 2px solid #002684;
        border-radius: 1.5rem;
    }
    
    .cntpindex_cuerpo_tabs p{
        font-family: 'Exo 2';
        font-size: 2.1875em;
        font-weight: 700;
        margin: 0;
        padding: 1rem 3.5rem;
        line-height: 1;
    }
    
    .cntpindex_cuerpo_tabs_bloque{
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        transition: all .5s ease;
        cursor: pointer;
    }
    
    .cntpindex_cuerpo_tabs_bloque p{
        color: #002684;
    }
    
    .cntpindex_cuerpo_tabs_bloque.active{
        background-color: #002684;
        border: 1px solid #002684;
        border-radius: 1.2rem;
    }
    
    .cntpindex_cuerpo_tabs_bloque.active p{
        color: #FFF;
    }
    
    .cntpindex_cuerpo_texto{
        font-family: 'Exo 2';
        font-weight: 500;
        font-size: 1.875em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    
    /* bloque_cuerpo css */ 
    
    /* bloque_lista css */ 
    .cntpindex_lista{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .cntindexlist_cursos{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 1s ease;
        gap: 1.5rem;
    }
    
    .cntindexlist_diplomados{
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 1s ease;
        gap: 1.5rem;
    }

    .cnntlista_cursos{
        width: 100%;
    }

    .cnntlista_diplomados{
        width: 100%;
    }

    .btn_cntindexlist_carrusel_cur_izq, .btn_cntindexlist_carrusel_cur_der{
        background: none;
        border-radius: inherit;
    }
    
    .btn_cntindexlist_carrusel_cur_izq{
        left: -4.5em;
    }
    
    .btn_cntindexlist_carrusel_cur_der{
        right: -4.5em;
    }

    .cntindexlist_cursos_btn, .cntindexlist_diplomados_btn{
        display: flex;
        width: fit-content;
        align-items: center;
        justify-content: center;
        position: relative;
        background-color: #002684;
        border-radius: 1.5rem;
        cursor: pointer;
        transition: background-color 0.2s ease-in 0.1s;
    }
    
    .cntindexlist_cursos_btn:hover, .cntindexlist_diplomados_btn:hover {
          background: #f8a303;
    }
    
    .cntindexlist_cursos_btn a, .cntindexlist_diplomados_btn a{
        margin: 0;
        padding: 0;
        color: #FFF;
        font-size: 1.875em;
        font-family: 'Exo 2';
        font-weight: 700;
        line-height: 1;
        padding: 1.5rem 3rem;
        text-decoration: none;
        transition: color 0.2s ease-in 0.1s;
    }
    
    .cntindexlist_cursos_btn:hover a, .cntindexlist_diplomados_btn:hover a{
          color: #14246D;
    }

    /* bloque_lista css */ 
    
    
    @media (max-width: 1280px){
        
        .btn_cntindexlist_carrusel_cur_izq{
            left: -3.5em;
        }
        
        .btn_cntindexlist_carrusel_cur_der{
            right: -3.5em;
        }
        
    }
    
    @media (max-width: 850px){
        .cntpindex_principal{
            padding: 0 3rem;
        }
        
        .cntpindex_cuerpo_tabs{
            flex-direction: column;
        }
        
        .cntpindex_cuerpo_tabs_bloque{
            width: 100%;
        }
        
        .splide__arrows {
            display: none;
        }
        
    }
    
    @media (max-width: 768px){
        .cntpindex_principal h3{
            font-size: 2em;
        }
        .cntpindex_principal p{
            font-size: 1.2em;
        }
        .cntpindex_cuerpo_tabs p{
            font-size: 2em;
        }
        .cntpindex_cuerpo_texto{
            font-size: 1.2em;
        }
        .cntindexlist_cursos_btn, .cntindexlist_diplomados_btn{
            margin: 0 2rem;
        }
        
        .cntindexlist_cursos_btn a, .cntindexlist_diplomados_btn a{
            text-align: center;
        }
    }
    
    
    
    
    /*PROGRAMA CURSOS GRATIS*/
    
        .cnt_programas_index{
    /* bloque_principal css */ 
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        padding: 2rem 0;
        gap: 4rem;
        user-select: none;
    }
    
    .cntpindex_principal{
        display:flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        text-align: center;
        gap: 1.5rem;
    }
    
    .cntpindex_principal h3{
        font-family: 'Exo 2';
        font-weight: bold;
        font-size: 2.9375em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    
    .cntpindex_principal p{
        font-family: 'Exo 2';
        font-weight: 500;
        font-size: 1.625em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    /* bloque_principal css */ 
    
    /* bloque_cuerpo css */ 
    .cntpindex_cuerpo{
        display:flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        text-align: center;
        gap: 2.5rem;
    }
    
    .cntpindex_cuerpo_tabs{
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        border: 2px solid #002684;  /*SeQUEDO EN2*/
        border-radius: 1.5rem;
    }
    
    .cntpindex_cuerpo_tabs p{
        font-family: 'Exo 2';
        font-size: 2.1875em;
        font-weight: 700;
        margin: 0;
        padding: 1rem 3.5rem;
        line-height: 1;
    }
    
    .cntpindex_cuerpo_tabs_bloque{
        
        display: flex;
        align-items: center;
        justify-content: center;
        border: 1px solid transparent;
        transition: all .5s ease;
        cursor: pointer;
    }
    
    .cntpindex_cuerpo_tabs_bloque p{
        
        color: #002684;
    }
    
    .cntpindex_cuerpo_tabs_bloque.active{
        background-color: #002684;
        border: 1px solid #002684;
        border-radius: 1.2rem;
    }
    
    .cntpindex_cuerpo_tabs_bloque.active p{
        color: #FFF;
    }
    
    .cntpindex_cuerpo_texto{
        font-family: 'Exo 2';
        font-weight: 500;
        font-size: 1.875em;
        color: #002684;
        line-height: 1;
        margin: 0;
    }
    
    /* bloque_cuerpo css */ 
    
    /* bloque_lista css */ 
    .cntpindex_lista{
        display: flex;
        width: 100%;
        justify-content: center;
        align-items: center;
    }
    
    .cntindexlist_cursos{
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 1s ease;
        gap: 1.5rem;
    }
    
    .cntindexlist_diplomados{
        display: none;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        transition: all 1s ease;
        gap: 1.5rem;
    }

    .cnntlista_cursos{
        width: 100%;
    }

    .cnntlista_diplomados{
        width: 100%;
    }

    .btn_cntindexlist_carrusel_cur_izq, .btn_cntindexlist_carrusel_cur_der{
        background: none;
        border-radius: inherit;
    }
    
    .btn_cntindexlist_carrusel_cur_izq{
        left: -4.5em;
    }
    
    .btn_cntindexlist_carrusel_cur_der{
        right: -4.5em;
    }

    .cntindexlist_cursos_btn, .cntindexlist_diplomados_btn{
        display: flex;
        width: fit-content;
        align-items: center;
        justify-content: center;
        position: relative;
        background-color: #002684;
        border-radius: 1.5rem;
        cursor: pointer;
        transition: background-color 0.2s ease-in 0.1s;
    }
    
    .cntindexlist_cursos_btn:hover, .cntindexlist_diplomados_btn:hover {
          background: #f8a303;
    }
    
    .cntindexlist_cursos_btn a, .cntindexlist_diplomados_btn a{
        margin: 0;
        padding: 0;
        color: #FFF;
        font-size: 1.875em;
        font-family: 'Exo 2';
        font-weight: 700;
        line-height: 1;
        padding: 1.5rem 3rem;
        text-decoration: none;
        transition: color 0.2s ease-in 0.1s;
    }
    
    .cntindexlist_cursos_btn:hover a, .cntindexlist_diplomados_btn:hover a{
          color: #14246D;
    }

    /* bloque_lista css */ 
    
    
    @media (max-width: 1280px){
        
        .btn_cntindexlist_carrusel_cur_izq{
            left: -3.5em;
        }
        
        .btn_cntindexlist_carrusel_cur_der{
            right: -3.5em;
        }
        
    }
    
    @media (max-width: 850px){
        .cntpindex_principal{
            padding: 0 3rem;
        }
        
        .cntpindex_cuerpo_tabs{
            flex-direction: column;
        }
        
        .cntpindex_cuerpo_tabs_bloque{
            width: 100%;
        }
        
        .splide__arrows {
            display: none;
        }
        
    }
    
    @media (max-width: 768px){
        .cntpindex_principal h3{
            font-size: 2em;
        }
        .cntpindex_principal p{
            font-size: 1.2em;
        }
        .cntpindex_cuerpo_tabs p{
            font-size: 2em;
        }
        .cntpindex_cuerpo_texto{
            font-size: 1.2em;
        }
        .cntindexlist_cursos_btn, .cntindexlist_diplomados_btn{
            margin: 0 2rem;
        }
        
        .cntindexlist_cursos_btn a, .cntindexlist_diplomados_btn a{
            text-align: center;
        }
    }