/* Estilo personalizado para a seção com imagem de fundo*/
.row.sobre-nos-1 {
    height: 286px;
    justify-content: center;
}

.titulo-sobre-nos {
    text-align: center;
    background-color: #4242f8;
}

/* Estilo para centralizar o título */
.texto-sobre {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}

@media (min-width: 992px) {
    .col-lg-7 {
        flex: 0 0 auto!important;
        width: 100%!important;
    }
}

.titulo-roteiro {
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
}

.titulo-roteiro span {
    color: #fff;
    margin: 0 auto;
    font-weight: 700;
}

.titulo-roteiro-1 {
    font-size: 30px;
    font-family: Inter Tight;
}

.titulo-roteiro-2 {
    font-size: 50px;
    font-weight: 300 !important;
    font-family: Inter Tight;
}

.titulo-sobre-nos h1 {
    color: #fff;
    margin-left: 350px;
    font-size: 36px;
    font-weight: 700;
}

.link-aqui {
  text-decoration: underline;
}

.imagem-sobre {
    height: 216px;
    position: absolute;
    display: flex;
    justify-content: center;
    align-items: center;
}

@media (min-width: 992px) {
    .col-lg-5 {
        flex: 0 0 auto!important;
        width: 100%!important;
    }
}

.imagem-sobre img {
    height: 100%;
}

.sobre {
    text-align: left;
    padding: 30px; /* Espaçamento interno */
    margin: 0 auto; /* Centraliza a seção na página */
    max-width: 80%; /* Define a largura máxima da seção */
    background-color: #FFFFFF; /* Cor de fundo desejada */
}

.detalhes {
    margin: 0 auto;
    margin-bottom: 40px;
    align-items: center;
}

.cx-o-que-e,
.cx-para-quem,
.cx-como {
    font-family: Space Grotesk;
    font-size: 20px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    background-color: #4242F8;
    width: fit-content;
    padding: 5px 5px;
    margin: 10px 0px;
}

.row.central-1,
.row.central-2,
.row.central-3 {
    height: 100%;
    align-content: center;
    margin: 30px 0px;
}

.texto-grupo-1,
.texto-grupo-2,
.texto-grupo-4 {
    color: #27262E;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
}

.texto-grupo-3 {
    font-family: Space Grotesk;
    font-size: 36px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #4242F8;
}

.txt-grupo-1,
.txt-grupo-2,
.txt-grupo-3 {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.img-grupo-1,
.img-grupo-2,
.img-grupo-3 {
     text-align: center;
     align-content: center;
}

.lista-texto-1,
.lista-texto-2,
.lista-texto-3 {
    display: list-item;
    color: #27262E;
    font-size: 14px;
    font-family: 'Inter', sans-serif;
    list-style-type: disc !important;
}

.lista-texto-1::marker,
.lista-texto-2::marker,
.lista-texto-3::marker {
    color: #08C6B2;
}

.resultadoscalendario {
    text-align: left;
    padding: 30px; /* Espaçamento interno */
    margin: 0 auto; /* Centraliza a seção na página */
    max-width: 80%; /* Define a largura máxima da seção */
    background-color: #FFFFFF; /* Cor de fundo desejada */
}

.row.resultados {
    overflow: hidden;
    gap: 15px;
    padding-right: 0px !important;
    padding-left: 0px !important;
}

.row.resultados {
    padding-left: 0px;
    padding-right: 0px;
    justify-content: space-evenly;
}

.accordion-body {
    overflow: auto;
}

caption {
    visibility: collapse;
}

.table.table-hover {
    border-block-color: #08c6b2;
}

.table thead tr th {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 46px;
    letter-spacing: 0em;
    text-align: left;
    color: #4242F8;
    width: 450px;
}

.table tbody tr th {
    font-family: 'Inter', sans-serif;
    font-size: 12px;
    font-weight: 700;
    /*line-height: 17px;*/
    letter-spacing: 0em;
    text-align: left;
    color: #08C6B2;
    vertical-align: middle;
    
}

.table tbody tr td {
    font-family: 'Inter', sans-serif;
    vertical-align: middle;
    font-size: 12px;
    font-weight: 400;
    /*line-height: 20px;*/
    letter-spacing: 0em;
    text-align: left;
}

.table>:not(caption)>*>* {
    padding: 2px 2px;
}

.botao-calendario-1 {
    margin: 30px 0px 80px 0px;
}

.botao-ver-calendario {
    background-color: #08C6B2;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    width: 160px;
    height: 50px;
    border-radius: 30px;
    border-color: transparent;
}

.botao-resultado {
    text-align: center;
    margin: 15px auto;
    width: auto;
}

.botao-brochura {
    background-color: #4242f8;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    width: 200px;
    height: 35px;
    border-radius: 30px;
    border-color: transparent;
    margin: 0px auto;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    box-shadow: 4px 3px 10px #4242f861;
}

#previousPageButton, #nextPageButton {
    background-color: #4242F8;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    width: 130px;
    height: 40px;
    border-radius: 30px;
    border-color: transparent;
    box-shadow: 4px 3px 10px #4242f861;
    margin: 0px 10px;
}

