/* ==========================================================================
   SAP Service - styles.css
   --------------------------------------------------------------------------
   Estilos compartilhados por todas as páginas do site.

   Ordem do arquivo (procure pelo comentário de cada bloco):
   1. Base e Home ......... UTI, Carrosel, Serviços, Empresa, Propósito, MND,
                            Fundador, Porque escolher, Clientes, Newsletter,
                            Roadshow, Eventos, Consultoria, Cursos, Palestras, Footer
   2. Páginas internas .... Fiscalização e Gerenciamento, Política de Privacidade,
                            Boletim Mensal, Introdução e Aprofundamento,
                            Curso Prático MND, Página MND
   3. Responsivo .......... Tablet e Celular (media queries)
   4. Extras .............. Image Hover, Blog, Eventos (cards), Planilhas/Modal

   Atenção: não renomear/remover classes sem conferir as outras páginas
   (cursos, política, boletim, /en e /es), pois todas usam este arquivo.
   ========================================================================== */

.menu a.nav-hover:hover {
    color: #ba2200;
}
h1,
h2,
h3,
a,
span {
    font-family: "Oswald", sans-serif;
    line-height: 1.5;
}
h4,
h5,
h6,
p {
    font-family: "Open Sans", sans-serif;
    line-height: 1.5;
}
body,
ul,
html {
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
    width: 100%;
    position: relative;
}
a {
    text-decoration: none;
    color: #fff;
    text-transform: uppercase;
}
a:hover {
    color: #fff;
}
.a-dark {
    color: #272727;
    font-size: 12px;
}

.a-dark:hover {
    color: #ed3d00;
}
#logo {
    width: 6vh;
    padding: 10%;
    transition: 0.6s;
}
.mobile-orc {
    display: none;
}

@media (max-width: 1500px) {
    #logo {
        width: 9vh;
    }
}

#header {
    position: fixed;
    box-sizing: border-box;
    height: 80px;
    padding: 0.2rem 8rem;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #fff;
    z-index: 100;
    width: 100%;
    transition: 0.6s;
}
#header.sticky {
    background: linear-gradient(#fff, rgb(250, 250, 250));
    padding: 0.2rem 8rem;
    height: 50px;
}
#header.sticky .logo {
    width: 4vh;
}
@media (max-width: 1500px) {
    #header.sticky .logo {
        width: 6vh;
    }
}
#menu {
    display: flex;
    list-style: none;
    gap: 0.5rem;
}

#menu a {
    display: block;
    padding: 0.5rem;
}
.fa-ajudar {
    padding: 10%;
}
#btn-mobile {
    display: none;
}
.direita {
    padding: 0 5% 0 70%;
}
.esquerda {
    padding: 0 30% 0 15%;
    margin: 5% 26%;
}
.home {
    margin: 0 0 0 10%;
}
.horizontal-line {
    border: dotted #000 15px;
    border-bottom: none;
    width: 10%;
    margin: 2% auto 2%;
    background: transparent;
}
.line-white {
    border: dotted #fff 15px;
    border-bottom: none;
    width: 10%;
    margin: 2% auto 2%;
    background: transparent;
}
/* UTI */
.UTI_ {
    margin: 100px 0 50px;
    font-size: 4rem;
}
.UTI_texto {
    font-size: 1.3rem;
    text-align: justify;
    margin: 0 70px 40px 0;
}
.diminuir {
    position: relative;
    left: 80px;
}
/* Reduct NV*/
.reduct-nv {
    margin: 0px 300px;
    width: 760px;
    height: 428px;
}
.reduct-title {
    font-size: 3rem;
}
.reduct-text {
    margin: 0 0 30px 0;
}
/* Carrosel */
#carrossel {
    background-color: #272727;
}
.carousel-inner {
    z-index: 1;
}
.titulo-carousel {
    text-transform: uppercase;
    font-weight: bold;
    font-size: 2rem;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    padding: 5%;
}
.texto-carousel {
    font-size: 1.2rem;
    margin-bottom: 3%;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px;
    padding: 5%;
}
.carousel-caption {
    border-radius: 30px;
    padding: 0 50% 20% 0;
    text-align: left;
}
.carousel-button {
    margin-bottom: 3%;
}
.renovacao-upwards {
    margin-top: -20%;
}
@media (max-width: 1500px) {
    a {
        font-size: 1rem;
    }
    .titulo-carousel {
        text-transform: uppercase;
        font-weight: bold;
        font-size: 1.5rem;
    }
    .texto-carousel {
        font-size: 1rem;
        margin-bottom: 3%;
    }
}
/* Serviços */

#servicos {
    text-align: center;
}
#servicos .btn {
    margin: 3% 3% 7%;
}
.big-heading {
    padding: 7% 15% 0;
    font-size: 4rem;
}
.btn-servicos {
    font-size: 1.5rem;
    font-weight: 300;
}
/* Empresa */

#empresa {
    background-color: #ba2200;
    color: #fff;
    padding: 2% 45% 2% 25%;
}
.titulo-empresa {
    color: #fff;
    font-size: 3rem;
    text-transform: uppercase;
}
.imagem-empresa {
    display: flex;
    width: 600px;
    position: relative;
}
.sub-texto {
    font-size: 1.5rem;
    padding-bottom: 3%;
}
.sub-texto1 {
    font-size: 1rem;
    text-align: justify;
}

/* Primeira Seção com Frase */

#section1 {
    padding: 7% 15%;
    position: relative;
}
.logo-section1 {
    width: 70%;
}
.section1-frase {
    font-weight: 300;
    padding: 0 3%;
}

/* Propósito */

#proposito {
    color: #fff;
    background: #d82e00;
}
.titulo-proposito {
    font-size: 3rem;
    text-transform: uppercase;
    padding: 7% 10% 5%;
}
.texto-proposito {
    padding: 3% 35% 3% 10%;
    font-size: 1rem;
    text-align: justify;
}
.img-proposito {
    width: 100%;
}
.prop {
    background: #d82e00;
}
@media (max-width: 1500px) {
    .img-proposito {
        width: 175%;
        margin-left: -20%;
    }
}
@media (max-width: 700px) {
    .img-proposito {
        width: 50%;
    }
}

/* MND */

#MND {
    text-align: center;
    padding: 7% 15%;
    background-image: url(imagens/fundo-teste.svg);
    background-size: 150%;
    background-position-y: 20%;
    background-position-x: 90%;
}
.oque-MND {
    padding-bottom: 3%;
}

/* Fundador */

#fundador {
    background: #d82e00;
}
.titulo-fundador {
    font-size: 2.5rem;
    text-transform: uppercase;
    padding: 7% 30% 0 26%;
    color: white;
}
.texto-fundador {
    padding: 7% 24% 3% 26%;
    color: white;
    font-size: 1.125rem;
    text-align: justify;
}
.img-fundador {
    max-width: 200%;
    height: auto;
    padding: 0;
}
.img-fundador2 {
    max-width: 100%;
    height: auto;
    margin-top: -140%;
}
.texto-fundador2 {
    padding: 5% 24% 7% 26%;
    color: white;
    background-color: #d82e00;
    font-size: 1.125rem;
    text-align: justify;
}
.nova-col-fundador {
    z-index: 2;
}
@media (max-width: 1500px) {
    .img-fundador2 {
        max-width: 140%;
        height: auto;
        margin-top: -120%;
        margin-bottom: 25%;
    }
}

/* Section 2 */
#section2 {
    background-color: #272727;
    margin-top: -20%;
    position: relative;
}
@media (max-width: 1500px) {
    #section2 {
        background-color: #272727;
    }
}
.texto-section2 {
    padding: 3% 15%;
    text-align: center;
    color: #fff;
}
.imagem-section2 {
    width: 10%;
    margin-left: 45%;
    margin-top: 5%;
}
.section2-btn {
    margin-top: 3%;
}

