.act_fondo{
    background-image: url('/static/img/fondo_curso.png');
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: top;
}

.act_select{
    padding: 30px 20px; text-align: center;
}

.act_cursos_btn{
    background-color: #E62F27; border: none;
}

.act_eventos_btn{
    background-color: transparent; border: none;
}

.act_encabezado{
    color: white; font-size: 1.8em; margin: 0; font-weight: 600; letter-spacing: 0.5px;
}

.act_texto_superior{
    color: white; font-size: 10px; margin-top: 8px;
}

.act_texto_inferior{
    color: white; font-size: 1em; margin-top: 8px;
}

.act_carrusel{
    padding: 20px; border-radius: 8px; text-align: start; font-family: sans-serif; display: none
}

.act_pos_carrusel{
    position: relative;
}

.curso_carrusel_indicators{
    bottom: -30px;
}

.curso_carrusel_btn{
    background-color: #BADBBA;
}

.curso_carrusel_container{
    min-height: 25rem;
}

.curso_card{
    width: 25rem; background-color: #ffffff; border-bottom-left-radius: 0; border-bottom-right-radius: 0; padding: 20px; margin-bottom: 20px;
}

.curso_carbody{
    height: 200px; position: relative; overflow: visible;
}

.curso_card_title{
    color: #006233
}

.curso_other_card{
    position: absolute; top: 80px; right: 0; left: 0; width: 22rem; background-color: #ffffff; border-top: 6px solid #E62F27; border-radius: 0; padding: 20px; margin-bottom: 20px; box-shadow: 0 4px 12px rgba(0,0,0,0.1)
}

.curso_icon_ubicacion{
    width: 15px;
}

.curso_btn{
    margin-top: 60px;
}

.curso_btn_img{
    width: 100px;
}

.curso_btn_prev{
    width: 50px;
}

.contenedorcurso{
    display: grid;
    grid-template-columns: repeat(var(--cols, 1), 1fr);
    gap: 10px;
    place-items: center;
}

.contenedorevento{
    display: grid;
    grid-template-columns: repeat(var(--cols, 1), 1fr);
    gap: 10px;
    place-items: center;
}

.act_modal{
    max-height: 800px; overflow-y: auto;
}

.act_modal_name{
    color: black; text-align: center; color: #006233;
}

.act_modal_description{
    color: black; text-align: justify; font-size: 10px; line-height: 2;
}

.act_modal_img{
    width: 200px; height: 5px;
}

.act_modal_contorno{
    line-height: 1.5; border-top: 2px solid #006233; border-left: 2px solid #006233; border-bottom: 2px solid #006233;
}

.act_modal_programa_title{
    color: black; text-align: justify; color: #343534ff;
}

.act_modal_display{
    display: flex; 
}

.act_modal_program_icon{
    position: relative; flex-shrink: 0;
}

.act_modal_program_img{
    width: 30px; display: block;
}

.act_modal_program_text{
    padding-left: 20px; margin-top: 10px;
}

.act_modal_program_title{
    font-size: 12px; font-weight: bold; text-transform: uppercase; margin-bottom: 15px; color: #333;
}

.act_modal_program_desc{
    font-size: 10px; line-height: 1.6; color: #555;
}

.act_modal_info{
    font-size: 10px
}

.act_modal_info_icon{
    width: 15px;
}

.act_modal_img_adicional{
    width: 200px; height: 200px;
}

.act_modal_img_adicional2{
    width: 300px;
}