.pageButton {
    background-color: #4242F8;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    border-color: transparent;
    margin: 5px;
    padding: 3px;
}

.pageButton.active {
    box-shadow: 4px 3px 10px #a5acaf;
    background-color: #4242F8;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    width: 30px;
    height: 40px;
    border-radius: 5px;
    border-color: transparent;
    margin: 5px;
    padding: 3px;
}

.botao-ver-mais {
    background-color: #08C6B2;
    color: #fff;
    font-weight: 700;
    font-family: 'Inter', sans-serif;
    width: 200px;
    height: 45px;
    border-radius: 30px;
    border-color: transparent;
    margin-bottom: 40px;
    box-shadow: 4px 3px 10px #a5acaf;
}

.mensagemDataZero {
    color: #4242F8;
    font-family: 'Inter', sans-serif;
}

/*Compromisso C-Academy*/
.Parceiros {
    display: grid;
    align-items: center;
    height: 100%;
}

.row.parceiros {
    text-align: center;
    margin-bottom: 40px;
}

.Titulo-parceiros {
    margin-top: 40px;
    margin-bottom: 20px;
    font-weight: 600;
    font-size: 30px;
    color: #4242F8;
}

.resumo-compromisso {
    margin-bottom: 30px;
    font-size: 16px;
    font-family: 'Inter', sans-serif;
    color: #4242F8;
    padding: 0px 15%;
}

.accordion-body {
    align-items: center;
}

.accordion-button[data-bs-target="#col_publicoAlvo"] {
    background-color: #4242F8;
    color: white;
}

.accordion-button[data-bs-target="#col_prioridadeInscricao"] {
    background-color: #04C7B2;
    color: white;
}

.accordion-button[data-bs-target="#col_requisitosParticipacao"] {
    background-color: #7D54F2;
    color: white;
}

.accordion-button[data-bs-target="#col_custosCondicoes"] {
    background-color: #FEC82F;
    color: white;
}

.accordion-button[data-bs-target="#col_certificacao"] {
    background-color: #8594A3;
    color: white;
}

.col-md-2.parceiros {
    margin: 25px 0px;
}

.img-1-Parceiros {
    width: 175px;
}

.nome-parceiro {
    margin-top: 12px;
    color: #4242F8;
    font-weight: 400;
}

.linha-parceiros {
    border: 1px solid #a9a9a9;
    /*width: 80%;*/
    margin: 0 auto;
}

/* container em grid 3 colunas (1 no mobile) */
.obj-cards{
  display:grid;
  grid-template-columns: repeat(3, minmax(0,1fr));
  gap:48px 64px;
  margin: 24px 0 16px;
}

/* card com ícone à esquerda e texto à direita */
.obj-card{
  display:flex;
  align-items:center;
  gap:20px;
  min-height:120px;
}

/* ícones SVG com cor e tamanho parecidos ao print */
.obj-icon{
  flex:0 0 96px;        /* largura fixa do bloco do ícone */
  display:flex;
  align-items:center;
  justify-content:center;
}
.obj-icon svg{
  width:88px;
  height:88px;
  fill:#16c2a3;         /* verde-água do print */
}

/* texto */
.obj-text{
  margin:0;
  line-height:1.5;
  color:#222;
  max-width: 440px;
  font-size: 16px;
}

.rodape {
    height: auto;
}