/* Porque escolher */

#porque-escolher {
    padding: 7% 15%;
    text-align: center;
}
.porque-icon {
    width: 40%;
    margin: 5% 3%;
}
.texto-icon {
    padding: 5% 5%;
    font-size: 0.85rem;
    text-align: justify;
}
.diferenciais {
    font-size: 1rem;
    margin-bottom: 7%;
}
.espacamento {
    margin-top: 75px;
}
.a-news {
    color: #000;
}
.col-lg-4 a.a-news:hover {
    color: #ba2200;
}
/* Clientes */
#clientes {
    padding: 7% 15%;
    text-align: center;
}
.icon-clientes {
    width: 60%;
    padding: 15% 10%;
}
.titulo-clientes {
    font-size: 3rem;
    color: rgb(136, 136, 136);
    margin-bottom: 5%;
}
.clientes-custom {
    background: #fff;
}
.titulo-icon {
    text-transform: uppercase;
    font-size: 1.4rem;
    font-family: "Oswald";
    padding: 0;
}
/* Newsletter */

#newsletter {
    background: linear-gradient(#d82e00, #ba2200);
    color: #fff;
    padding: 7% 15%;
    text-align: center;
}
.newsletter-frase {
    padding-bottom: 7%;
    font-size: 2rem;
    font-weight: 400;
    z-index: 3;
    text-align: center;
}
.newsletter-btn {
    padding: 3%;
    font-size: 1.2rem;
}
/* Roadshow */
#evento_roadshow {
    background: linear-gradient(#d82e00, #ba2200);
}
.titulo-roadshow {
    text-align: center;
    font-size: 7rem;
    text-transform: uppercase;
    position: relative;
    color: #fff;
}
.card-roadshow {
    padding: 7% 15% 7%;
    background: linear-gradient(#ba2200, #d82e00);
}
.card-road {
    background-color: #fff;
    height: 600px;
    border-radius: 20px;
    width: 300%;
    padding: 15%;
    margin-left: 10%;
    text-align: center;
    display: flex;
}

.introducao-roadshow {
    margin: 0 0 50px;
    font-size: 1.3rem;
    position: relative;
    text-align: center;
    color: rgb(243, 243, 243);
}
.roadshow-hr {
    border: dotted #000 15px;
    border-bottom: none;
    width: 40%;
    margin: 2% auto 2%;
    background: transparent;
}
.btn-eventos-mnd {
    position: relative;
}
@media (max-width: 768px) {
    .titulo-roadshow {
        font-size: 3rem;
    }
    .card-road {
        height: auto;
        padding: 5%;
        width: 70%;
        margin-left: 17%;
        display: inline-grid;
    }
    .card-roadshow {
        padding: 0;
    }
    .introducao-roadshow {
        font-size: 0.8rem;
        margin-left: 3%;
    }
    .roadshow-hr {
        margin: 15% auto 5%;
    }
    .btn-eventos-mnd {
        left: 16px;
        display: block;
        position: relative;
        width: 200px;
    }
}
/* Eventos */
#eventos {
    background: linear-gradient(#d82e00, #ba2200);
}
.img-evento {
    position: relative;
    width: 40%;
    height: 187px;
}
.titulo-eventos {
    text-align: center;
    font-size: 7rem;
    text-transform: uppercase;
    position: relative;
    color: #fff;
}
.introducao-eventos {
    margin: 0 0 50px;
    font-size: 1.3rem;
    position: relative;
    text-align: center;
    color: rgb(243, 243, 243);
}
.card-eventos {
    padding: 7% 15% 7%;
    background: linear-gradient(#ba2200, #d82e00);
}
.nome-eventos-sec {
    padding-top: 20px;
}
.card-evnt {
    background-color: #fff;
    border-radius: 20px;
    width: 300%;
    padding: 15%;
    margin-left: 10%;
    text-align: center;
    display: inline-block;
}
.eventos-hr {
    border: dotted #000 15px;
    border-bottom: none;
    width: 40%;
    margin: 2% auto 2%;
    background: transparent;
}
.quavac {
    margin-left: 15%;
}
.nome-eventos {
    font-size: 1.5rem;
}
.multiplos {
    width: 500px;
    height: 350px;
    display: inline-block;
}
.width-control {
    width: 50%;
}
@media (max-width: 768px) {
    .titulo-eventos {
        font-size: 3rem;
    }
    .card-evnt {
        padding: 5%;
        width: 70%;
        margin-left: 17%;
    }
    .card-eventos {
        padding: 0;
    }
    .introducao-eventos {
        font-size: 0.8rem;
        margin-left: 3%;
    }
    .eventos-hr {
        margin: 15% auto 5%;
    }
    .multiplos {
        height: 500px;
    }
}
/* Consultoria */

#consultoria {
    background: #d82e00;
    color: #fff;
}
.consultoria-front {
    z-index: 1;
    background: #d82e00;
}
.titulo-consultoria {
    margin: 7% 0 7% 35%;
    font-size: 3rem;
    text-transform: uppercase;
    background: #d82e00;
    position: relative;
    z-index: 1;
}
.imagem-consultoria {
    width: 120%;
    position: relative;
    z-index: 0;
}
.introducao-consultoria {
    margin: 0 0 0 35%;
    font-size: 1.125rem;
    background: #d82e00;
    position: relative;
    z-index: 2;
    text-align: justify;
}
@media (max-width: 1500px) {
    .introducao-consultoria {
        margin: 0 0 0 35%;
        font-size: 1rem;
    }
}
.svg-consultoria {
    position: absolute;
    z-index: 1;
}
.estudos-MND {
    text-align: center;
    padding: 7% 15% 5%;
    text-transform: uppercase;
    font-size: 3rem;
}
.consultoria-btn2 {
    margin: 3% 30%;
}
.consultoria-btn1 {
    margin: 3% 20%;
}
.background-opacity {
    background: rgba(0, 0, 0, 1);
    z-index: 2;
}
@media (max-width: 1500px) {
    .consultoria-btn {
        margin: 3% 30%;
    }
    .consultoria-btn1 {
        margin: 3% 10%;
    }
    .background-opacity {
        background: rgba(0, 0, 0, 1);
        z-index: 2;
    }
}
.redesnovas-back {
    background-color: #ba2200;
    z-index: 2;
}
.red {
    background-color: #ba2200;
    color: #fff;
}
.titulo-imagemesquerda {
    padding: 7% 20%;
    font-size: 2rem;
    text-transform: uppercase;
}
.texto-imagemesquerda {
    padding: 0 33% 0 20%;
    font-size: 1rem;
    text-align: justify;
}
.imagemesquerda {
    max-width: 150%;
    height: auto;
    margin-left: -30%;
}
.imagemesquerda1 {
    max-width: 110%;
    height: auto;
}
@media (max-width: 1500px) {
    .texto-imagemesquerda {
        padding: 0 30% 0 10%;
    }
    .titulo-imagemesquerda {
        padding: 10% 10% 3%;
        font-size: 2rem;
    }
    .imagemesquerda {
        margin-left: -40%;
        max-width: 210%;
    }
    .imagemesquerda1 {
        max-width: 120%;
        height: auto;
    }
}
.nova-col {
    z-index: 2;
    padding: 0 0 5%;
}
@media (max-width: 1500px) {
    .imagem-consultoria {
        width: 180%;
        margin-left: -20%;
    }
    .no-padding {
        padding-left: 0;
    }
}
.titulo-imagemdireita {
    padding: 7% 30%;
    font-size: 2rem;
    text-transform: uppercase;
}
.texto-imagemdireita {
    padding: 0 15% 0 30%;
    font-size: 1rem;
    text-align: justify;
}
.sub-titulo-imagemdireita {
    padding: 1% 15% 3% 30%;
    font-size: 1.3rem;
    text-transform: uppercase;
    color: rgb(196, 196, 196);
}
.sub-titulo-imagemesquerda {
    font-size: 1.3rem;
    padding: 1% 32% 3% 20%;
    text-transform: uppercase;
    color: rgb(196, 196, 196);
}
.imagemdireita {
    max-width: 150%;
    height: auto;
    margin-left: -40%;
}
.imagemdireita1 {
    max-width: 100%;
    height: auto;
}
.imagemdireita2 {
    width: 100%;
}
@media (max-width: 1500px) {
    .sub-titulo-imagemesquerda {
        font-size: 1.3rem;
        padding: 1% 30% 3% 12%;
        text-transform: uppercase;
        color: rgb(196, 196, 196);
    }
    .titulo-imagemdireita {
        padding: 10% 15% 0 30%;
        font-size: 2rem;
    }
    .imagemdireita {
        max-width: 280%;
    }
    .imagemdireita1 {
        max-width: 110%;
        height: auto;
    }
}
.padding-margin {
    margin-left: 0;
    padding-left: 0;
    padding-right: 0;
}
/* Cursos */
.nome-cursos {
    font-family: "Oswald";
    padding: 7%;
    text-align: left;
}
.card {
    min-height: 500px;
}
.titulo-cursos {
    font-size: 3rem;
    text-transform: uppercase;
    padding: 7% 0 0 15%;
}
.introducao-cursos {
    padding: 0 30% 5% 15%;
    font-size: 1.125rem;
    text-align: justify;
}
.imagem-cursos {
    width: 100%;
}
.card-cursos {
    padding: 7% 15% 7%;
    background: linear-gradient(#fff, rgb(190, 190, 190));
}
/* Palestras */
#palestras {
}
.titulo-palestras {
    padding: 7% 0 0 30%;
    font-size: 3rem;
    text-transform: uppercase;
}
.introducao-palestra {
    padding: 0 10% 0 30%;
    font-size: 1.125rem;
    text-align: justify;
}
.imagem-palestras {
    width: 100%;
}
.palestras-btn {
    margin: 3% 30%;
}
.card {
    width: 18rem;
}
/* Footer */
#footer {
    background: #272727;
    color: #fff;
    padding: 3% 3% 2%;
    text-align: center;
    font-family: "Oswald";
    text-transform: uppercase;
}
.scardino-footer-img {
    width: 90%;
}
.texto-footer {
    font-size: 0.85rem;
}
.contato-footer {
    font-size: 1.1rem;
}
.footer-news {
    color: #272727;
}
.footer-news:hover {
    color: #272727;
}
/* Fiscalização e Gerenciamento */
.titulo-fiscalizacao {
    padding: 7% 15%;
    text-align: center;
}
.img-introducao {
    width: 120%;
}
.img-introducao2 {
    width: 100%;
    z-index: 0;
    margin-top: -20%;
}
.colored {
    background: #ba2200;
    z-index: 3;
}
.colored1 {
    background: #ba2200;
    z-index: 2;
}
.titulo-introducao {
    color: #fff;
    padding: 7% 15%;
    font-size: 3rem;
}
.texto-introducao {
    color: #fff;
    padding: 0 22% 7% 15%;
    font-size: 1rem;
    text-align: justify;
}
.texto-introducao1 {
    color: #fff;
    padding: 15% 15% 0 22%;
    font-size: 1rem;
    text-align: justify;
}
.cinza {
    background: rgb(250, 250, 250);
    background-image: url("imagens/logo-branca-SAPService.png");
    background-size: 10%;
    background-attachment: fixed;
}
.objetivo1 {
    position: relative;
    top: 200px;
}
.img-objetivo {
    width: 130%;
    margin-top: -15%;
}
.fonte-preta {
    color: #000;
}
.white1 {
    background: #fff;
    z-index: 1;
}
.introducao-2 {
    z-index: 1;
}
.introducao-1 {
    z-index: 2;
}
.titulo-publico {
    font-size: 2.2rem;
    padding-bottom: 5%;
    text-transform: uppercase;
}
.texto-publico {
    text-align: justify;
    padding: 5% 15%;
    margin-top: -10%;
}
#metodologia {
    background: #272727;
    color: #fff;
}
.imagem-metodologia {
    width: 100%;
}
.titulo-metodologia {
    font-size: 3rem;
    padding: 7% 22%;
}
.texto-metodologia {
    padding: 0 15% 5% 22%;
    text-align: justify;
    font-size: 1rem;
}
#aprender {
    padding: 7% 15%;
}
.titulo-aprender {
    font-size: 3rem;
    text-align: center;
    padding-bottom: 7%;
}
.texto-aprender {
    font-size: 1rem;
    text-align: left;
}
.texto-aprender-big {
    font-size: 1.5rem;
    text-align: left;
}
.texto-aprender-big-sec1 {
    font-size: 2rem;
    text-align: left;
    text-transform: uppercase;
}
#downloads-publico {
    padding: 7% 7%;
    background-color: #272727;
    color: #fff;
}
.titulo-downloads {
    font-size: 2.2rem;
    padding-bottom: 5%;
    text-transform: uppercase;
}
.texto-downloads {
    padding: 0 15% 0 0;
}
.icone-downloads {
    margin-bottom: 5%;
}
.conheca-img {
    width: 100%;
}
.titulo-professor {
    text-align: center;
    font-size: 3rem;
    padding: 7% 15% 5%;
    text-transform: uppercase;
}
.texto-professor {
    padding: 3% 22% 0 10%;
    text-align: justify;
}
.background-dark {
    background-color: #272727;
    color: #fff;
}
.sergio-palazzo {
    padding: 7% 10% 0;
}
.texto-professor2 {
    padding: 10% 10% 0 22%;
    text-align: justify;
}
.curso-btn {
    margin: 3% 22% 0;
}
#fundo {
    margin: 0;
    padding: 5%;
    background-image: url("imagens/fundo-teste-2.svg");
    background-size: 30%;
    background-attachment: fixed;
    background-position-x: center;
    background-position-y: bottom;
    background-repeat: no-repeat;
}
/* ATENÇÃO: a chave abaixo está sobrando (já era assim antes). Por causa dela o navegador ignora o
   bloco @media (max-width: 1500px) seguinte. Remover a chave faz esse bloco passar a valer. */
}

