@import url('https://fonts.googleapis.com/css2?family=Exo+2:ital,wght@0,100..900;1,100..900&family=Exo:ital,wght@0,100..900;1,100..900&display=swap');



* {

    box-sizing: border-box;

}



body {

    /* font-family: 'Poppins'; */

    font-family: "Exo", sans-serif;

    margin: 0;

    padding: 0;

}





/* POLÍTICA DE PRIVACIDADE*/



.pp-container {

    max-width: 1170px;

    margin: 0 auto;

    padding: 50px 20px;

}



/* .politicaPrivacidade {

    padding: 50px 0;

} */



.politicaPrivacidade h1,

.politicaPrivacidade h2 {

    font-family: 'Montserrat';

}



.politicaPrivacidade h1 {

    font-size: 2.5rem;

    color: #02580f;

    padding-bottom: 50px;

}



.politicaPrivacidade h1::after {

    content: "";

    width: 120px;

    height: 10px;

    background: #02580f;

    display: block;

    margin-top: 20px;

}



.politicaPrivacidade p {

    /* font-family: 'Poppins'; */

    font-family: "Exo", sans-serif;

    text-align: justify;

    line-height: 30px;

    /* padding-top: 30px; */

}



.politicaPrivacidade a {

    color: #02580f;

    text-decoration: dashed;

}



.pp-container section{

    border-bottom: 1px solid #02580f50;

}



.pp-container section:nth-child(5) {

    border: none;

}





/* HOME */



#Home .bg {

    background-image: url('../images/original-dc16e77fb238cf358a7665ddda5db135.jpg');

    background-repeat: no-repeat;

    background-size: cover;

}



#Home .bg .container {

    height: auto;

    background-color: #0c650ad8;

    display: flex;



    position: relative;

    padding-bottom: 75px;

}



#Home .bg .container .descricao {

    width: 50%;

    padding: 30px 30px 50px 30px;

}



#Home .bg .container .descricao h1 {

    font-size: 3rem;

    color: #fff;

}



#Home .bg .container .descricao p {

    font-size: 1.2rem;

    color: #fff;

    margin-bottom: 2.5rem;

}



#Home .bg .container .descricao h1 span {

    color: #FAC832;

}


.botao-padrao {
    text-decoration: none;
    display: inline-block;
  }
  
  /* Botão em si */
  .botao-padrao button {
    padding: 10px 20px;
    border-radius: 4px;
    border: 1px solid #2ee92b;
    background-color: #129b10;
    color: #fff;
    font-weight: bold;
    font-size: 16px;
    cursor: pointer;
    animation: 2s botaoAnimado infinite;
    display: flex;
    align-items: center;
    gap: 8px;
    transition: background-color 0.3s ease;
  }
  
  /* Ícone SVG dentro do botão */
  .botao-padrao button svg {
    width: 30px;
    height: 30px;
    fill: white;
  }
  
  /* Hover mantendo verde */
  .botao-padrao button:hover {
    background-color: #0e7f0d;
    color: #fff;
  }
  
  /* Animação leve */
  @keyframes botaoAnimado {
    0%   { transform: scale(1); }
    50%  { transform: scale(1.1); }
    100% { transform: scale(1); }
  }

  @media (max-width: 600px) {
    .botao-padrao {
      display: flex;
      justify-content: center;
      width: 100%;
      margin: 20px 0;
    }
  
    .botao-padrao button {
      width: 100%;
      max-width: 320px;
      text-align: center;
    }
  }
  


#Home .orgaos {

    background-color: #FAC832;

    padding: 50px 0;

    overflow: hidden;

}



#Home .orgaos .container .titulo {

    display: flex;

    flex-direction: column;

    align-items: center;

    text-align: center;

}



#Home .orgaos .container .titulo h1 {

    max-width: 700px;

    font-size: 2.5rem;

    margin: 0;

    color: #02580f;

}



#Home .orgaos .container .titulo p {

    max-width: 1000px;

    font-size: 1.5rem;

}



@media (max-width: 700px) {

    #Home .bg .container .descricao {

        width: 100%;

    }



    #Home .bg .container .descricao h1 {

        font-size: 2rem;

    }



    #Home .orgaos .container .titulo h1 {

        font-size: 2rem;

    }

}