/* responsivo */
@media (max-width: 1100px){
  .obj-cards{ grid-template-columns: repeat(2, minmax(0,1fr)); }
}
@media (max-width: 700px){
  .obj-cards{ grid-template-columns: 1fr; gap:28px; }
  .obj-icon{ flex-basis:72px; }
  .obj-icon svg{ width:64px; height:64px; }
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .card {
        width: 238px;
    }

    .row {
        margin-right: 0px !important;
        margin-left: 0px !important;
    }
    
    .resultadoscalendario {
        text-align: left;
        padding: 0px;
        margin: 0 auto;
        max-width: 100%;
        background-color: #FFFFFF;
    }
    
    .accordion-body {
        text-align: center;
    }
}

@media screen and (min-width: 768px) and (max-width: 991px) {
    .texto-calendario {
        position: absolute;
        right: 170px;
        top: 170px;
    }

}

@media screen and (max-width: 440px) {
    
    .row.calendario-1 {
        position: relative;
    }
    
    
}

@media screen and (min-width: 320px) and (max-width: 768px) {
    .row {
        margin-right: 0px;
        margin-left: 0px;
    }
    
    .row.sobre-nos-1 {
    height: 286px;
    }
    
    .titulo-sobre-nos {
        text-align: center;
        background-color: #4242f8;
    }
    
    /* Estilo para centralizar o título */
    .texto-sobre {
        text-align: center;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
    }
    
    @media (min-width: 992px) {
        .col-lg-7 {
            flex: 0 0 auto!important;
            width: 100%!important;
        }
    }
    
    .titulo-roteiro {
        display: flex;
        flex-direction: column;
        align-content: center;
        align-items: center;
    }
    
    .titulo-roteiro span {
        color: #fff;
        margin: 0 auto;
        font-weight: 700;
    }
    
    .titulo-roteiro-1 {
        font-size: 30px;
        font-family: Inter Tight;
    }
    
    .titulo-roteiro-2 {
        font-size: 50px;
        font-weight: 300 !important;
        font-family: Inter Tight;
    }
    
    .titulo-sobre-nos h1 {
        color: #fff;
        margin-left: 350px;
        font-size: 36px;
        font-weight: 700;
    }
    
    .link-aqui {
      text-decoration: underline;
    }
    
    .imagem-sobre {
        height: 216px;
        position: absolute;
        display: flex;
        justify-content: center;
        align-items: center;
    }
    
    @media (min-width: 992px) {
        .col-lg-5 {
            flex: 0 0 auto!important;
            width: 100%!important;
        }
    }
    
    .imagem-sobre img {
        height: 100%;
    }

    /*Ajustar imagem e texto do titulo Oferta Formativa
    .sobre-nos-1 {
        flex-direction: column-reverse;
    }*/

    .titulo-sobre-nos h2 {
        color: #fff;
        margin-left: 0px;
        font-size: 36px;
        font-weight: 700;
    }

    .texto-sobre {
        margin: 10px 0px;
    }

    /*.imagem-sobre {
        height: -webkit-fill-available;
        height: fit-content;
    }*/

    .imagem-sobre img {
        width: -webkit-fill-available;
    }

    .row.central-1,
    .row.central-3 {
       height: 100%;
    }

    .row.central-2 {
       height: 100%;
    }

    .col-sm-6.img-grupo-1 > img {
       width: 100%;
    }
    
    .col-sm-4.svg-barra-contactos {
        display: none;
    }
    
    .sobre {
        text-align: left;
        padding: 0px;
        margin: 0 auto;
        max-width: 100%;
        background-color: #FFFFFF;
    }
    
}

@media screen and (min-width: 576px) and (max-width: 768px) {
    .col-sm-4.svg-barra-contactos {
        display: none;
    }

    .col-sm-5.texto {
        width: 50%;
    }
    
    .col-sm-3.botao {
        width: 50%;
    }
}

@media screen and (min-width: 768px) and (max-width: 1150px) {
    .row.central-1,
    .row.central-3 {
       height: 100%;
    }

    .row.central-2 {
       height: 100%;
    }

    .col-sm-6.img-grupo-1 > img {
       width: 100%;
    }


}

@media screen and (max-width: 440px) {

    #logo-CNCS-rodape > svg {
        width: 85px;
    }
    
    .hr-rodape {
        height: 8vh;
    }
    
    .botao-ver-mais.inscricao {
        color: #4242f8;
        background-color: #FFFFFF;
        box-shadow: 4px 3px 10px #4242f861;
        width: auto;
        margin: 150px 15px 0px 15px!important;
        font-weight: 700;
        padding: 10px 25px;
    }
}