@media (max-width: 1500px) {
    .reduct-nv {
        margin: 0px 100px;
        width: 560px;
        height: 315px;
    }
    .img-introducao {
        width: 180%;
    }
    .img-introducao2 {
        width: 160%;
        margin-left: -20%;
    }
    .img-objetivo {
        width: 200%;
        margin-left: -30%;
    }
    .imagem-metodologia {
        width: 170%;
    }
    .conheca-img {
        width: 100%;
    }
    .img-introducao-aprofundamento {
        width: 230%;
    }
}

/* Política de Privacidade */
.politica-titulo {
    margin-top: 10%;
    padding: 0 15%;
    text-transform: uppercase;
}
.politica-intro {
    padding: 0 15%;
    font-size: 1.2rem;
}
.politica-texto {
    padding: 10% 15%;
    font-size: 0.9rem;
    text-align: justify;
}
.politica-item {
    padding: 20% 45% 0;
}
.titulo-sections {
    padding: 10%;
}
.texto-sections {
    padding: 10% 15%;
}
.politica-footer {
    font-size: 0.8rem;
    padding: 10% 10% 0;
}
/* Boletim Mensal */
.margin-boletim {
    padding: 10% 15% 5%;
}
.titulo-boletim {
    text-transform: uppercase;
    text-align: center;
    color: #fff;
}
.ano-boletim1 {
    margin: 5% 10% 0;
    text-transform: uppercase;
    font-style: "Oswald";
    font-size: 4rem;
}
.link-boletim {
    color: #000;
}
.link-boletim:hover {
    color: #ba2200;
}
.ul-padding {
    padding: 5%;
    list-style: none;
}
/* Introdução e Aprofundamento */
.img-introducao-aprofundamento {
    width: 110%;
}
.img-introducao2-aprofundamento {
    width: 100%;
}
.img-objetivo-aprofundamento {
    width: 140%;
}
.imagem-metodologia-aprofundamento {
    width: 130%;
}
@media (max-width: 1500px) {
    .img-introducao-aprofundamento {
        width: 180%;
        margin-left: -200px;
    }
    .img-introducao2-aprofundamento {
        width: 160%;
        margin-left: -350px;
    }
    .img-objetivo-aprofundamento {
        width: 250%;
        margin-left: -400px;
    }
    .imagem-metodologia-aprofundamento {
        width: 250%;
    }
}
/* Curso Prático MND */
.img-introducao-pratico {
    width: 100%;
}
.img-introducao-pratico-aes {
    width: 100%;
}
.titulo-introducao-pratico {
    padding: 7% 22%;
    font-size: 3rem;
    text-transform: uppercase;
}
.texto-introducao-pratico {
    padding: 0 15% 7% 22%;
    text-align: justify;
}
.btn-pratico {
    margin: 0 22% 7%;
}
.img-objetivo-pratico {
    width: 100%;
}
.imagem-metodologia-pratico {
    width: 100%;
}
@media (max-width: 1500px) {
    .img-introducao-pratico {
        width: 120%;
    }
    .img-objetivo-pratico {
        width: 130%;
    }
}
/* Página MND */
.mnd-titulo {
    padding: 10% 15% 3%;
    text-align: center;
    color: #fff;
    font-size: 3rem;
}
.intro-mnd {
    font-size: 1.2rem;
    text-align: center;
    padding-bottom: 5%;
}
.texto-mnd {
    padding: 7% 25% 7% 15%;
    text-align: justify;
    font-size: 1rem;
}
.nome-sergio {
    font-family: "Oswald";
    padding: 3% 25% 0 15%;
}
.img-nome-sergio {
    width: 100%;
}
.svg-sergio-palazzo {
    width: 50%;
    margin: 10% 25% 0 15%;
}
.novidades-mnd {
    padding: 7% 25% 0 15%;
    text-transform: uppercase;
    font-size: 3rem;
}
.inscreva-se-mnd {
    padding: 0 25% 3% 15%;
}
.btn-mnd {
    margin: 0 25% 7% 15%;
}
.btn-mnd1 {
    margin: 0 25% 7% 15%;
    padding: 1%;
}
.call-mnd {
    padding: 7% 15%;
    color: #fff;
    font-size: 2.2rem;
    font-weight: 300;
    text-align: justify;
}
.background-red {
    background-color: #d82e00;
}
.trafego-urbano {
    width: 120%;
}
.intervencao-mnd {
    display: none;
}
.mnd-em-acao {
    width: 120%;
}
.up {
    margin-top: -500px;
}
@media (max-width: 1500px) {
    .intervencao-mnd {
        display: inherit;
        width: 110%;
        margin-right: 400px;
    }
    .mnd-em-acao {
        width: 110%;
    }
    .up {
        margin-top: 0;
    }
}