/*ÁREAS*/



/*

*

*

*/



.tituloMaisOpcoes h1 {

    font-size: 3rem;

    color: #fff;

    text-align: center;

    max-width: 900px;

}



.tituloMaisOpcoes::after {

    content: "";

    width: 120px;

    height: 10px;

    background: #FAC832;

    display: block;

    margin: 20px auto 0;

}



.maisOpcoes {

    display: flex;

    flex-direction: column;

    align-items: center;

    padding: 50px 20px;

    background-color: #008000;

}



.container .titulo {

    text-align: center;

}



.container .areaH1 {

    padding-top: 50px;

    font-size: 2rem;

    color: #fff;

}



.container .titulo h1{

    font-size: 2rem;

    color: #fff;

}



.container .titulo h4{

    font-size: 1.2rem;

    font-weight: 500;

    color: #fff;

}

.maisOpcoes .container {

    display: flex;

    flex-direction: column;

    width: 100%;

    max-width: 1170px;

}



.maisOpcoes .container .titulo {

    padding-bottom: 50px;

}



.maisOpcoes .container .opcoesItemsCursos {

    display: grid;

    grid-template-columns: repeat(3, 1fr);

    gap: 15px 30px;

}







.opcoesItemsCursos .opcaoCurso {

    cursor: pointer;

    text-align: center;

    /* padding: 10px; */

    height: 50px;

    border-radius: 5px;

    border: 1px solid #f4f4f4;

    box-shadow: 0 0px 6px rgba(0, 0, 0, 0.1);

    background: transparent;

    /* color: #fff; */

}



.opcoesItemsCursos .opcaoCurso a {

    display: flex;

    justify-content: center;

    align-items: center;

    width: 100%;

    height: 100%;

    font-size: 1.2rem;

    font-weight: 500;

    color: #fff;

    text-decoration: none;

}



.opcoesItemsCursos .opcaoCurso:hover,

.opcoesItemsCursos .opcaoCurso:hover a {

    background-color: #fff;

    color: green;

}



/* .maisOpcoes > div:nth-child(3) > .opcoesItemsCursos > div:last-child {

    background-color: #C4E538;

} */



.maisOpcoes > div:nth-child(3) > .opcoesItemsCursos > div:last-child:hover {

    background-color: #02580F;

}



.vejaTodosCursos {

    width: 100%;

    max-width: 1170px;

    background-color: #02580F;

    padding: 10px;

    text-align: center;

    cursor: pointer;

    margin-top: 30px;

}



.vejaTodosCursos a {

    font-size: 1.2rem;

    color: #fff;

}



@media (max-width: 700px) {

    .maisOpcoes .container .titulo {

        padding-bottom: 10px;

    }



    .container .areaH1 {

        text-align: center;

        font-size: 1.5rem;

    }

}

/*

*

* MEC/SISTEC

*
*/

/* Estilo principal */
.mec-sistec {
    margin-bottom: 50px; /* Margem do final da tela */
    padding: 20px; /* Espaçamento interno */
}

.mec-sistec .titulo {
    margin-bottom: 20px; /* Espaçamento inferior do título */
}

.mec-sistec .titulo h1 {
    font-size: 2.5em; /* Tamanho maior para o título */
    color: #115A10; /* Cor do título */
    text-align: center; /* Centralização */
    margin-bottom: 5px; /* Reduz o espaço inferior entre o título e a descrição */
}

.mec-sistec .conteudo {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    padding: 0 20px; /* Adiciona espaçamento lateral */
    margin: 0 auto; /* Centraliza o conteúdo */
    max-width: 90%; /* Reduz a largura máxima geral */
}

.mec-sistec .conteudo p {
    font-size: 1.5em;
    color: #0a0a0a;
    margin-top: 5px; /* Reduz o espaço superior na descrição */
    text-align: center;
    max-width: 1000px; /* Limite de largura */
}

/* Imagem */
.mec-sistec .mec-sistec-logo {
    max-width: 100%; /* Garante que a imagem seja responsiva */
    height: auto; /* Mantém a proporção da imagem */
    margin-top: 20px;
    border-radius: 15px; /* Borda arredondada */
    border: 2px solid #115A10; /* Adiciona uma borda verde */
}

