.color-0 { background: #003F7F; }
.color-1 { background: #005FBF; }
.color-2 { background: #007FFF; }
.color-3 { background: #339FFF; }

.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);
}

#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);
}

/* Busca e Filtro */
.busca-box h6, .filtro-box h6 {
    color: var(--titulos-principais);
    font-size: var(--texto-pequeno-tamanho-desk);
    font-weight: var(--títulos-h4-peso);
    margin-bottom: 4px;
}

.cursos-search-wrapper {
    position: relative;
    margin-bottom: 16px;
}

.busca-box, .filtro-box { margin-bottom: 16px; }

.select-busca-cursos, .input-busca-cursos {
    width: 100%;
    height: 40px;
    padding: 4px 4px 4px 16px;
    border-radius: 4px;
    border: 1px solid var(--cinza-borda);
    background: var(--branco);
    color: var(--titulos-principais);
    font-size: var(--texto-pequeno-tamanho-desk);
    font-style: italic;
    font-weight: var(--texto-pequeno-peso);
}

.cursos-search-wrapper .form-control { padding-right: 40px; }

.cursos-search-wrapper .form-control:focus, .form-control:focus {
    outline: none;
    border-color: var(--textos-e-links);
    box-shadow: none;
}

.form-control::placeholder {
    color: var(--titulos-principais);
    font-size: var(--texto-pequeno-tamanho-desk);
    font-style: italic;
    font-weight: var(--texto-pequeno-peso);
}

select.select-busca-cursos {
    color: var(--titulos-principais);
    font-size: var(--texto-pequeno-tamanho-desk);
    font-style: italic;
    font-weight: var(--texto-pequeno-peso);
    appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='%23005EA2'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' fill='%23005EA2'/%3E%3Cpath d='M11 1.5L6 6.5L1 1.5H11Z' fill='%23005EA2'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-position: right 12px center;
    padding-right: 40px;
}

select.select-busca-cursos::-ms-expand { display: none; }

.cursos-search-icon {
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    width: 16px;
    height: 16px;
    /* ... (SVG Data URL) */
    opacity: 0.6;
    cursor: pointer;
    z-index: 10;
    pointer-events: all;
}

/* Botões de Ação */
.filtro-actions {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.limpar-filtros {
    color: var(--textos-e-links);
    font-size: var(--tags-tamanho-desk);
    font-weight: var(--texto-padrão-peso);
    line-height: 120%;
    background: none;
    border: none;
    padding: 0;
    cursor: pointer;
    margin-right: 19px;
    text-align: right;
    width: 100%;
}

.aplicar-filtros {
    width: 90px;
    height: 23px;
    padding: 8px 24px;
    display: flex;
    justify-content: center;
    align-items: center;
    background: var(--bg-botao-azul);
    color: var(--branco);
    border: none;
    border-radius: 15px;
    cursor: pointer;
    font-size: var(--tags-tamanho-desk);
    font-weight: var(--texto-padrão-peso);
    margin-right: 20px;
}


/* 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 {
    border: 1px solid var(--cinza);
    border-radius: 16px !important;
}

.card-header button {
    color: var(--branco);
    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 i {
    width: 24px;
    height: 24px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' 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");
    background-repeat: no-repeat;
    background-position: center;
    transition: transform 0.3s ease;
}

.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;
}

.meta-item .curso-andamento {
    color: var(--Status-inscricao-Curso-em-andamento,  var(--curso-em-andamento));
    border-color: var(--Status-inscricao-Curso-em-andamento,  var(--curso-em-andamento));
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--tags-tamanho-desk);
    padding: 0 8px;
}

.meta-item .curso-status-default {
    color: var(--Status-inscricao-Encerradas,  var(--gray-300));
    border-color: var(--Status-inscricao-Encerradas,  var(--gray-300));
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--tags-tamanho-desk);
    padding: 0 8px;
}

.meta-item .inscricoes-abertas {
    color: var(--aberta);
    border-color: var(--Status-inscricao-Aberta,  var(--aberta));
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--tags-tamanho-desk);
    padding: 0 8px;
}

.meta-item .curso-em-breve {
    color: var(--em-breve);
    border-color: var(--em-breve);
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--tags-tamanho-desk);
    padding: 0 8px;
}

/* Title Curso Box */
.title-curso-box {
    text-align: center;
    padding: 10px 0;
    border-radius: 20px;
}

.title-curso-box .status-curso-page-curso {
    display: inline-block;
    margin: 10px 0 20px 0;
}


.title-curso-box .curso-andamento { /* status do curso dentro da title-curso-box*/
    color: var(--Status-inscricao-Curso-em-andamento,  var(--curso-em-andamento));
    border-color: var(--Status-inscricao-Curso-em-andamento,  var(--curso-em-andamento));
    background-color: var(--branco);
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--tags-tamanho-desk);
    padding: 0 8px;
    display: inline-block;
}

.title-curso-box .encerradas { /* status do curso dentro da title-curso-box*/
    color: var(--Status-inscricao-Encerradas,  var(--gray-300));
    border-color: var(--Status-inscricao-Encerradas,  var(--gray-300));
    background-color: var(--branco);
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--tags-tamanho-desk);
    padding: 0 8px;
    display: inline-block;
}