/* Tablet */

/* Formulário */
.titulo-newsletter {
    font-size: 4rem;
    text-transform: uppercase;
    text-align: center;
    color: #ba2200;
}
.icone-newsletter {
    width: 20%;
    margin: 0 40% 3%;
}
#formulario {
    padding: 10% 15% 5%;
}
.formulario {
    padding: 7%;
}
.sap-service-sergio {
    width: 80%;
    margin-left: 30%;
}
.form-margin {
    margin-top: 7%;
}
.formulario-retirada {
    margin: 0 20% 0 20%;
}
/* Fiscalização e Gerenciamento */

.titulo-fiscalizacao {
    font-size: 2.5rem;
    padding-top: 8%;
    text-transform: uppercase;
}
.img-introducao {
    width: 150%;
}
.titulo-introducao {
    font-size: 3rem;
    padding: 7% 12%;
    text-transform: uppercase;
}
.texto-introducao {
    font-size: 1rem;
    padding: 0 25% 5% 10%;
}
.texto-introducao1 {
    font-size: 1rem;
    padding: 10% 10% 5% 25%;
}
.img-introducao2 {
    width: 120%;
}
.img-objetivo {
    width: 180%;
}
.titulo-metodologia {
    font-size: 3rem;
    padding: 5% 25%;
    text-transform: uppercase;
}
.texto-metodologia {
    font-size: 1rem;
    padding: 0 15% 5% 25%;
}
.imagem-metodologia {
    width: 170%;
}
.titulo-aprender {
    font-size: 3rem;
    text-transform: uppercase;
}
.texto-aprender {
    font-size: 1rem;
    padding: 3% 25% 3% 0;
}
.texto-aprender-big {
    font-size: 1.3rem;
}
.texto-aprender-big-sec1 {
    font-size: 1.6rem;
    text-transform: uppercase;
}
.texto-downloads {
    font-size: 1rem;
    padding: 0 12% 7%;
}
.texto-publico {
    font-size: 1rem;
    text-align: left;
    margin-top: -21%;
}
.conheca-img {
    width: 100%;
}
.texto-professor {
    padding: 3% 12% 7%;
}
.texto-professor2 {
    padding: 7% 12% 3%;
}
#fundo {
    margin: 0;
    padding: 10%;
    background-size: 50%;
    background-position-x: 40%;
}
.icone-publico {
    padding-bottom: 10%;
}

@media (max-width: 1024px) {
    .reduct-nv {
        margin: 0px;
        width: 100%;
    }
    .UTI_ {
        margin: 40px 0 25px;
        font-size: 2.5rem;
    }
    .UTI_texto {
        font-size: 1.2rem;
        margin: 0 30px 40px 0;
    }
    .diminuir {
        left: 0;
        width: 100%;
    }
    #empresa {
        padding: 6% 50% 6% 6%;
    }
    #logo {
        width: 5vh;
    }
    #header.sticky .logo {
        width: 3vh;
    }
    #section1 {
        padding: 6%;
    }
    .img-proposito {
        width: 220%;
    }
    .img-fundador {
        max-width: 150%;
        margin: 0;
    }
    .texto-proposito {
        padding: 6% 20% 6% 10%;
    }
    .img-fundador2 {
        max-width: 150%;
        margin-top: 0;
    }
    .titulo-fundador {
        padding: 10% 10% 0 10%;
    }
    .titulo-consultoria {
        margin: 15%;
    }
    .introducao-consultoria {
        margin: 0 0 0 15%;
    }
    .texto-fundador {
        padding: 10%;
    }
    .texto-fundador2 {
        padding: 10%;
    }
    .imagemesquerda {
        max-width: 300%;
        margin-left: -100%;
    }
    .imagemdireita {
        max-width: 320%;
        margin-left: -140%;
    }
    .imagemdireita1 {
        max-width: 150%;
    }
    .imagemesquerda1 {
        max-width: 150%;
        margin-left: -40%;
    }
    .carousel-caption {
        padding: 5% 40% 15% 1%;
    }
    .imagem-consultoria {
        width: 200%;
    }
    .svg-consultoria {
        right: 140px;
    }
    .consultoria-front {
        z-index: 3;
    }
    .texto-imagemesquerda {
        padding: 8%;
    }
    .titulo-imagemesquerda {
        padding: 10% 8% 0;
    }
    .sub-titulo-imagemesquerda {
        padding: 0 8%;
    }
    .texto-imagemdireita {
        padding: 8%;
    }
    .titulo-imagemdireita {
        padding: 10% 8% 0;
    }
    .sub-titulo-imagemdireita {
        padding: 0 8%;
    }
}
/* Image Hover effect */
.image-hover-text-container {
    position: relative;
    transition: all 0.2s linear;
}