/* Responsividade para telas médias */
@media (max-width: 768px) {
    .mec-sistec {
        margin-bottom: 30px; /* Reduz a margem inferior em telas médias */
    }

    .mec-sistec .titulo h1 {
        font-size: 2em; /* Reduz o tamanho do título */
    }

    .mec-sistec .conteudo {
        padding: 0 10px; /* Reduz o espaçamento lateral */
        max-width: 95%; /* Permite um ajuste mais próximo das bordas */
    }

    .mec-sistec .conteudo p {
        font-size: 1.2em;
        max-width: 90%; /* Reduz a largura máxima */
    }

    .mec-sistec .mec-sistec-logo {
        max-width: 100%; /* Garante que a imagem ocupe toda a largura disponível */
        height: auto; /* Mantém proporção */
        margin-top: 10px;
    }
}

/* Responsividade para dispositivos extra pequenos */
@media (max-width: 480px) {
    .mec-sistec {
        margin-bottom: 20px; /* Reduz a margem inferior ainda mais em telas pequenas */
    }

    .mec-sistec .titulo h1 {
        font-size: 1.5em; /* Reduz ainda mais o título */
    }

    .mec-sistec .conteudo {
        padding: 0 5px; /* Quase sem espaçamento lateral */
        max-width: 100%; /* Usa toda a largura da tela */
    }

    .mec-sistec .conteudo p {
        font-size: 1em;
        margin: 10px 0;
    }

    .mec-sistec .mec-sistec-logo {
        max-width: 100%; /* Ocupa toda a largura disponível */
        height: auto;
        margin-top: 15px;
    }
}



/*

*

* NÚMEROS

*

*/



.numeros {

    display: flex;

    justify-content: center;

    background-color: #fff;

    padding: 50px 20px;

}



.numeros .container {

    width: 100%;

    max-width: 1170px;

    padding-bottom: 30px;

}



.numeros .container .titulo h1 {

    font-size: 2.5rem;

    color: #02580F;

    text-align: center;

    padding-bottom: 50px;

    margin: 0;

}



.numeros .container .blocos {

    display: flex;

    justify-content: center;

    gap: 10px;

}



.numeros .container .blocos .lugar {

    background-color: #008000;

    width: 100%;

    max-width: 350px;

    border-radius: 5px;

    text-align: center;

    padding: 30px 0;

}



.numeros .container .blocos .lugar h1 {

    font-size: 4rem;

    color: #FAC832;

    margin: 0;

}



.numeros .container .blocos .lugar p {

    font-size: 1.5rem;

    font-weight: 500;

    color: #fff;

    margin: 0;

}



@media (max-width: 700px) {

    .numeros .container .blocos {

        flex-direction: column;

    }

}



/*

*

*

* FAQ

*

*/



.faq {

    padding: 50px 20px 0 20px;

}



.faq .titulo h1 {

    font-size: 2.5rem;

    color: #02580F;

    text-align: center;

    margin: 0;

}



.faq .titulo::after {

    content: "";

    width: 120px;

    height: 10px;

    background: #02580f;

    display: block;

    margin: 20px auto 0;

}



.faq .titulo h6 {

    font-size: 1.5rem;

    text-align: center;

    padding-bottom: 30px;

}



.faq-container {

    max-width: 1170px;

    margin: 50px auto;

    padding: 20px;

    background-color: #fff;

    border-radius: 10px;

    /* box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); */

}



.question {

    cursor: pointer;

    background-color: #fff;

    padding: 15px;

    margin: 10px 0;

    border-radius: 5px;

    transition: background-color 0.3s ease;

    border: 1px solid #f4f4f4;

    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);

    font-weight: 500;

}



.question.active {

    background-color: #02580F;

    color: #fff;

}



.question:hover {

    background-color: #02580fd8;

    color: #fff;

}



.answer {

    padding: 10px 15px;

    border-left: 3px solid #4CAF50;

    display: none;

}



.answer p:nth-child(2) {

    padding-top: 15px;

    padding-bottom: 10px;

}



