.btn-filtro-status, .btn-filtro-categorias {
    height: fit-content;
    font-size: 12px;
}
.btn-filtro-status:hover, .btn-filtro-categorias:hover { cursor: pointer; }

#carousel-trilhas .carousel-item .card,
#carousel-cursos .carousel-item .card {
    min-height: 325px!important;
    max-height: 325px!important;
    min-width: 262px!important;
    max-width: 262px!important;
}

.cards-trilhas-cursos .card {
    min-height: 335px!important;
    max-height: 335px!important;
    min-width: 262px!important;
    max-width: 262px!important;
}

#carousel-trilhas .carousel-item .card:hover,
#carousel-cursos .carousel-item .card:hover,
.cards-trilhas-cursos .card:hover,
.trilha-lista-cards-cursos .card:hover { box-shadow: 0 .5rem 1rem rgba(0, 0, 0, .15)!important; }

#carousel-trilhas .carousel-item .card .img-trilhas-cursos,
#carousel-cursos .carousel-item .card .img-trilhas-cursos,
.cards-trilhas-cursos .card .img-trilhas-cursos {
    height: 185px!important;
    min-height: 185px!important;
    max-height: 185px!important;
    width: 260px!important;
}

#carousel-trilhas .carousel-item .card .img-trilhas-cursos img,
#carousel-cursos .carousel-item .card .img-trilhas-cursos img,
.cards-trilhas-cursos .card .img-trilhas-cursos img,
.cards-trilhas-cursos .img-trilhas-cursos {
    min-height: 185px!important;
    max-height: 185px!important;
    min-width: 260px!important;
    max-width: 260px!important;
}

#carousel-trilhas .carousel-item .card .card-body .card-title,
#carousel-cursos .carousel-item .card .card-body .card-title,
.cards-trilhas-cursos .card .card-body .card-title,
.trilha-lista-cards-cursos .card .card-body .card-title {
    font-size: 14px;
    line-height: 1;
}

#carousel-trilhas .carousel-item .card .card-body,
#carousel-cursos .carousel-item .card .card-body,
.cards-trilhas-cursos .card .card-body {
    height: 135px!important;
    min-height: 135px!important;
    max-height: 125px!important;
    width: 260px!important;
    min-width: 260px!important;
    max-width: 260px!important;
}

#carousel-trilhas .carousel-item .card .card-text,
#carousel-cursos .carousel-item .card .card-text,
.cards-trilhas-cursos .card .card-text,
.trilha-lista-cards-cursos .card .card-text { font-size: 12px; }

#carousel-trilhas .carousel-item .card .progress,
#carousel-cursos .carousel-item .card .progress,
.cards-trilhas-cursos .card .progress,
.trilha-lista-cards-cursos .card .progress { height: 0.6rem!important; }

.btns-acao-trilha-curso {background-color: white;}

.div-pergunta {box-shadow: var(--bdr-shadow-dafault);}

@media screen and (max-width: 400px) {
    .app .app-main .app-main-content .content #container-trilhas .carousel-inner,
    .app .app-main .app-main-content .content #container-cursos .carousel-inner { padding-left: 0.5rem!important; }

    .app .app-header .navbar,
    .app .app-main .app-main-content .content,
    .app .app-main .app-main-content .app-footer {
        padding-left: 1.2rem!important;
        padding-right: 1.2rem!important;
    }
}

@media screen and (max-width: 767px) {
    #info-pessoa #container-progresso-trilhas,
    #info-pessoa #container-progresso-cursos { margin-bottom: 2rem!important; }

    #info-pessoa #container-progresso-trilhas,
    #info-pessoa #container-progresso-cursos,
    #info-pessoa #container-progresso-geral { justify-content: center!important; }

    #lista-cursos-desktop {
        display: none!important;
    }
    #lista-cursos-mobile {
        display: flex!important;
        flex-direction: column!important;
        justify-content: center!important;
    }



    .btns-acao-trilha-curso { flex-direction: column!important; }

    .btns-acao-trilha-curso .btn-acesso-trilha-curso,
    .btns-acao-trilha-curso .btn-certificado {
        justify-content: flex-start!important;
        margin-bottom: 5px;
    }

    .content .main-btns-aula {
        flex-direction: column!important;
        justify-content: flex-start!important;
    }

    .btns-acao-trilha-curso a,
    .content .main-btns-aula a { margin-bottom: 5px; }
}

@media screen and (min-width: 768px) and (max-width: 885px) {
    #info-pessoa #container-progresso-trilhas,
    #info-pessoa #container-progresso-cursos {
        margin-right: 1.5rem!important;
        margin-bottom: 2rem!important;
    }
}

@media screen and (max-width: 991px) {
    .tempo-trilha-curso { align-items: flex-start!important; }
    .percentual-trilha-curso { justify-content: flex-start!important; }

    .trilha-curso-content { flex-direction: column-reverse!important; }
    .trilha-curso-content .trilha-curso-descricao-objetivo { padding: 0!important; }
    .trilha-curso-content .trilha-curso-listagem-cursos-aulas .column-aula-conteudos { display: none; }
    .trilha-curso-content .trilha-curso-listagem-cursos-aulas {
        overflow-x: auto;
        overflow-y: hidden;
    }
}