.title-curso-box .inscricoes-abertas { /* status do curso dentro da title-curso-box*/
    color: var(--Status-inscricao-Aberta,  var(--aberta));
    border-color: var(--Status-inscricao-Aberta,  var(--aberta));
    background-color: var(--branco);
    border: 1px solid;
    border-radius: 4px;
    font-size: var(--tags-tamanho-desk);
    padding: 0 8px;
    display: inline-block;
}

.title-curso-box h1 {
    color: var(--branco);
    text-align: center;
    font-family: Rawline; /* Ou var(--font-family-principal) se definida */
    font-size: var(--títulos-h1-tamanho-desk);
    font-style: normal;
    font-weight: var(--títulos-h1-peso);
    line-height: var(--títulos-h1-line-height-desk);
    margin-left: 24px;
    margin-right: 24px;
}

.curso-about {
    color: var(--textos-corridos);
    font-family: Rawline; /* Ou var(--font-family-principal) se definida */
    font-size: var(--texto-padrão-tamanho-desk);
    font-style: normal;
    font-weight: var(--texto-padrão-peso);
    line-height: var(--texto-padrão-line-height-desk);
    margin-top: 20px;
}

.curso-more-info {
    margin-top: 30px;
    border-radius: 10px;
    padding: 12px;
    margin-bottom: 20px;
}

.curso-more-info h4 {
    color: var(--Natural-Color-Negativo, #FFF); /* Defina esta variável no style.css */
    text-align: center;
    font-size: var(--títulos-h4-tamanho-desk);
    font-style: normal;
    font-weight: var(--títulos-h4-peso);
    margin-bottom: 0;
}

.content-more-info h6 {
    color: var(--titulos-secundarios);
    font-family: Rawline; /* Ou var(--font-family-principal) */
    font-size: var(--texto-padrão-tamanho-desk);
    font-style: normal;
    font-weight: var(--títulos-h4-peso);
    line-height: 120%;
}

.content-more-info p {
    color: var(--textos-corridos);
    font-family: Rawline; /* Ou var(--font-family-principal) */
    font-size: var(--texto-padrão-tamanho-desk);
    font-style: normal;
    font-weight: var(--texto-padrão-peso);
    line-height: var(--texto-padrão-line-height-desk);
    margin-top: -5px;
}


.content-more-info-bordered {
    border-radius: 5px;
    border: 0.5px solid var(--cinza-borda);
    background: var(--cinza-fundo);
    padding: 4px 8px;
    display: flex;
    /*flex-wrap: wrap;*/
    gap: 20px;
    margin-bottom: 18px;
}

.content-more-info-bordered .content-more-info {
    border-left: 1px solid var(--cinza-borda);
    padding-left: 10px;
}

.content-more-info-bordered .content-more-info h6 { margin-right: 56px; }

.content-more-info-bordered .content-more-info p {
    margin-bottom: 0;
    /*margin-right: 56px;*/
}

.content-more-info-bordered .content-more-info:first-child {
    border-left: none;
    padding-left: 0;
}

.btn-saiba-mais {
    border-radius: 45px;
    background: var(--bg-botao-azul);
    display: flex;
    width: 226px;
    height: 38px;
    padding: 9px 15px 10px 15px;
    justify-content: center;
    align-items: center;
    flex-shrink: 0;
    border: 0;
}

a.btn-saiba-mais {
    color: var(--branco);
    text-align: center;
    font-style: normal;
    font-weight: var(--botão-primário-peso);
}

/* Ajustado acima */

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

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

body, html {
    overflow-x: unset;
}

#heading1, .card-header{
    background-color: #003F7F !important;
}