.answer.show {

    display: block;

    animation: fadeIn 0.5s ease;

}



.answer p, .answer ul {

    padding-left: 20px;

}



.answer p, .answer li {

    line-height: 30px;

}



@keyframes fadeIn {

    from {

        opacity: 0;

        transform: translateY(-10px);

    }

    to {

        opacity: 1;

        transform: translateY(0);

    }

}



@media (max-width: 1170px) {



    .maisOpcoes .container .opcoesItemsCursos {

        grid-template-columns: repeat(2, 1fr);

    }



    .ideal img {

        max-width: 350px;

    }



    .sejaPolo h1 {

        padding-left: 20px;

    }

}



@media (max-width: 900px) {



    .ideal img {

        max-width: 300px;

    }



    .ideal {

        gap: 20px;

    }



    .tituloPolo h1,

    .tituloMaisOpcoes h1,

    .numeros .container .titulo h1,

    .faq .titulo h1 {

        font-size: 2rem;

    }



    .tituloPolo h2 {

        font-size: 1.2rem;

    }



    .descricao h1,

    .container .titulo h1 {

        font-size: 1.5rem;

    }



    .container .titulo h4 {

        font-size: 1rem;

    }

}



@media (max-width: 800px) {

    .ideal {

        gap: 0;

    }



    .ideal img {

        display: none;

    }

}



@media (max-width: 660px) {

    .maisOpcoes .container .opcoesItemsCursos {

        grid-template-columns: repeat(1, 1fr);

    }



    .container .itemPolo {

        width: 320px;

        height: 205px;

    }



    .tituloMaisOpcoes {

        padding: 0;

    }



    .maisOpcoes {

        padding: 0 20px 50px 20px;

    }



    .faq-container {

        margin: 0;

        padding: 20px 0;

    }

}



/* CSS - GANHE DINHEIRO COM IBQP*/



@font-face {

    font-family: 'GothamBook';

    src: url('../../fonts/Gotham-Book.otf') format('opentype');

}



@font-face {

    font-family: 'GothamMedium';

    src: url('../../fonts/Gotham-Medium.otf') format('opentype');

}



body {

    font-family: 'GothamBook', sans-serif;

    margin: 0;

}



.ganhe-dinheiro nav {

    max-width: 100% !important;

}



.ganhe-dinheiro h1,

.ganhe-dinheiro h2,

.ganhe-dinheiro h3,

.ganhe-dinheiro h4,

.ganhe-dinheiro h5,

.ganhe-dinheiro h6 {

    font-family: 'GothamMedium', sans-serif;

}



.ganhe-dinheiro .container {

    max-width: 1280px;

    margin: 0 auto;

}



.beneficios .box {

    display: flex;

    gap: 10px;

}



.ganhe-dinheiro h1 {

    font-size: 2.5rem;

    color: #02580F;

    padding: 20px;

    margin: 0;

}



.beneficios .item {

    display: flex;

    flex-direction: column;

    justify-content: center;

    gap: 20px;

    border: 1px solid #7a7a7a;

    border-radius: 5px;

    width: 200px;

    height: 250px;

    text-align: center;

}



.beneficios .titulo,

.beneficios .descricao {

    font-size: 14px;

}



.beneficios button,

.liberdade button,

.revendedor button,