.image-hover-image {
    display: block;
}
/* Make the image round */
.image-hover-image img:hover {
    -webkit-filter: grayscale(100%) blur(3px);
    filter: grayscale(100%) blur(3px);
    transform: scale(1.15);
}

.image-hover-text {
    position: absolute;
    top: 0;
    width: 100%;
    height: 100%;
    margin: 0 auto;
    opacity: 0;
    cursor: default;
    transition: opacity 0.2s linear;
}
.image-hover-text:hover {
    opacity: 1;
}

.image-hover-text-bubble {
    position: relative;
    box-sizing: border-box;
    top: 0;
    left: 0;
    right: 100%;
    height: 100%;
    text-align: center;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 0%;
    margin: 0 auto;
    padding: 30% 0px;
    overflow: hidden;
    font-size: 17px;
    text-align: center;
    word-wrap: break-word;
}

.image-hover-text .image-hover-text-title {
    font-size: 25px;
    display: block;
    margin: 5%;
}
/* Celular */

/* Home Page */

@media (max-width: 767px) {
    /* Carousel */
    .carousel-indicators {
        background-color: #272727;
    }
    .imagem-carousel {
        margin-bottom: 300px;
    }
    /* Prático MND */
    .texto-mnd {
        padding: 7% 12%;
    }
    .novidades-mnd {
        font-size: 1.8rem;
    }
    .call-mnd {
        font-size: 1.2rem;
    }
    #servicos .btn {
        margin: 3% 25% 7%;
    }
    body {
        overflow-x: hidden;
    }
    #header {
        padding: 2%;
    }
    .titulo-carousel {
        font-size: 1.2rem;
        background-color: transparent;
    }
    .texto-carousel {
        font-size: 1rem;
        background-color: transparent;
    }
    .carousel-button {
        margin-bottom: 10%;
    }
    .carousel-caption {
        padding: 2%;
        text-align: center;
    }
    .big-heading {
        font-size: 1.6rem;
    }
    #empresa {
        padding: 7% 12%;
    }
    .imagem-empresa {
        width: 100%;
    }
    .titulo-empresa {
        font-size: 1.8rem;
        padding: 0;
        margin: 0;
    }
    .sub-texto {
        font-size: 1.2rem;
    }
    .sub-texto1 {
        font-size: 1rem;
        text-align: justify;
        padding: 0;
    }
    .imagem-empresa {
        position: inherit;
    }
    #section1 {
        padding: 7% 12%;
    }
    .logo-section1 {
        width: 100%;
        padding: 10%;
    }
    .section1-frase {
        font-size: 1.3rem;
        text-align: center;
    }
    .titulo-proposito {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .texto-proposito {
        padding: 5% 12% 7%;
    }
    .img-proposito {
        width: 100%;
        padding: 0;
        margin: 0;
    }
    #MND {
        text-align: center;
        padding: 7% 15%;
        background-image: url(imagens/fundo-teste.svg);
        background-size: 200%;
        background-position-y: 20%;
        background-position-x: 90%;
    }
    .oque-MND {
        padding-bottom: 3%;
    }
    .titulo-fundador {
        font-size: 1.8rem;
        padding: 7% 12% 5%;
    }
    .texto-fundador {
        font-size: 1rem;
        padding: 0 12% 7%;
    }
    .texto-fundador2 {
        font-size: 1rem;
        padding: 7% 12%;
        margin-bottom: 15%;
    }
    .img-fundador {
        display: none;
        padding: 0;
    }
    .img-fundador2 {
        width: 150%;
        margin: 0 0 0 -20%;
        padding: 0;
    }
    .imagem-section2 {
        width: 40%;
        margin: 7% 31% 0;
    }
    .section2-frase {
        font-size: 1.7rem;
        padding-top: 5%;
    }
    #porque-escolher {
        padding: 7% 12%;
    }
    .titulo-porque-escolher {
        font-size: 1.8rem;
    }
    .titulo-clientes {
        font-size: 1.8rem;
    }
    .newsletter-frase {
        font-size: 1.3rem;
    }
    .titulo-consultoria {
        padding: 7% 12%;
        margin: 0;
    }
    .introducao-consultoria {
        margin: 0;
        padding: 0 12% 10%;
    }
    .svg-consultoria {
        display: none;
    }
    .titulo-consultoria {
        font-size: 1.8rem;
    }
    .estudos-MND {
        font-size: 1.6rem;
    }
    .titulo-imagemdireita {
        font-size: 1.6rem;
        padding: 7% 12%;
    }
    .texto-imagemdireita {
        font-size: 1rem;
        padding: 0 12% 7%;
    }
    .titulo-imagemesquerda {
        font-size: 1.6rem;
        padding: 7% 12%;
    }
    .texto-imagemesquerda {
        font-size: 1rem;
        padding: 0 12% 7%;
    }
    .consultoria-btn1 {
        margin-bottom: 7%;
    }
    .consultoria-btn2 {
        margin-bottom: 7%;
    }
    .titulo-cursos {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .introducao-cursos {
        padding: 0 12%;
    }
    .card-cursos {
        padding: 12%;
    }
    .card {
        margin-bottom: 20%;
    }
    .titulo-palestras {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .introducao-palestra {
        padding: 0 12%;
    }
    #footer {
        padding: 10% 12% 5%;
    }
    .bottom-footer {
        margin-bottom: 10%;
    }
    .texto-footer {
        padding: 0;
    }
    /* Publicações */
    .ano-boletim1 {
        text-align: center;
    }
    .ul-padding {
        text-align: center;
        padding: 10%;
    }
}
/* Celular */
@media (max-width: 767px) {
    .titulo-introducao-pratico {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .texto-introducao-pratico {
        font-size: 1rem;
        padding: 0 12% 7%;
    }
    .titulo-fiscalizacao {
        font-size: 1.5rem;
    }
    .img-introducao {
        width: 100%;
    }
    .img-introducao-aprofundamento {
        width: 100%;
        margin: 0;
    }
    .titulo-introducao {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .texto-introducao {
        font-size: 1rem;
        padding: 0 12% 7%;
    }
    .texto-introducao1 {
        font-size: 1rem;
        padding: 10% 12%;
    }
    .img-introducao2 {
        width: 120%;
    }
    .img-introducao2-aprofundamento {
        width: 100%;
        margin: 0;
    }
    .img-objetivo {
        width: 140%;
    }
    .img-objetivo-aprofundamento {
        width: 100%;
        margin: 0;
    }
    .titulo-metodologia {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .texto-metodologia {
        font-size: 1rem;
        padding: 0 12% 5%;
    }
    .imagem-metodologia {
        width: 120%;
    }
    .imagem-metodologia-aprofundamento {
        width: 150%;
        margin: 0;
    }
    .titulo-aprender {
        font-size: 1.8rem;
    }
    .texto-aprender {
        font-size: 1rem;
        padding: 0 0 7%;
    }
    .texto-aprender-big {
        font-size: 1.3rem;
    }
    .texto-aprender-big-sec1 {
        font-size: 1.6rem;
        text-transform: uppercase;
    }
    .titulo-downloads {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .texto-downloads {
        font-size: 1rem;
        padding: 0 12% 7%;
    }
    .titulo-publico {
        font-size: 1.8rem;
        padding: 7% 12%;
    }
    .texto-publico {
        font-size: 1rem;
        text-align: center;
        padding: 0 12%;
    }
    .titulo-professor {
        font-size: 1.8rem;
    }
    .conheca-img {
        width: 100%;
    }
    .whites-background {
        background: #fff;
        margin-top: -300px;
    }
    .texto-professor {
        padding: 3% 12% 7%;
    }
    .texto-professor2 {
        padding: 7% 12% 3%;
    }
    #fundo {
        margin: 0;
        padding: 10%;
        background-size: 50%;
        background-position-x: 40%;
    }
    .icone-publico {
        padding: 10% 45% 20%;
    }
    .texto-sections {
        padding: 0 15% 10%;
    }
    .formulario-retirada {
        padding: 0 10%;
    }
    .imagemesquerda {
        margin-left: 0;
    }
    .imagemdireita {
        margin-left: 0;
    }
    .img-fundador2 {
        margin-left: 0;
    }
    .imagem-consultoria {
        margin-left: 0;
        width: 100%;
    }
    .sub-titulo-imagemesquerda {
        padding: 7% 12% 5% 12%;
    }
    .sub-titulo-imagemdireita {
        padding: 7% 12% 5% 12%;
    }
    /* Newsletter */

    .titulo-newsletter {
        font-size: 3rem;
        padding-bottom: 10%;
    }
    .icone-newsletter {
        width: 40%;
        margin-left: 30%;
    }
    .desktop-orc {
        display: none;
    }
    .mobile-orc {
        display: inherit;
    }
}
@media (max-width: 768px) {
    * {
        overflow-x: hidden;
    }
    #header {
        position: inherit;
        overflow-x: visible;
    }
    #header.sticky {
        padding: 1rem;
    }
    #logo {
        width: 5vh;
    }
    #menu {
        display: block;
        position: absolute;
        width: 100%;
        top: 70px;
        right: 0px;
        background: #fff;
        transition: 0.6s;
        z-index: 1000;
        height: 0px;
        visibility: hidden;
        overflow-y: hidden;
    }
    #nav.active #menu {
        height: calc(100vh - 70px);
        visibility: visible;
        overflow-y: auto;
    }
    #menu a {
        padding: 1rem 0;
        margin: 0 1rem;
        border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    }
    #btn-mobile {
        display: flex;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        border: none;
        background: none;
        cursor: pointer;
        gap: 0.5rem;
    }
    #hamburger {
        border-top: 2px solid;
        width: 20px;
    }
    #hamburger::after,
    #hamburger::before {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        background: currentColor;
        margin-top: 5px;
        transition: 0.3s;
        position: relative;
    }
    #nav.active #hamburger {
        border-top-color: transparent;
    }
    #nav.active #hamburger::before {
        transform: rotate(135deg);
    }
    #nav.active #hamburger::after {
        transform: rotate(-135deg);
        top: -7px;
    }
}