#heading2, .card-header{
    background-color: #005FBF !important;
}

#heading3, .card-header{
    background-color: #007FFF !important;
}

#heading4, .card-header{
    background-color: #339FFF !important;
}

#collapse1 .card-body {
    color: #003F7F !important;
}

#collapse2 .card-body {
    color: #005FBF !important;
}

#collapse3 .card-body {
    color: #007FFF !important;
}

#collapse4 .card-body {
    color: #339FFF !important;
}

#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");
}

.busca-mobile{
    margin-bottom: 20px;
}

.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;
}

.curso-content-programatico,
.curso-publico-alvo,
.curso-pre-requisitos {
    font-size: 1.1em;
    line-height: 1.6;
    color: #444;
}

.curso-sidebar {
    background: #f8f9fa;
    padding: 25px;
    border-radius: 8px;
}

.inscricao-box {
    text-align: center;
    margin-bottom: 30px;
}

.btn-inscricao {
    display: inline-block;
    padding: 15px 40px;
    font-size: 1.2em;
    font-weight: 600;
    text-transform: uppercase;
    width: 100%;
    background-color: #007FFF;
    border: none;
    color: #fff;
    border-radius: 4px;
    transition: background-color 0.3s ease;
}

.btn-inscricao:hover {
    background-color: #0056b3;
    color: #fff;
    text-decoration: none;
}

.info-box {
    margin-top: 30px;
}

.info-box h3 {
    color: #003F7F;
    font-size: 1.4em;
    margin-bottom: 15px;
}

.info-content {
    font-size: 1em;
    line-height: 1.5;
    color: #666;
}

.carga-horaria{
    width: 40px;
}

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

.line-cursos-page{
    height: 1px;
    flex-shrink: 0;
    background: var(--Cor-de-fios, #D2D8E8);
}

/*cursos relacionados*/
.cd-cursos-relacionados{
    padding-left: 50px;
    padding-right: 50px;
}

.card-cursos-relacionados{
    border-radius: 15px;
    border: 1px solid var(--Cor-de-fios, #D2D8E8);
    background: var(--Gray-Color-Gray-0,  var(--gray-0));
}

.card-body-cursos-relacionados{
    padding: 0 15px 15px !important;
}

.conteudo-cursos-relacionados{
    height: 100px;
}

.btn-ver-cursos-relacionados{
    margin-top: 15px;
}

.btn-ver-cursos-relacionados button {
    border-radius: 30px;
    color: #fff;
    padding: 8px 24px;
    background-color: var(--bg-botao-azul);
    font-size: 16.8px;
    font-weight: 600;
}

.title-curso-box h1.title-cursos-relacionados {
    color: var(--branco);
    font-size: var(--títulos-h3-tamanho-desk);
    font-weight: 500;
    line-height: normal;
    padding: 0 15px 0px;
}

.title-cursos-relacionados-box{
    border-radius: 15px 15px 0 0;
    height: 130px;
    align-content: center;
}

#lbl-cursos-relacionados{
    color: var(--titulos-principais);
    font-weight: var(--títulos-h1-peso);
    font-size: var(--títulos-h3-tamanho-desk);
    line-height: var(--titulos-line-height-h-4, 30px); /* 136.364% */
    letter-spacing: var(--titulos-letter-spacing-h-4, 0.3px);
}

#lbl-noticias-relacionadas{
    color: var(--titulos-principais);
    font-weight: var(--títulos-h1-peso);
    font-size: var(--títulos-h3-tamanho-desk);
    line-height: var(--titulos-line-height-h-4, 30px); /* 136.364% */
    letter-spacing: var(--titulos-letter-spacing-h-4, 0.3px);
}

.info-cursos-relacionados{
    padding: 0 15px 15px !important;
}

.info-cursos-relacionados span, .info-cursos-relacionados svg path[fill] {
    color: #003F7F !important;
    fill: #003F7F !important;
    font-size: var(--tags-tamanho-desk);
    font-weight: var(--datas-e-capitulados-peso);
}