.slider .button {

    padding: 16px 24px;

    border-radius: 4px;

    background: #01491B;

    color: var(--slidos-ffffff, #FFF);

    text-align: center;

    font-size: 16px;

    font-family: 'GothamMedium';

    font-style: normal;

    font-weight: 700;

    line-height: normal;

    letter-spacing: 0.32px;

    text-transform: uppercase;

    border: none;

    margin: 0 auto;

    display: block;

    margin-top: 32px;

    cursor: pointer;

}



.beneficios button:hover,

.liberdade button:hover {

    background-color: #006123;

}



.liberdade {

    background: linear-gradient(261.22deg, #f1f1f1 30%, #f1f1f1 70%);

    position: relative;

    padding-bottom: 50px;

}



.liberdade img {

    display: block;

}



.liberdade .conteudo {

    display: block;

    position: absolute;

    margin: 64px 0 0 600px;

}



.liberdade .conteudo h1 {

    max-width: 500px;

}



.liberdade .conteudo p {

    max-width: 550px;

    font-size: 22px;

}



.liberdade button {

    margin: 0;

}



.revendedor {

    background-color: #02580F;

    padding: 67px 40px 67px 40px;

}



.revendedor button {

    background-color: #FEBF0F;

    margin: 0;

    color: #02580F;

}



.revendedor button:hover {

    background-color: #ffc62a;

}



.revendedor .video {

    width: 512px;

    height: 371px;

    margin-left: 169px;

    /* background-color: rgba(255, 0, 0, 0.40); */

    display: flex;

    justify-content: center;

    align-items: center;

    /* font-size: 40px; */

}



.revendedor .box {

    display: flex;

}



.revendedor p {

    font-size: 20px;

    line-height: 25px;

    color: #fff;

}



.revendedor h1 {

    max-width: 580px;

    color: #FEBF0F;

}



.comissao {

    padding: 50px;

}



.comissao .box {

    display: flex;

    justify-content: center;

    gap: 16px;

    margin-bottom: 40px;

}



.comissao .item {

    display: flex;

    flex-direction: column;

    gap: 10px;

    padding: 40px 14px;

    width: 100%;

    background: #F1F1F1;

    border-radius: 4px;

    text-align: center;

}



.comissao h1 {

    font-size: 3rem;

    margin: 0;

}



.comissao strong {

    font-size: 20px;

    font-family: 'GothamMedium', sans-serif;

    color: #7a7a7a;

}



.comissao .descricao {

    color: #7a7a7a;

    font-size: 14px

}



.comissao .container p:nth-child(2) {

    font-family: 'GothamBook', sans-serif;

    font-size: 32px;

    color: #02580F;

    font-style: normal;

    font-weight: 400;

    margin: 0 auto;

    margin-bottom: 40px;

}



.comissao .container p:nth-child(4) {

    font-family: 'GothamMedium', sans-serif;

    font-size: 32px;

    color: #02580F;

    font-style: normal;

    font-weight: 700;

    margin: 0 auto;

    text-align: center;

}



.comissao a {

    font-family: 'Verdana';

    font-style: italic;

    font-weight: 400;

    font-size: 12px;

    line-height: 15px;

    text-align: right;

    letter-spacing: 0.0025em;

    color: #B9BABA;

    float: right;

    margin-top: 15px;

    text-decoration: none;

}



.comissao a:hover {

    color: #bab9b9b2;

    text-decoration: underline;

}

.publicoalvo {
    display: flex;
    justify-content: center; /* Centraliza o box no meio da página */
    padding: 50px 0; /* Espaçamento acima e abaixo do box */
}

.publicoalvo .container {
    background-color: #02580F; /* Cor de fundo cinza mais forte para o box */
    padding: 40px; /* Espaçamento interno do box */
    border-radius: 8px; /* Bordas arredondadas para o box */
    width: 30%; /* O box ocupa 30% da largura da tela */
}

.publicoalvo h1 {
    font-size: 3rem;
    text-align: center;
    margin-bottom: 30px;
    color: #FEBF0F !important;
}

.publicoalvo .descricao {
    text-align: left; /* Alinha os tópicos à esquerda */
    font-size: 18px; /* Tamanho maior da fonte dos tópicos */
    color: #ffffff; /* Cor preta para o texto dos tópicos */
    margin: 0; /* Remove margem dos parágrafos */
    line-height: 1.6; /* Espaçamento entre linhas dos tópicos */
}

.slider {

    background-color: #FEBF0F;

}



.slider .mobile {

    display: none;

}



.slider .slide {

    position: relative;

    text-align: center;

}

.slider .slide img {

    width: 100%;

    height: auto;

}

.slider .content {

    position: absolute;

    bottom: 20px;

    left: 50%;

    transform: translateX(-50%);

    color: white;

    background: rgba(0, 0, 0, 0.5);

    padding: 10px;

    border-radius: 5px;

}



/* .slider .container  {

    position: relative;

} */



.slider .conteudo {

    position: absolute;

    z-index: 1;

    padding: 70px 70px 0;

    max-width: 50%;

    /* float: right; */

    top: 0;

    right: 0;

}



.slider h1 {

    margin: 0;

    font-size: 2.4rem;

    color: #FFB500;

    text-align: start;

    padding-bottom: 20px;

}



.slider .conteudo p {

    color: #F1F1F1;

    font-family: 'Gotham Medium';

    font-style: normal;

    font-weight: 400;

    line-height: 200%;

    margin-bottom: 8px;

    margin: 0;

    text-align: start;

}



.slider .text-1 {

    font-size: 17.004px;

}



.slider .text-2 {

    font-size: 18.066px;

}



.slider .text-3 {

    font-size: 19.129px;

}



.slider .text-4 {

    font-size: 20.192px;

}



.slider .text-5 {

    font-size: 21.255px;

}



.slider .text-6 {

    font-size: 22.317px;

}



.slider .text-7 {

    font-size: 23.38px;

}



.slider .text-8 {



    font-size: 25.506px;

}



.slider .conteudo p span strong {

    color: #FFB500;

}



.slider .conteudo p {

    font-size: 22px;

}



.slider button {

    margin: 0 !important;

}



.ganhe-dinheiro a {

    text-decoration: none;

    color: inherit;

    display: block;

    max-width: 283.47px;

}



/* MOBILE */



@media (max-width: 600px) {

    .comissao {

        padding: 50px 20px;

    }

    .comissao h1 {

        font-size: 2rem;

    }

    .comissao .box {

        flex-wrap: wrap;

    }

    .comissao .container p:nth-child(2) {

        font-size: 24px;

    }

    .revendedor {

        padding: 20px;

    }

    .revendedor .video {

        height: 250px;

    }

    .revendedor .video iframe {

        width: auto;

        height: auto;

    }

    .revendedor .box {

        display: flex;

        flex-wrap: wrap;

        gap: 20px;

    }

    .revendedor .video {

        margin-left: 0;

        margin-top: 30px;

    }

    .beneficios .box {

        flex-wrap: wrap;

        justify-content: center;

    }

    .beneficios .item {

        width: 150px;

    }

    .slider .desktop {

        display: none;

    }

    .slider .mobile {

        display: block;

    }

    .liberdade {

        overflow: hidden;

        height: 100vh;

    }

    .liberdade .conteudo {

        margin: 40px 0 0 20px;

        z-index: 1;

    }

    .liberdade .conteudo p {

        margin: 10px 0;

    }

    .liberdade img {

        opacity: .4;

    }

}



/*
*
*
*   NEW SECTION
*
*
*/

.new-section {
    padding-top: 50px;
    position: relative;
    z-index: 9999;
}

.new-section .container {
    max-width: 1220px;
    margin: 0 auto;
    background: none; /* Remove a cor de fundo */
    border: none; /* Remove a borda */


    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}

.new-section .container .container {
    display: flex;
    justify-content: start;
    padding: 30px 50px;
    border: none;
}

.new-section .titulo {
    padding: 15px 0;
}

.new-section .titulo h1 {
    color: #02580f;
    margin: 0;
    text-shadow: none; /* Remove o esfumado */
    font-weight: bolder; /* Fonte mais grossa */
    font-size: 2rem; /* Define um tamanho padrão */
    line-height: 1.3; /* Ajusta o espaçamento entre linhas */
}

.new-section .conteudo {
    max-width: 550px;
    margin: 0 50px;
}

.new-section .conteudo div {
    padding-top: 15px;
}

.new-section .conteudo h2 {
    color: #02580f;
    font-size: 1.75rem;
    text-shadow: none; /* Remove o esfumado */
    margin: 0;
}

.new-section .conteudo p {
    color: #000 !important;
    font-weight: 500;
    margin: 0;
}



@media (max-width: 600px) {
    .new-section {
        padding: 50px 10px 0 10px;
    }

    .new-section .titulo {
        padding: 15px 0 0 0;
    }

    .new-section .titulo h1 {
        padding: 0 20px;
        text-align: center; /* Centraliza o título para melhor aparência */
        font-size: 1.5rem; /* Aumenta a fonte para telas menores */
        font-weight: bold; /* Garante fonte mais grossa */
    }

    .new-section .conteudo {
        margin: 0 20px;
    }

    .new-section .conteudo h2 {
        font-size: 1.2rem; /* Ajuste adicional para subtítulos no celular */
    }

    .new-section .container .container {
        padding: 30px;
    }

    .new-section .container .titulo {
        order: 1;
    }

    .new-section .container .img-bonus {
        order: 2;
    }

    .new-section .container .conteudo {
        order: 3;
    }

    .new-section .container .container {
        order: 4;
    }
}

/* Estilos exclusivos da seção: O que é a especialização técnica */

.secao-especializacao {
    padding: 50px 20px;
  }
  
  .secao-especializacao .container {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
  }
  
  .secao-especializacao .container .box {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 931px;
    text-align: center;
  }
  
  .secao-especializacao .container .box h1 {
    font-size: 2.8rem; /* padrão desktop */
    margin-bottom: 30px;
    color: #02580f;
    line-height: 1.3;
  }
  
  .secao-especializacao .container .box p {
    font-size: 1.2rem;
    color: #000000;
    line-height: 1.5;
    margin: 5px 0;
    text-align: center;
    max-width: 900px;
  }
  
  .secao-especializacao .container .box ul {
    list-style: none;
    padding: 0;
    margin: 20px 0;
    text-align: center;
  }
  
  .secao-especializacao .container .box ul li {
    font-size: 1.1rem;
    color: #000;
    margin-bottom: 8px;
    padding-left: 0;
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
  }
  
  .secao-especializacao .container .box ul li::before {
    content: "●";
    color: #009e18;
    font-size: 1rem;
  }
  
  .secao-especializacao .container .box a.botao-padrao {
    margin-top: 30px;
  }
  
  /* Responsividade para dispositivos */
  @media (max-width: 768px) {
    .secao-especializacao .container .box h1 {
      font-size: 2rem;
      padding: 0 15px;
      text-align: center;
    }
  
    .secao-especializacao .container .box p {
      font-size: 1.5rem;
      padding: 0 10px;
    }
  }
  
  @media (max-width: 480px) {
    .secao-especializacao .container .box h1 {
      font-size: 1.7rem;
      padding: 0 10px;
      text-align: center;
    }
  
    .secao-especializacao .container .box p {
      font-size: 1.5rem;
      padding: 0 5px;
    }
  }
  
  
  /* Estilo da seção de lista com fundo cinza (quem pode fazer) */
  
  .fundo-cinza {
    background-color: #f4f4f4;
    padding: 30px 25px;
    border-radius: 8px;
    max-width: 600px;
    margin: 0 auto;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
  }
  
  .box-alinhado {
    background-color: transparent;
    padding: 20px 20px;
    border-radius: 6px;
    text-align: left;
  }
  
  .titulo-verde {
    font-size: 2rem;
    font-weight: bold;
    color: #02580f;
    text-align: center;
    margin-bottom: 20px;
  }
  
  .subexplicacao {
    color: #000;
    font-size: 1rem;
    margin-bottom: 25px;
    text-align: center;
    line-height: 1.6;
  }
  
  .lista-especializacao {
    list-style: none;
    padding: 0;
    margin: 0 0 25px 0;
    display: flex;
    flex-direction: column;
    gap: 12px;
    align-items: flex-start;
  }
  
  .lista-especializacao li {
    position: relative;
    padding-left: 28px;
    color: #000;
    font-size: 1.1rem;
    line-height: 1.6;
    text-align: left;
  }
  
  .lista-especializacao li::before {
    content: "●";
    position: absolute;
    left: -15px;
    top: 50%;
    transform: translateY(-50%);
    color: #009e18;
    font-size: 0.75rem;
  }
  
/* Seção o que falam do IBQP Brasil */

#depoimentos-titulo h2 {
  text-align: center;
  font-size: 2.5rem;
  color: #02580F;
  margin-top: 10px;
  margin-bottom: 2px;
}

@media (max-width: 600px) {
    #depoimentos-titulo h2 {
      font-size: 1.7rem;
      margin-bottom: 2px;
    }
  }