/*Evento */
/***********************************************/
.nome-eventos {
    position: relative;
    text-align: center;
}

.img-eventos {
    position: relative;
    width: auto;
    height: 187px;
}
.btn-eventos {
    position: relative;
}
@media only screen and (max-width: 1500px) {
    .nome-eventos {
        font-size: 20px;
        width: 200px;
        position: relative;
        text-align: center;
    }
    .img-eventos {
        width: 200px;
        display: flex;
    }
    .btn-eventos {
        width: 200px;
        display: block;
    }
}
/***********************************************/
/* Blog */
#blog-intro {
    margin-top: 7%;
    background-color: #1c1c1c;
    color: #fff;
}
.titulo-blog {
    text-transform: uppercase;
    font-size: 10rem;
    margin-top: 10%;
    padding-left: 10%;
    margin-bottom: 0;
}
.sub-titulo-blog {
    margin-top: 0;
    padding-left: 10%;
    font-size: 1.5rem;
}
.s-titulo-blog {
    padding-left: 10%;
    font-size: 1rem;
    color: rgb(185, 185, 185);
}
.imagem-blog {
    width: 50%;
    position: relative;
    left: 50%;
    color: #d82e00;
}
.artigos-titulo {
    padding-left: 5%;
    margin-top: 5%;
    font-size: 3rem;
}
.imagem-aesabesp {
    width: 40%;
    position: relative;
    left: 30%;
    top: 20%;
}
@media (max-width: 768px) {
    .imagem-aesabesp {
        width: 30%;
        top: 5%;
        margin: 5%;
    }
}

/* Centralizar eventos */
.multiplos {
    text-align: center;
}

.multiplos img {
    display: block;
    margin: 0 auto;
}

.multiplos .btn {
    display: inline-block;
    margin: 10px auto 0;
}
.nome-eventos {
    text-align: center;
    width: 100%;
}

#carrossel-topo {
    margin-top: 90px;
    position: relative;
    background: #ba2200;
    height: 200px;
}

#carrossel-topo .carousel-inner,
#carrossel-topo .carousel-item {
    height: 200px;
}

.banner-topo {
    height: 60vh;
    object-fit: cover;
}

.titulo-centro {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, 0.6);
    padding: 15px 25px;
    border-radius: 8px;
}

.titulo-centro a {
    color: white;
    font-size: 32px;
    font-weight: 700;
    text-decoration: none;
}

.carousel-control-prev-icon,
.carousel-control-next-icon {
    filter: invert(1); /* deixa as setas brancas */
}

.cards-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 20px;
    max-width: 1100px;
    margin: 0 auto;

    list-style: none; /* remove os pontos */
    padding: 0;
}

.card-planilha {
    flex: 0 0 calc(33.333% - 20px);
    max-width: calc(33.333% - 20px);
    min-height: 120px;
    background: #fff;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
    padding: 20px;
    text-align: center;
}

.card-planilha:hover {
    transform: translateY(-5px);
}

.card-planilha a {
    text-decoration: none;
    color: #333;
    font-weight: 600;
}

.modal-overlay {
    display: none;
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, 0.7);
    z-index: 9999;
    justify-content: center;
    align-items: center;
}

.modal-content {
    width: 90%;
    max-width: 600px;
    background: #fff;
    border-radius: 12px;
    padding: 30px;
}

.modal-content input {
    width: 100%;
    margin: 10px 0;
    padding: 12px;
    box-sizing: border-box;
}

.modal-content button {
    margin-top: 10px;
    padding: 12px 20px;
}

.modal-content input {
    background: #fff !important;
    color: #000 !important;
    border: 1px solid #ccc;
}

.modal-content input::placeholder {
    color: #999;
}

.modal-content #empresa {
    background: #fff !important;
    color: #000 !important;
    padding: 12px !important;
}

/* ===== Seção de Eventos (cards) ===== */
#eventos .card-eventos {
    padding: 5% 6% 6%;
}

#eventos .eventos-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 28px;
    max-width: 1200px;
    margin: 40px auto 0;
    padding: 0 20px;
    text-align: left;
}

#eventos .evento-card {
    display: flex;
    flex-direction: column;
    background: #fff;
    border-radius: 14px;
    overflow: hidden;
    box-shadow: 0 6px 22px rgba(0, 0, 0, 0.12);
    transition:
        transform 0.25s ease,
        box-shadow 0.25s ease;
}

#eventos .evento-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 12px 30px rgba(0, 0, 0, 0.2);
}

#eventos .evento-logo {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 170px;
    padding: 18px 24px;
    background: #fff;
    border-bottom: 1px solid #eee;
}

#eventos .evento-logo img {
    max-width: 100%;
    max-height: 100%;
    object-fit: contain;
}

#eventos .evento-corpo {
    display: flex;
    flex-direction: column;
    flex: 1;
    padding: 20px 22px 22px;
}

#eventos .evento-data {
    align-self: flex-start;
    background: #dc3545;
    color: #fff;
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    font-size: 0.95rem;
    letter-spacing: 0.5px;
    text-transform: uppercase;
    padding: 4px 12px;
    border-radius: 20px;
    margin-bottom: 12px;
}

#eventos .evento-titulo {
    font-family: "Oswald", sans-serif;
    font-weight: 600;
    font-size: 1.3rem;
    line-height: 1.25;
    color: #212529;
    margin: 0 0 12px;
}

