.cursos-page .container { padding-bottom: 30px; }

.titulo-pagina {
    color: var(--titulos-principais);
    font-size: var(--títulos-h3-tamanho-desk);
    font-weight: var(--títulos-h2-peso);
}

h4#titulo-pagina{
    color: var(--titulos-principais);
    font-size: var(--títulos-h1-tamanho-desk);
    font-weight: var(--títulos-h1-peso);
    line-height: var(--titulos-line-height-h-2, 40px); /* 125% */
    letter-spacing: var(--titulos-letter-spacing-h-2, 0.5px);
}

h4#subtitulo-pagina{
    color: var(--titulos-secundarios);
    font-size: var(--títulos-h3-tamanho-desk);
    font-weight: var(--títulos-h3-peso);
    line-height: var(--titulos-line-height-h-4, 30px); /* 136.364% */
    letter-spacing: var(--titulos-letter-spacing-h-4, 0.3px);
}

#conteudo-pagina {
    color: var(--textos-corridos);
    margin-bottom: 35px;
    font-size: var(--texto-padrão-tamanho-desk);
    line-height: var(--texto-padrão-line-height-desk);
}
/* Acordeons */
.accordion { margin-bottom: 40px; }

.accordion .card {
    border: none;
    line-height: var(--datas-e-capitulados-line-height-desk);
    font-size: var(--texto-pequeno-tamanho-desk);
    margin-bottom: 34px;
}

.card-header:hover {
    border-color:  var(--blue-300) !important; /* cor ao passar o mouse */
}

.card-header button:hover {
    color:  var(--blue-300) !important;
}

.card-header {
    border: 1px solid var(--cinza);
    border-radius: 16px !important;
}

.card-header.active {
    background-color:  var(--blue-300) !important; 
}

.card-header.active button {
    color:  var(--gray-0) !important;
}

.card-header button {
    color: var(--titulos-secundarios) !important;
    text-decoration: none;
    font-size: var(--acordeão---título-tamanho-desk);
    border: 0;
    background-color: transparent;
    outline: none;
    cursor: pointer;
    font-weight: var(--acordeão---título-peso);
    padding: 4px;
    text-align: left;
    width: 100%;
}

.bi-chevron-down, .bi-chevron-up { transition: transform 0.3s ease; }

.card-header button[aria-expanded="true"] .bi-chevron-down { transform: rotate(180deg); }

.collapse {
    border: none;
    background: var(--branco);
}

.card-body { padding: 0 16px; }

.accordion-button {
    padding: 16px;
    border-radius: 16px;
    border: 1px solid var(--cinza);
    color: var(--branco) !important;
    font-size: var(--acordeão---título-tamanho-desk);
    font-weight: var(--acordeão---título-peso);
    line-height: 120%;
    width: 100%;
    text-align: left;
    position: relative;
    cursor: pointer;
    transition: all 0.3s ease;
    margin-bottom: 16px;
    display: flex;
    justify-content: space-between;
    align-items: center;
    box-shadow: none !important;
}

.accordion-button:last-child { margin-bottom: 0; }

.accordion-button[aria-expanded="true"] i { transform: rotate(180deg); }

/*  Curso Description  */
.curso-description {
    color: var(--textos-corridos);
    text-align: justify;
    font-size: var(--texto-pequeno-tamanho-desk);
    font-weight: var(--texto-padrão-peso);
    line-height: 140%;
    margin-top: 12px;
}

/* Curso Item */
.curso-item {
    gap: 32px;
    padding: 16px;
    border-bottom: 1px solid var(--cinza-borda);
}

.curso-item .row {
    align-items: center;
    min-height: 40px;
}

.curso-item h3 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    word-break: break-word;
    color: var(--titulo-azul);
    font-size: var(--títulos-h4-tamanho-desk);
    font-weight: var(--títulos-h4-peso);
    line-height: 120%;
    margin: 0;
}

.meta-item {
    display: flex;
    align-items: center;
    justify-content: flex-start;
}

.meta-item:nth-child(2) { margin: 0 34px; }

.meta-item:last-child {
    min-width: 160px;
    justify-content: flex-start;
}


.meta-item span, .time-item span {
    color: var(--titulo-azul);
    font-size: var(--tags-tamanho-desk);
    font-weight: var(--datas-e-capitulados-peso);
    line-height: normal;
}