.info-cursos-relacionados svg path[stroke] {
    stroke: #003F7F !important;
}

.card-cursos-relacionados .btn-sm {
    font-size: 10px;
    padding: 2px 6px;
    color: var(--tag);
    border-color: var(--tag);
}

.info-cursos-relacionados {
    width: 100%;
    margin-top: 0.5rem;
}

.info-cursos-relacionados .left,
.info-cursos-relacionados .center,
.info-cursos-relacionados .right {
    flex-shrink: 0;
}

.categoria-curso {
    background-color: initial;
    pointer-events: none; 
}

.swiper-button-next::after, .swiper-button-prev::after {
    font-size: 20px !important;
}

.title-noticias-relacionadas{
    color:  var(--blue-300) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important; /* 136.364% */
    letter-spacing: 0.2 !important;
}

.title-noticias-relacionadas a{
    color:  var(--blue-300) !important;
    font-size: 18px !important;
    font-weight: 600 !important;
    line-height: 24px !important; /* 136.364% */
    letter-spacing: 0.2 !important;
}

#card-noticias-relacionadas{
    height: 100%;
}

#card-noticias-relacionadas .card-body{
    height: 65%;
}

#card-footer-noticias-relacionadas{
    padding: .75rem 1.0rem;
    padding-left: 0;
    padding-right: 0;
}

.data-noticias-relacionadas a{
    color:  var(--gray-200) !important;
    font-size: 14px !important;
    line-height: 20px;
    letter-spacing: 0%;
    font-weight: 600 !important;
    font-family: Rawline;
}

@media (max-width: 575.98px) {

    .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);
    }

    .curso-about {
        font-size: var(--texto-padrão-tamanho-mobile);
        line-height: var(--texto-padrão-line-height-mobile);
        text-align: justify;
        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;
        text-align: justify;
    }

    .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: var(--texto-padrão-line-height-mobile);
        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 */
    }
    
    .carga-horaria{
        color: var(--Nivel-Pos-Lato-Sensu, #003F7F);
        text-align: center;
        font-size: 10px;
        font-style: normal;
        font-weight: 600;
        line-height: normal;
    }

    .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;
    }

    .search-sidebar input[type="text"] {
        width: 104%;
        height: 32px;
        border-radius: 10px;
        background: var(--Gray-Color-Gray-0,  var(--gray-0));
        border: 0;
        padding: 6px 8px 8px 12px;
        margin-left: -10px;
        overflow: hidden;
        color: var(--Textos-Datas-e-capitulados,  var(--datas-e-capitulos)) !important;
        font-family: Rawline;
        font-size: 10px;
        font-style: italic;
        font-weight: 400;
        line-height: 120%; /* 12px */
    }

    .search-sidebar input[type="text"]::placeholder{
        color: var(--Textos-Datas-e-capitulados,  var(--datas-e-capitulos)) !important;
        font-family: Rawline;
        font-size: 10px;
        font-style: italic;
        font-weight: 400;
        line-height: 120%; /* 12px */
    }
    
    .search-sidebar a {
        color: #aaa;
        text-decoration: none;
    }
    
    .search-sidebar a:hover {
        color: #000;
    }
    
    .search-sidebar i {
        color: var(--textos-e-links);
        font-size: 24px;
        position: absolute;
        top: -6px;
        right: 23px;
    }

    .filtrar{
        color: var(--Textos-Hiperlinks,  var(--blue-300));
        font-family: Rawline;
        font-size: 14px;
        font-style: normal;
        font-weight: 600;
        line-height: 120%; /* 16.8px */
    }

    .filtrar-active{
        color: white;
    }

    /* cursos relacionados */
    #lbl-cursos-relacionados{ 
        font-size: var(--texto-padrão-tamanho-mobile);
        line-height: normal;
    }

    .title-cursos-relacionados-box{
        margin: 0;
    }

    .cd-cursos-relacionados {
        
        display: flex;
    }

    .swiper-button-next-cursos-relacionados, .swiper-button-prev-cursos-relacionados{
        display: none;
    }

    .cd-cursos-relacionados {
        padding-left: 0;
        padding-right: 0;
    }

    .cd-cursos-relacionados-mb {
        padding-left: 0;
        padding-right: 0;
    }

    .main-content-mb{
        padding-right: 15px;
        padding-left: 15px;
    }
}