#eventos .evento-info {
    list-style: none;
    margin: 0 0 12px;
    padding: 0;
    font-size: 0.9rem;
    color: #444;
}

#eventos .evento-info li {
    display: flex;
    gap: 10px;
    margin-bottom: 5px;
}

#eventos .evento-info i {
    flex: 0 0 16px;
    margin-top: 3px;
    text-align: center;
    color: #dc3545;
}

#eventos .evento-desc {
    font-size: 0.9rem;
    color: #555;
    margin: 0 0 18px;
}

#eventos .evento-botoes {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
    margin-top: auto;
}

#eventos .evento-botoes .btn {
    flex: 1 1 130px;
    font-weight: 600;
    text-transform: uppercase;
    letter-spacing: 0.3px;
}

#eventos .evento-card.encerrado {
    display: none;
}

@media (max-width: 991px) {
    #eventos .eventos-grid {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (max-width: 640px) {
    #eventos .eventos-grid {
        grid-template-columns: 1fr;
        gap: 22px;
    }
}

/* Slogan (imagem de largura total) */
.img-slogan {
    width: 100%;
    height: auto;
}

/* Título da seção Cursos */
#cursos .titulo-cursos-secao {
    font-size: 50px;
}

/* Cursos: grade de cards (2 por linha, mesma altura, botão alinhado embaixo) */
#cursos .cursos-grid {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 32px;
    align-items: stretch;
}
#cursos .curso-item {
    display: flex;
    padding: 0;
    margin: 0;
    min-width: 0;
}
#cursos .curso-item .card {
    width: 100%;
    min-height: 0;
    margin-bottom: 0;
}
#cursos .curso-item .card-img-top {
    width: 100%;
    aspect-ratio: 3 / 2;
    object-fit: cover;
}
#cursos .curso-item .card-body {
    display: flex;
    flex-direction: column;
    flex: 1 1 auto;
    padding: 0 0 1.5rem;
}
#cursos .curso-item .nome-cursos {
    flex: 1 1 auto;
    margin: 0;
    padding: 1.25rem 1.5rem 1rem;
}
#cursos .curso-item .saiba-mais {
    align-self: flex-start;
    margin: 0 1.5rem;
}
@media (max-width: 640px) {
    #cursos .cursos-grid {
        grid-template-columns: minmax(0, 1fr);
        gap: 24px;
    }
}

/* ==========================================================================
   Página inicial (body.pagina-home)
   Fotos inteiras, sem cortar, e rodapé alinhado.
   Escopado na página inicial para não alterar as outras páginas.
   ========================================================================== */

/* Fotos: ocupam a própria coluna (antes passavam da tela e eram cortadas) */
body.pagina-home .img-fundador,
body.pagina-home .img-fundador2,
body.pagina-home .imagemesquerda,
body.pagina-home .imagemesquerda1,
body.pagina-home .imagemdireita,
body.pagina-home .imagemdireita1,
body.pagina-home .imagemdireita2 {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto;
    margin: 0;
}

/* Fundador: as duas fotos empilhadas na coluna, sem sobreposição */
body.pagina-home .img-fundador2 {
    margin-top: 24px;
}
body.pagina-home #section2 {
    margin-top: 0;
}

/* Consultoria: a foto aparece inteira (sem cortar) e sem margem lateral.
   Se o texto ao lado for mais alto que a foto, o espaço que sobra na coluna
   fica preto, continuando o painel de texto (antes sobrava vermelho). */
body.pagina-home
    .row
    > [class*="col-"]:has(
        > img.imagemesquerda,
        > img.imagemesquerda1,
        > img.imagemdireita,
        > img.imagemdireita1,
        > img.imagemdireita2
    ) {
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding: 0;
    background: #000;
}

@media (max-width: 767px) {
    body.pagina-home .img-fundador {
        display: none;
    }
    body.pagina-home .img-fundador2 {
        margin-top: 0;
    }
}

/* Rodapé: 4 colunas alinhadas pelo topo, títulos na mesma altura */
body.pagina-home #footer .texto-footer {
    margin: 0 0 12px;
    padding: 0;
    min-height: 3em;
}
body.pagina-home #footer .row > div > a {
    display: block;
}
body.pagina-home #footer .contato-footer {
    margin-bottom: 6px;
}
body.pagina-home #footer .politica-footer {
    padding: 0;
}
@media (max-width: 991px) {
    body.pagina-home #footer .texto-footer {
        min-height: 0;
    }
}

/* ----- A empresa: texto e logo lado a lado, equilibrados ----- */
body.pagina-home #empresa {
    padding: 5% 10%;
}
body.pagina-home #empresa .row {
    align-items: center;
    row-gap: 32px;
}
body.pagina-home #empresa .titulo-empresa {
    margin-bottom: 1rem;
}
body.pagina-home #empresa .sub-texto {
    font-size: 1.5rem;
    padding-bottom: 0;
    margin-bottom: 1.5rem;
}
body.pagina-home #empresa .sub-texto1 {
    font-size: 1.125rem;
    text-align: left;
    margin-bottom: 1rem;
}
body.pagina-home #empresa .imagem-empresa {
    display: block;
    position: static;
    width: 100%;
    max-width: 360px;
    margin: 0 auto;
}
@media (min-width: 992px) {
    body.pagina-home #empresa .col-lg-9 {
        flex: 0 0 auto;
        width: 60%;
    }
    body.pagina-home #empresa .col-lg-3 {
        flex: 0 0 auto;
        width: 40%;
    }
}
@media (max-width: 767px) {
    body.pagina-home #empresa {
        padding: 10% 8%;
    }
    body.pagina-home #empresa .sub-texto {
        font-size: 1.2rem;
    }
    body.pagina-home #empresa .sub-texto1 {
        font-size: 1rem;
    }
    body.pagina-home #empresa .imagem-empresa {
        max-width: 220px;
    }
}

/* ==========================================================================
   Página inicial: organização responsiva (tablet e celular)
   Tudo escopado em body.pagina-home. Não muda cores, fontes nem efeitos:
   só espaçamentos, larguras e empilhamento.
   ========================================================================== */

/* Celular: sem espaço em branco sobrando entre o cabeçalho e a faixa de boletins
   (nessa largura o cabeçalho não é mais fixo) */
@media (max-width: 768px) {
    body.pagina-home #carrossel-topo {
        margin-top: 64px;
    }
}

@media (max-width: 991px) {
    /* Faixa de boletins: título sempre cabe na faixa */
    body.pagina-home .titulo-centro {
        width: calc(100% - 120px);
        box-sizing: border-box;
        padding: 12px 18px;
        text-align: center;
    }
    body.pagina-home .titulo-centro a {
        display: block;
        font-size: clamp(15px, 3.2vw, 28px);
        line-height: 1.3;
    }

    /* Propósito: foto com altura controlada e texto com margens iguais */
    body.pagina-home .img-proposito {
        display: block;
        width: 100%;
        max-width: 100%;
        max-height: 480px;
        margin: 0;
        padding: 0;
        object-fit: cover;
    }
    body.pagina-home .texto-proposito {
        padding: 6% 8%;
    }
    body.pagina-home .titulo-proposito {
        padding-left: 8%;
        padding-right: 8%;
    }

    /* Textos empilhados: alinhados à esquerda (justificado abre buracos) */
    body.pagina-home .texto-proposito,
    body.pagina-home .texto-fundador,
    body.pagina-home .texto-fundador2,
    body.pagina-home .texto-icon,
    body.pagina-home .texto-imagemesquerda,
    body.pagina-home .texto-imagemdireita,
    body.pagina-home .introducao-palestra,
    body.pagina-home .introducao-consultoria,
    body.pagina-home #empresa .sub-texto1 {
        text-align: left;
    }

    /* Consultoria: topo com texto e foto empilhados, sem círculo solto */
    body.pagina-home .svg-consultoria {
        display: none;
    }
    body.pagina-home .titulo-consultoria {
        margin: 8% 8% 4%;
    }
    body.pagina-home .introducao-consultoria {
        margin: 0 8% 6%;
    }
    body.pagina-home #consultoria .no-padding {
        flex: 0 0 100%;
        max-width: 100%;
        padding: 0;
    }
    body.pagina-home .imagem-consultoria {
        display: block;
        width: 100%;
        max-width: 100%;
        margin: 0;
    }

    /* Consultoria: blocos de texto com as mesmas margens laterais */
    body.pagina-home .titulo-imagemesquerda,
    body.pagina-home .titulo-imagemdireita {
        padding: 8% 8% 2%;
        font-size: 1.7rem;
    }
    body.pagina-home .sub-titulo-imagemesquerda,
    body.pagina-home .sub-titulo-imagemdireita {
        padding: 1% 8% 3%;
    }
    body.pagina-home .texto-imagemesquerda,
    body.pagina-home .texto-imagemdireita {
        padding: 0 8% 4%;
    }
    body.pagina-home .consultoria-btn1,
    body.pagina-home .consultoria-btn2 {
        margin: 0 8% 8%;
    }

    /* Rodapé: espaço entre os blocos */
    body.pagina-home .bottom-footer {
        margin-bottom: 28px;
    }
}