.curso-item:last-child {
    border-bottom: none;
}

.content-more-info a {
    text-decoration: underline;
}

.filtros-cursos {
    position: sticky;
    top: 130px !important;
    margin-top: 17px;
    margin-bottom: 30px;
}

body, html {
    overflow-x: unset;
}

#collapse1 .curso-item h3,
#collapse1 .curso-item span,
#collapse1 .curso-item .meta-item svg path[fill] {
    color: #003F7F !important;
    fill: #003F7F !important;
}

#collapse1 .curso-item .meta-item svg path[stroke] {
    stroke: #003F7F !important;
}

#collapse2 .curso-item h3,
#collapse2 .curso-item span,
#collapse2 .curso-item .meta-item svg path[fill] {
    color: #005FBF !important;
    fill: #005FBF !important;
}

#collapse2 .curso-item .meta-item svg path[stroke] {
    stroke: #005FBF !important;
}

#collapse3 .curso-item h3,
#collapse3 .curso-item span,
#collapse3 .curso-item .meta-item svg path[fill] {
    color: #007FFF !important;
    fill: #007FFF !important;
}

#collapse3 .curso-item .meta-item svg path[stroke] {
    stroke: #007FFF !important;
}

#collapse4 .curso-item h3,
#collapse4 .curso-item span,
#collapse4 .curso-item .meta-item svg path[fill] {
    color: #339FFF !important;
    fill: #339FFF !important;
}

#collapse4 .curso-item .meta-item svg path[stroke] {
    stroke: #339FFF !important;
}

/* Mantém os botões com suas cores originais */
#collapse1 .button,
#collapse2 .button,
#collapse3 .button,
#collapse4 .button {
    background: inherit;
}

.bi-filter {
    font-size: 24px !important;
}

.filtrar {
    width: 104px;
    padding-left: 15px;
    border-radius: 15px;
    height: 26px;
    margin-top: 14px;
    margin-left: -15px;
    margin-bottom: 10px;
    color: var(--titulos-principais);
    display: flex;
    align-items: start;
    justify-content: start;
    font-size: 14px;
    font-weight: 600;
}

.filtrar-active {
    background:  var(--blue-400);
    color: white;
}

.icon-dropdown {
    width: 18px;
    height: 18px;
    margin-left: 10px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='%230B4778' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.icon-dropdown-active {
    transform: rotate(180deg);
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M6 9L12 15L18 9' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
.curso-item .col-md-4 {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-left: -25px;
}

.curso-item .col-md-8 {
    padding-right: 35px;
}


/* Estilos para Single Curso */
.single-curso-page {
    padding: 40px 0;
}

.curso-header {
    margin-bottom: 30px;
}

.curso-title {
    color: #003F7F;
    font-size: 2.5em;
    margin-bottom: 20px;
}

.curso-meta {
    background: #f8f9fa;
    padding: 20px;
    border-radius: 8px;
    margin-bottom: 30px;
}

.curso-section {
    margin-bottom: 40px;
}

.curso-section h2 {
    color: #003F7F;
    font-size: 1.8em;
    margin-bottom: 20px;
}

.main-content, .main-content-mb{
    padding: 0;
}

@media (max-width: 575.98px) {

    #galeria{
        margin: 0 15px;
    }

    .title-curso-box {
        margin: 0 15px;
        padding-top: 0; 
    }
    
    .title-curso-box .status-curso-page-curso {
        display: inline-block;
        margin: 10px 0 20px 0;
    }
    
    .title-curso-box .curso-andamento {
        font-size: 8px;
    }
    
    .title-curso-box .encerradas {
        font-size: 8px;
    }
    
    .title-curso-box .inscricoes-abertas {
        font-size: 8px;
    }
    
    .title-curso-box h1 {
        font-size: var(--títulos-h3-tamanho-mobile);
        line-height: var(--títulos-h3-line-height-mobile);
    }

    h4#titulo-pagina{
        font-size: var(--títulos-h1-tamanho-mobile);
    }

    h4#subtitulo-pagina{
        font-size: var(--títulos-h3-tamanho-mobile);
    }

    .curso-about {
        font-size: var(--texto-padrão-tamanho-mobile);
        line-height: var(--texto-padrão-line-height-mobile);
        margin: 15px;
        margin-left: 31px;
        margin-right: 31px;
    }

    .curso-more-info{
        margin-top: 30px;
        border-radius: 10px;
        /* background: var(--Nivel-Qualificacao, #007FFF); */
        padding: 12px;
        margin: 30px 15px;
    }
    
    .content-more-info{
        margin: 0 30px;
        font-size: 14px;
    }

    .curso-more-info h4 {
        font-size: var(--títulos-h4-tamanho-mobile);
    }

    .content-more-info p{
        font-size: var(--texto-padrão-tamanho-mobile);
        font-weight: 400;
        line-height: 120%; /* 14.4px */
        min-width: 200px;
    }

    .line-cursos-page{
        margin: 15px 30px 10px;
    }

    .btn-saiba-mais{
        display: flex;
        width: 188px;
        height: 32px;
        padding: 6px 0px 7px 0px;
        justify-content: center;
        align-items: center;
        margin-left: 30px;
    }

    a.btn-saiba-mais {
        color: var(--White, #FFF);
        text-align: center;

        /* Type@14semibold */
        font-family: Rawline;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }

    .content-more-info-bordered{
        border-radius: 5px;
        border: 0;
        background: 0;
        padding: 4px 0;
        display: flex;
        flex-wrap: wrap;
        gap: 20px;
        width: fit-content;
        margin-bottom: 18px;
    }
    
    .content-more-info-bordered .content-more-info {
        border-left: 0;
        padding-left: 0;
    }
    
    .content-more-info-bordered .content-more-info h6{
        margin-right: 56px;
        color: var(--titulos-secundarios);
        font-size: var(--títulos-h4-tamanho-mobile);
        /* Type@14semibold */
        font-family: Rawline;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }

    .content-more-info h6{
        margin-right: 56px;
        color: var(--titulos-secundarios);
        font-size: var(--títulos-h4-tamanho-mobile);
        /* Type@14semibold */
        font-family: Rawline;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }
    
    .content-more-info-bordered .content-more-info p{
        font-size: var(--texto-padrão-tamanho-mobile);
        font-weight: 400;
        line-height: 120%; /* 14.4px */
    }
        
    .select-busca-cursos{
        background-color: white !important;
    }
    
    .card-header button {
        color: var(--Gray-Color-Gray-0,  var(--gray-0));

        /* Type@14semibold */
        font-family: Rawline;
        font-size: var(--acordeão---título-tamanho-mobile);
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }

    .card-header button i{
        margin-right: -6px;
    }

    .curso-item .col-md-4 {
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-left: -5px; 
    }
    
    .curso-item .col-md-8 {
        padding-right: 15px; 
    }

    .titulo-pagina{
        color: var(--Textos-Ttulos-Principais,  var(--titulos-principais));
        text-align: justify;

        /* Type@20bold */
        font-family: Rawline;
        font-size: var(--títulos-h3-tamanho-mobile);
        font-style: normal;
        font-weight: 700;
        line-height: 120%; /* 24px */
    }

    #conteudo-pagina {
        text-align: justify;
        color: var(--Textos-Textos-corridos,  var(--textos-corridos));

        /* Type@14 */
        font-family: Rawline;
        font-size: var(--texto-padrão-tamanho-mobile);
        font-style: normal;
        font-weight: 400;
        line-height: var(--texto-padrão-line-height-mobile);
    }

    .curso-description{
        margin-bottom: 10px;
        text-align: justify;
    }

    .card-body{
        padding: 16px 5px 20px;
    }
    .curso-item {
        padding: 10px 0;
        border-bottom: 1px solid var(--Cor-de-fios, #D2D8E8);
    }

    .curso-item h3 {
        margin-bottom: 22px;
        color: var(--Nivel-Pos-Lato-Sensu, #003F7F);

        /* Type@14semibold */
        font-family: Rawline;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }
    

    .filtrar {
        width: 112px;
        padding-left: 8px;
        border-radius: 15px;
        height: 24px;
        margin-top: 6px;
        margin-left: 0;
        margin-bottom: 10px;
        color: var(--titulos-principais);
        display: flex;
        align-items: start;
        justify-content: start;
        font-size: 14px;
        font-weight: 600;
    }
    
    .filtrar-active {
        background:  var(--blue-400);
        color: white;
    }
    
    .main-content-mb{
        padding-right: 15px;
        padding-left: 15px;
    }
}