/* Tablet: "Porque escolher" em 3 colunas */
@media (min-width: 768px) and (max-width: 991px) {
    body.pagina-home #porque-escolher .row > .col-lg-4 {
        flex: 0 0 auto;
        width: 33.3333%;
    }
    body.pagina-home .texto-icon {
        padding: 3% 6%;
        font-size: 0.9rem;
    }
}

/* Tablet e notebook pequeno (769px a 1279px): o menu completo não cabe no
   cabeçalho, então usa o mesmo menu hambúrguer do celular (o script.js já
   abre e fecha). O cabeçalho continua fixo no topo. */
@media (min-width: 769px) and (max-width: 1279px) {
    body.pagina-home #header,
    body.pagina-home #header.sticky {
        padding: 0.2rem 2rem;
    }
    body.pagina-home .desktop-orc {
        display: none;
    }
    body.pagina-home .mobile-orc {
        display: inherit;
    }
    body.pagina-home #btn-mobile {
        display: flex;
        padding: 0.5rem 1rem;
        font-size: 1rem;
        border: none;
        background: none;
        cursor: pointer;
        gap: 0.5rem;
    }
    body.pagina-home #hamburger {
        border-top: 2px solid;
        width: 20px;
    }
    body.pagina-home #hamburger::after,
    body.pagina-home #hamburger::before {
        content: "";
        display: block;
        width: 20px;
        height: 2px;
        background: currentColor;
        margin-top: 5px;
        transition: 0.3s;
        position: relative;
    }
    body.pagina-home #nav.active #hamburger {
        border-top-color: transparent;
    }
    body.pagina-home #nav.active #hamburger::before {
        transform: rotate(135deg);
    }
    body.pagina-home #nav.active #hamburger::after {
        transform: rotate(-135deg);
        top: -7px;
    }
    body.pagina-home #menu {
        display: block;
        position: absolute;
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 0;
        background: #fff;
        transition: 0.6s;
        z-index: 1000;
        height: 0;
        visibility: hidden;
        overflow-y: hidden;
    }
    body.pagina-home #nav.active #menu {
        height: calc(100vh - 80px);
        visibility: visible;
        overflow-y: auto;
    }
    body.pagina-home #menu a {
        padding: 1rem 0;
        margin: 0 2rem;
        border-bottom: 2px solid rgba(0, 0, 0, 0.05);
    }
}

/* ==========================================================================
   Cabeçalho e menu (desktop, tablet e celular)
   ========================================================================== */

/* Desktop (a partir de 1280px): todos os itens em uma linha só, sem quebrar,
   com idiomas e contatos separados do menu principal */
@media (min-width: 1280px) {
    body.pagina-home #header,
    body.pagina-home #header.sticky {
        padding: 0.2rem clamp(1.5rem, 4vw, 8rem);
    }
    body.pagina-home #menu {
        flex-wrap: nowrap;
        align-items: center;
        gap: 0.15rem;
    }
    body.pagina-home #menu a {
        white-space: nowrap;
        padding: 0.5rem 0.65rem;
    }
    body.pagina-home #menu > li:nth-child(2),
    body.pagina-home #menu > li:nth-child(8) {
        margin-right: 0.75rem;
    }
}

/* Notebook (1280px a 1439px): itens um pouco mais compactos para caberem */
@media (min-width: 1280px) and (max-width: 1439px) {
    body.pagina-home #menu {
        gap: 0;
    }
    body.pagina-home #menu a {
        font-size: 11px;
        padding: 0.35rem 0.45rem;
    }
    body.pagina-home #menu > li:nth-child(2),
    body.pagina-home #menu > li:nth-child(8) {
        margin-right: 0.5rem;
    }
}

/* Tablet e celular: itens do menu com área de toque confortável */
@media (max-width: 1279px) {
    body.pagina-home #menu a {
        font-size: 14px;
    }
    body.pagina-home #btn-mobile {
        min-width: 44px;
        min-height: 44px;
        align-items: center;
        justify-content: center;
    }
    body.pagina-home .mobile-orc {
        display: inline-flex;
        align-items: center;
        padding: 0.4rem 1rem;
        font-size: 0.9rem;
    }
}

/* Celular: cabeçalho fixo no topo (como no desktop), logo e botões alinhados */
@media (max-width: 768px) {
    body.pagina-home #header,
    body.pagina-home #header.sticky {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        width: 100%;
        height: 64px;
        padding: 0.4rem 1rem;
        overflow-x: visible;
    }
    body.pagina-home #logo,
    body.pagina-home #header.sticky .logo {
        width: 44px;
        padding: 0;
    }
    body.pagina-home #menu {
        top: 100%;
        left: 0;
        right: 0;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    body.pagina-home #nav.active #menu {
        height: calc(100vh - 64px);
    }
    body.pagina-home #menu a {
        margin: 0 1.25rem;
    }
}

/* ==========================================================================
   Ajustes finos de espaçamento e alinhamento
   ========================================================================== */

/* Clientes: todos os logos dentro da mesma caixa, centralizados */
body.pagina-home #clientes .row > [class*="col-"] {
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 12px;
    padding-bottom: 12px;
}
body.pagina-home .icon-clientes {
    display: block;
    width: auto;
    height: auto;
    max-width: min(200px, 80%);
    max-height: 100px;
    padding: 0;
    object-fit: contain;
}

/* Porque escolher: texto um pouco maior para leitura confortável */
body.pagina-home .texto-icon {
    font-size: 0.95rem;
}

/* Palestras e Cursos: botões alinhados com o texto (sem margens laterais de 30%) */
@media (max-width: 991px) {
    body.pagina-home .palestras-btn {
        margin: 0 8% 8%;
    }
    body.pagina-home .titulo-palestras {
        padding: 8% 8% 2%;
    }
    body.pagina-home .introducao-palestra {
        padding: 0 8% 4%;
    }
    body.pagina-home #cursos .consultoria-btn1 {
        margin: 0 8% 8%;
    }
    body.pagina-home #cursos .titulo-cursos-secao {
        padding: 8% 8% 2%;
        font-size: 2.2rem;
    }
    body.pagina-home #cursos .texto-imagemesquerda {
        padding: 0 8% 4%;
    }
}

/* Rodapé em 4 colunas estreitas (tablet grande / notebook pequeno): contatos sem quebrar feio */
@media (min-width: 992px) and (max-width: 1279px) {
    body.pagina-home #footer .contato-footer {
        font-size: 0.9rem;
    }
}