#secaoQuemSomos {
     width: 100%;
     overflow: hidden;
     padding: 15px 0;
     background: var(--corCinza);
     box-sizing: border-box;
     animation: animarFundoQuemSomos 6s ease-in-out infinite;
 }
 /* ANIMAÇÃO DO FUNDO  */
 
 @keyframes animarFundoQuemSomos {
     0% {
         background-color: var(--corCinza);
     }
     50% {
         background-color: color-mix( in srgb, var(--azulEscuro) 20%, transparent);
     }
     100% {
         background-color: var(--corCinza);
     }
 }
 
 .conteudoQuemSomos {
     width: min(100%, 100%);
     min-height: 500px;
     margin: 0;
     padding: 0;
     display: flex;
     align-items: center;
     justify-content: center;
     gap: 60px;
     box-sizing: border-box;
 }
 
 .textoQuemSomos {
     flex: 1 1 0;
     min-width: 0;
     padding: 10px 0 0 80px;
     max-width: 700px;
     z-index: 5;
 }
 
 .textoQuemSomos h1 {
     font-size: 35pt;
     color: var(--azulEscuro);
     margin: 0 0 2px 0;
 }
 
 .linhaTitulo {
     width: 120px;
     height: 7px;
     margin-left: 35px;
     margin-bottom: 30px;
     background: var(--laranjaForte);
 }
 
 .textoQuemSomos p {
     font-size: 14pt;
     line-height: 1.5;
     color: var(--azulEscuro);
     margin: 0;
 }
 
 .imagemQuemSomos {
     flex: 1 1 0;
     width: auto;
     height: 500px;
     min-width: 0;
     position: relative;
     overflow: hidden;
     /* clip-path: polygon( 37% 0%, 100% 0%, 100% 100%, 0% 100%); */
     border-radius: 8px;
 }
 
 .imagemQuemSomos img {
     width: 100%;
     height: 100%;
     display: block;
     object-fit: cover;
 }
 
 .sobreposicaoImagem {
     position: absolute;
     inset: 0;
     /* background: linear-gradient( to top, rgba(18, 43, 92, .88), rgba(18, 43, 92, .18)); */
 }
 
 #secaoPresidente {
     position: relative;
     overflow: hidden;
     min-height: 80vh;
     padding-top: 30px;
 }
 
 .imagemFundoPresidente {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 52vh;
     z-index: 1;
 }
 
 .conteudoPresidente {
     width: 100%;
     max-width: 100%;
     padding: 0 70px;
     display: flex;
     justify-content: space-between;
     align-items: stretch;
     /* importante */
     gap: 40px;
     position: relative;
     z-index: 2;
     min-height: 80vh;
 }
 
 .ladoEsquerdo {
     width: 38%;
     position: relative;
     display: flex;
     align-items: flex-end;
     /* imagem fica em baixo */
 }
 
 .fotoPresidente {
     width: 100%;
     height: 100%;
     display: flex;
     align-items: flex-end;
 }
 
 .fotoPresidente img {
     width: 100%;
     height: 100%;
     object-fit: contain;
     object-position: bottom center;
     display: block;
 }
 
 .cartaoPresidente {
     position: absolute;
     left: 50%;
     bottom: 15px;
     transform: translateX(-50%);
     background: var(--corBranca);
     border-radius: 12px;
     padding: 18px 25px;
     width: 85%;
     text-align: center;
     box-shadow: 0 8px 20px rgba(0, 0, 0, .15);
 }
 
 .ladoDireito {
     width: 55%;
     display: flex;
     flex-direction: column;
     justify-content: center;
 }
 
 .ladoDireito h2 {
     color: var(--azulEscuro);
     font-size: 37pt;
     margin-bottom: 25px;
 }
 
 .caixaMensagem {
     background: var(--azulClaro);
     color: var(--corBranca);
     padding: 35px;
     border-radius: 15px;
     position: relative;
 }
 
 .caixaMensagem::after {
     content: "";
     position: absolute;
     left: 60px;
     bottom: -19px;
     border-top: 20px solid var(--azulClaro);
     border-left: 18px solid transparent;
     border-right: 120px solid transparent;
 }
 
 #secaoHistorial {
     padding: 50px 30px;
     text-align: center;
     background: linear-gradient(to bottom, #ffffff 75%, var(--corCinza) 25%);
 }
 
 #secaoHistorial h2 {
     font-size: 35pt;
     color: var(--azulEscuro);
 }
 
 #secaoHistorial p {
     width: 60%;
     margin: 20px auto;
     color: #667;
 }
 
 .linhaTempo {
     display: flex;
     justify-content: center;
     gap: 25px;
     margin-top: 60px;
     flex-wrap: wrap;
 }
 
 .cartaoAno {
     position: relative;
     width: 220px;
     background: var(--corBranca);
     border: 1px solid transparent;
     border-radius: 18px;
     padding: 3px 3px 6px;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
     transition: .35s ease;
     overflow: visible;
     z-index: 1;
 }
 
 .cartaoAno:nth-child(1) {
     --corCartao: var(--azulEscuro);
 }
 
 .cartaoAno:nth-child(2) {
     --corCartao: var(--azulClaro);
 }
 
 .cartaoAno:nth-child(3) {
     --corCartao: var(--laranjaForte);
 }
 
 .cartaoAno:nth-child(4) {
     --corCartao: var(--azulEscuro);
 }
 
 .cartaoAno:nth-child(5) {
     --corCartao: var(--azulClaro);
 }
 
 .cartaoAno:nth-child(6) {
     --corCartao: var(--laranjaForte);
 }
 
 .cartaoAno:hover {
     transform: translateY(-8px);
     border-color: var(--corCartao);
     position: relative;
     z-index: 10;
 }
 
 .cartaoAno::after {
     content: "";
     position: absolute;
     left: 0;
     right: 0;
     bottom: -7px;
     height: 18px;
     background: var(--corCartao);
     border: 1px solid var(--corCartao);
     border-radius: 0 0 18px 18px;
     z-index: -1;
     opacity: 0;
     transform: translateY(5px);
     transition: opacity .3s ease, transform .3s ease, bottom .3s ease, height .3s ease;
 }
 
 .cartaoAno:hover::after {
     opacity: 1;
     transform: translateY(0);
     bottom: -10px;
     height: 22px;
 }
 
 .marcadorAno {
     position: absolute;
     width: 18px;
     height: 18px;
     left: 50%;
     top: -32px;
     transform: translateX(-50%) rotate(-45deg);
     border: 2px solid var(--corCartao);
     border-radius: 50% 50% 50% 0;
     background: var(--corBranca);
     opacity: 0;
     transition: .3s ease;
     z-index: 5;
 }
 
 .marcadorAno::after {
     content: "";
     position: absolute;
     width: 5px;
     height: 5px;
     background: var(--corCartao);
     border-radius: 50%;
     top: 50%;
     left: 50%;
     transform: translate(-50%, -50%);
 }
 
 .cartaoAno:hover .marcadorAno {
     opacity: 1;
     border-color: var(--corCartao);
 }
 
 .cartaoAno h3 {
     color: var(--azulEscuro);
     font-size: 20pt;
     margin-bottom: 5px;
 }
 
 .cartaoAno span {
     color: var(--azulEscuro);
     font-size: 10pt;
     line-height: 2.1;
 }
 
 .SessãoMissãoVisãoValores {
     position: relative;
     width: 100%;
     padding: 120px 20px 100px;
     overflow: hidden;
 }
 
 .ImagemFundoCurvo {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     z-index: 1;
     pointer-events: none;
 }
 
 .ConteúdoMissãoVisãoValores {
     position: relative;
     z-index: 2;
     max-width: 1200px;
     margin: auto;
     display: flex;
     justify-content: center;
     gap: 40px;
     flex-wrap: wrap;
 }
 
 .CartãoMissãoVisãoValores {
     width: 350px;
     min-height: 530px;
     background: var(--corBranca);
     border-radius: 22px;
     overflow: hidden;
     box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
     transition: .35s;
 }
 
 .CartãoMissãoVisãoValores:hover {
     transform: translateY(-10px);
 }
 
 .CabeçalhoCartão {
     height: 115px;
     background: var(--azulEscuro);
     display: flex;
     justify-content: center;
     align-items: center;
     position: relative;
     border-radius: 40px 40px 0 0;
 }
 
 .CabeçalhoCartão::after {
     content: "";
     position: absolute;
     bottom: -25px;
     /* top: 10px; */
     left: 50%;
     transform: translateX(-50%);
     width: 125%;
     height: 40px;
     /* border: 2px solid #ccc; */
     background: var(--corBranca);
     border-radius: 90% 90% 0 0;
 }
 
 .CabeçalhoCartão h2 {
     position: relative;
     z-index: 2;
     color: var(--corBranca);
     font-size: 37pt;
     font-weight: 700;
 }
 
 .CorpoCartão {
     padding: 60px 30px 35px;
 }
 
 .CorpoCartão p {
     color: var(--azulEscuro);
     font-size: 20px;
     line-height: 1.55;
     text-align: justify;
 }
 
 .CorpoCartão ul {
     list-style: none;
     padding: 0;
     margin: 0;
 }
 
 .CorpoCartão li {
     display: flex;
     justify-content: center;
     align-items: center;
     gap: 12px;
     margin-bottom: 12px;
     color: #263d67;
     font-size: 20px;
     font-weight: 500;
 }
 
 .CorpoCartão li::before {
     content: "";
     width: 10px;
     height: 10px;
     background: #243864;
     border-radius: 50%;
     flex-shrink: 0;
 }
 
 #secaoObjectivos {
     width: 100%;
     padding: 10% 0 0;
     background: var(--branco);
 }
 
 .conteudoObjectivos {
     width: 100%;
     max-width: 100%;
     margin: auto;
     display: flex;
     justify-content: center;
     align-items: center;
 }
 
 #secaoObjectivos .tituloObjectivos {
     display: none;
 }
 
 .imagemObjectivos {
     width: 100%;
     height: auto;
     display: block;
     border-radius: 12px;
     transition: .4s ease;
 }
 
 .imagemObjectivos {
     opacity: 0;
     transform: translateY(50px);
     transition: .8s;
 }
 
 .imagemObjectivos.mostrarF {
     opacity: 1;
     transform: translateY(0);
 }
 
 #secaoObjectivos .conteudoObjectivosMobile {
     display: none;
 }
 
 #secaoEstruturaOrganizacional {
     width: 100%;
     padding: 20px 0;
     background: var(--corBranca);
 }
 
 .cabecalhoEstrutura {
     width: 90%;
     max-width: 1000px;
     margin: 40px auto 10px;
     text-align: center;
 }
 
 .cabecalhoEstrutura h2 {
     font-size: 37pt;
     font-weight: 700;
     color: var(--azulEscuro);
     margin-bottom: 15px;
 }
 
 .cabecalhoEstrutura p {
     font-size: 24px;
     color: #44536B;
     line-height: 1.6;
 }
 
 .modalEstrutura {
     display: none;
 }
 
 .barraModalEstrutura button {
     display: none;
 }
 
 #botaoAmpliarEstrutura {
     display: none;
 }
 
 .mobile {
     display: none;
 }
 
 .conteudoEstrutura {
     width: 100%;
     background: var(--azulEscuro);
     display: flex;
     justify-content: center;
     align-items: center;
     overflow: hidden;
 }
 
 .caixaImagemEstrutura {
     position: relative;
     width: 100%;
     max-width: 1700px;
 }
 
 .imagemEstrutura {
     width: 100%;
     height: auto;
     display: block;
     object-fit: contain;
     opacity: 0;
     transform: translateY(60px);
     transition: opacity .8s ease, transform .8s ease;
 }
 
 .imagemEstrutura.mostrar {
     opacity: 1;
     transform: translateY(0);
 }
 
 .botaoAmpliarEstrutura {
     position: absolute;
     right: 10px;
     bottom: 10px;
     width: 38px;
     height: 38px;
     padding: 7px;
     border: none;
     border-radius: 5px;
     display: flex;
     align-items: center;
     justify-content: center;
     cursor: pointer;
     z-index: 5;
     transition: transform .25s ease, background .25s ease;
 }
 
 .botaoAmpliarEstrutura img {
     width: 100%;
     height: 100%;
     object-fit: contain;
 }
 
 .botaoAmpliarEstrutura:hover {
     transform: scale(1.08);
 }
 
 #secaoDocumentos {
     padding: 60px 0;
     background: var(--corBranca);
 }
 
 .conteudoDocumentos {
     width: 90%;
     max-width: 1400px;
     margin: auto;
 }
 
 .cabecalhoDocumentos {
     max-width: 1000px;
     margin-bottom: 60px;
 }
 
 .cabecalhoDocumentos h2 {
     font-size: 58px;
     color: var(--azulEscuro);
     margin-bottom: 10px;
 }
 
 .cabecalhoDocumentos h3 {
     font-size: 42px;
     color: var(--azulEscuro);
     margin-bottom: 25px;
     font-weight: 600;
 }
 
 .cabecalhoDocumentos p {
     font-size: 19px;
     line-height: 1.8;
     color: #5A667A;
     margin-bottom: 20px;
 }
 
 .grelhaDocumentos {
     display: grid;
     grid-template-columns: repeat(3, 1fr);
     gap: 18px;
 }
 
 .cartaoDocumento {
     background: linear-gradient(180deg, #376E9D, #2B5D8C);
     border-radius: 8px;
     padding: 25px;
     text-decoration: none;
     color: #fff;
     transition: .35s;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
 }
 
 .cartaoDocumento:hover {
     transform: translateY(-8px);
     background: linear-gradient(180deg, #417EB2, #2F6EA6);
 }
 
 .cartaoDocumento h4 {
     font-size: 28px;
     margin-bottom: 10px;
     font-weight: 700;
 }
 
 .linhaTituloDocumentos {
     width: 220px;
     height: 1px;
     margin-left: 0;
     background: #ffffffa2;
     margin-bottom: 5px;
 }
 
 .cartaoDocumento p {
     font-size: 17px;
     line-height: 1.7;
 }
 
 .cartaoDocumento {
     opacity: 0;
     transform: translateY(50px);
     transition: .6s;
 }
 
 .cartaoDocumento.mostrar {
     opacity: 1;
     transform: translateY(0);
 }
 
 .botaoDocumento {
     display: inline-flex;
     align-items: center;
     justify-content: center;
     gap: 8px;
     background: var(--laranjaForte);
     color: var(--corBranca);
     padding: 10px 15px;
     border-radius: 8px;
     font-size: 14px;
     text-decoration: none;
     opacity: 0;
     visibility: hidden;
     transform: translateY(15px);
     transition: opacity .3s ease, visibility .3s ease, transform .3s ease;
 }
 
 .cartaoDocumento:hover .botaoDocumento {
     opacity: 1;
     visibility: visible;
     transform: translateY(0);
 }
 
 .cartaoDocumento {
     position: relative;
     display: flex;
     flex-direction: column;
     background: linear-gradient( 180deg, #376E9D, #2B5D8C);
     border-radius: 8px;
     padding: 25px;
     text-decoration: none;
     color: #fff;
     transition: .35s;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
 }
 
 .cartaoDocumento .botaoDocumento {
     margin-top: auto;
     align-self: flex-start;
 }
 
 .cartaoDocumento {
     position: relative;
     display: flex;
     flex-direction: column;
     background: linear-gradient( 120deg, #223f58, #2B5D8C);
     border-radius: 8px;
     padding: 25px;
     text-decoration: none;
     color: #fff;
     min-height: 260px;
     box-sizing: border-box;
     transition: transform .35s ease, background .35s ease, box-shadow .35s ease;
     box-shadow: 0 10px 25px rgba(0, 0, 0, .12);
 }
 
 .cartaoDocumento:hover {
     transform: translateY(-8px);
     background: linear-gradient( 120deg, #417EB2, #223f58);
     box-shadow: 0 15px 30px rgba(0, 0, 0, .18);
 }
 
 @media(max-width:900px) {
     .conteudoQuemSomos {
         flex-direction: column;
     }
     .textoQuemSomos {
         width: 100%;
         max-width: none;
         flex: none;
         padding: 0 25px 20px 25px;
         box-sizing: border-box;
         z-index: 5;
     }
     .imagemQuemSomos {
         width: 100%;
         height: 400px;
         order: 1;
         clip-path: none;
     }
     .textoQuemSomos h1 {
         font-size: 38pt;
         line-height: 1.15;
         margin: 20px 0 12px 0;
         color: var(--azulEscuro);
     }
     .linhaTitulo {
         width: 75px;
         height: 12px;
         margin: 0 0 18px 5px;
         background: var(--laranjaForte);
         border-radius: 0;
     }
     .textoQuemSomos p {
         width: 100%;
         font-size: 22pt;
         line-height: 1.42;
         margin: 0;
         color: var(--azulEscuro);
         text-align: left;
     }
     .imagemQuemSomos {
         position: relative;
         width: 100%;
         height: 465px;
         flex: none;
         margin: 0;
         overflow: hidden;
         border-radius: 0;
         clip-path: polygon( 0 100%, 1% 0, 100% 1%, 100% 100%, 0 100%);
     }
     .imagemQuemSomos img {
         width: 100%;
         height: 100%;
         display: block;
         object-fit: cover;
         left: -20%;
         object-position: right;
     }
     .sobreposicaoImagem {
         position: absolute;
         inset: 0;
         background: linear-gradient( to bottom, rgba(18, 43, 92, 0) 40%, rgba(18, 43, 92, .35) 65%, rgba(18, 43, 92, .88) 100%);
     }
     #secaoPresidente {
         position: relative;
         width: 100%;
         min-height: 650px;
         height: 100vh;
         max-height: 720px;
         padding: 0;
         overflow: hidden;
         box-sizing: border-box;
     }
     .imagemFundoPresidente {
         position: absolute;
         left: 0;
         bottom: 0;
         width: 100%;
         height: 55%;
         z-index: 1;
         overflow: hidden;
     }
     .imagemFundoPresidente img {
         width: 100%;
         height: 100%;
         object-fit: cover;
         object-position: center bottom;
         display: block;
     }
     .conteudoPresidente {
         position: relative;
         z-index: 2;
         width: 100%;
         height: 100%;
         min-height: 650px;
         padding: 0;
         display: flex;
         align-items: stretch;
         justify-content: space-between;
         gap: 0;
         box-sizing: border-box;
     }
     .ladoEsquerdo {
         position: relative;
         left: -95px;
         width: 58%;
         height: 100%;
         display: flex;
         align-items: flex-end;
         flex-shrink: 0;
         z-index: 3;
     }
     .fotoPresidente {
         width: 100%;
         height: 100%;
         display: flex;
         align-items: flex-end;
         overflow: hidden;
     }
     .fotoPresidente img {
         width: 100%;
         height: 100%;
         object-fit: contain;
         object-position: left bottom;
         display: block;
     }
     .ladoDireito {
         position: relative;
         width: 62%;
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         padding: 85px 10px 0 0;
         box-sizing: border-box;
         z-index: 4;
     }
     .ladoDireito h2 {
         color: var(--azulEscuro);
         font-size: 27px;
         line-height: 1.05;
         text-align: right;
         margin: 0 8px 8px 0;
         font-weight: 600;
     }
     .caixaMensagem {
         position: relative;
         width: calc(100% + 12px);
         margin-left: -10px;
         box-sizing: border-box;
         background: var(--azulClaro);
         color: var(--corBranca);
         padding: 22px 17px 24px;
         border-radius: 20px;
         font-size: 15px;
         line-height: 1.02;
         z-index: 5;
     }
     .caixaMensagem p {
         margin: 0 0 15px 0;
     }
     .caixaMensagem p:last-child {
         margin-bottom: 0;
     }
     .caixaMensagem::after {
         content: "";
         position: absolute;
         left: 35px;
         bottom: -28px;
         width: 0;
         height: 0;
         border-top: 30px solid var(--azulClaro);
         border-left: 0 solid transparent;
         border-right: 65px solid transparent;
     }
     .cartaoPresidente {
         position: absolute;
         left: 50%;
         bottom: 25px;
         transform: translateX(-50%);
         width: 82%;
         box-sizing: border-box;
         background: var(--corBranca);
         border-radius: 14px;
         padding: 14px 12px 13px;
         text-align: center;
         z-index: 10;
         box-shadow: 0 7px 20px rgba(0, 0, 0, .15);
     }
     .cartaoPresidente h3 {
         margin: 0 0 3px 0;
         color: var(--azulEscuro);
         font-size: 28px;
         line-height: 1.1;
     }
     .cartaoPresidente p {
         margin: 0;
         color: var(--azulEscuro);
         font-size: 15px;
         line-height: 1.2;
     }
     #secaoHistorial {
         padding: 50px 10px;
         text-align: center;
         background: linear-gradient(to bottom, #ffffff 85%, var(--corCinza) 15%);
     }
     #secaoHistorial h2 {
         font-size: 35pt;
         color: var(--azulEscuro);
     }
     #secaoHistorial p {
         width: 94%;
         font-size: 18pt;
         margin: 20px auto;
         color: #667;
     }
     .linhaTempo {
         width: 100%;
         display: flex;
         justify-content: center;
         align-items: flex-start;
         gap: 10px;
         margin-top: 55px;
         padding: 40px 8px 15px;
         box-sizing: border-box;
         /* Não deixar os cards criar scroll horizontal */
         overflow: hidden;
         flex-wrap: nowrap;
     }
     .cartaoAno {
         flex: 0 0 calc(50% - 5px);
         width: calc(50% - 5px);
         max-width: none;
         box-sizing: border-box;
         padding: 17px 12px 15px;
         border-radius: 15px;
         display: none;
         margin-top: 0;
         overflow: visible;
         opacity: 0;
         transform: translateY(8px);
         transition: opacity .45s ease, transform .45s ease, border-color .3s ease;
     }
     .cartaoAno.ativo {
         display: block;
         opacity: 1;
         transform: translateY(-8px);
         border-color: var(--corCartao);
         position: relative;
         z-index: 10;
     }
     .cartaoAno .marcadorAno {
         opacity: 0;
         transition: opacity .35s ease, transform .35s ease;
     }
     .cartaoAno.ativo .marcadorAno {
         opacity: 1;
         border-color: var(--corCartao);
         transform: translateX(-50%) rotate(-45deg);
     }
     .cartaoAno.ativo .marcadorAno::after {
         background: var(--corCartao);
     }
     .cartaoAno::after {
         opacity: 0;
         transform: translateY(5px);
         bottom: -7px;
         height: 18px;
         transition: opacity .35s ease, transform .35s ease, bottom .35s ease, height .35s ease;
     }
     .cartaoAno.ativo::after {
         opacity: 1;
         transform: translateY(0);
         bottom: -10px;
         height: 22px;
     }
     .cartaoAno h3 {
         margin: 0 0 4px;
         color: var(--azulEscuro);
         font-size: 37px;
         line-height: 1.1;
         text-align: center;
     }
     .cartaoAno span:not(.marcadorAno) {
         display: block;
         color: var(--azulEscuro);
         font-size: 20px;
         line-height: 1.15;
         text-align: center;
     }
     .SessãoMissãoVisãoValores {
         position: relative;
         width: 100%;
         min-height: 100vh;
         padding: 90px 15px 100px;
         overflow: visible;
         box-sizing: border-box;
     }
     .ImagemFundoCurvo {
         position: absolute;
         top: 0;
         left: 50%;
         transform: translateX(-50%);
         width: auto;
         min-width: 100%;
         height: 100%;
         max-width: none;
         z-index: 1;
         pointer-events: none;
     }
     .ImagemFundoCurvo img {
         display: block;
         width: auto;
         min-width: 100%;
         height: 100%;
         max-width: none;
     }
     .ConteúdoMissãoVisãoValores {
         position: relative;
         z-index: 2;
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
         display: flex;
         flex-direction: column;
         align-items: center;
         gap: 25px;
         box-sizing: border-box;
     }
     .CartãoMissãoVisãoValores {
         width: 100%;
         max-width: 350px;
         min-height: 400px;
         background: var(--corBranca);
         border-radius: 22px;
         overflow: hidden;
         box-shadow: 0 15px 35px rgba(0, 0, 0, .18);
         transition: transform .35s ease;
     }
     .CartãoMissãoVisãoValores:hover {
         transform: translateY(-10px);
     }
     .CabeçalhoCartão {
         height: 105px;
         background: var(--azulEscuro);
         display: flex;
         justify-content: center;
         align-items: center;
         position: relative;
         border-radius: 22px 22px 0 0;
     }
     .CabeçalhoCartão::after {
         content: "";
         position: absolute;
         bottom: -25px;
         left: 50%;
         transform: translateX(-50%);
         width: 125%;
         height: 40px;
         background: var(--corBranca);
         border-radius: 97% 97% 0 0;
     }
     .CabeçalhoCartão h2 {
         position: relative;
         z-index: 2;
         color: var(--corBranca);
         font-size: 32pt;
         font-weight: 700;
         margin: 0;
     }
     .CorpoCartão {
         padding: 60px 25px 30px;
     }
     .CorpoCartão p {
         color: var(--azulEscuro);
         font-size: 25px;
         line-height: 1.5;
         text-align: justify;
         margin: 0;
     }
     .CorpoCartão ul {
         list-style: none;
         padding: 0;
         margin: 0;
     }
     .CorpoCartão li {
         display: flex;
         justify-content: center;
         align-items: center;
         gap: 2px;
         margin-bottom: 8px;
         color: var(--azulEscuro);
         font-size: 20px;
         font-weight: 500;
         text-align: center;
     }
     .CorpoCartão li::before {
         content: "";
         width: 9px;
         height: 9px;
         margin-right: 4px;
         background: var(--azulEscuro);
         border-radius: 50%;
         flex-shrink: 0;
     }
     #secaoObjectivos {
         position: relative;
         width: 100%;
         min-height: 100vh;
         padding: 80px 20px 0;
         background: var(--branco);
         overflow: visible;
         box-sizing: border-box;
     }
     .conteudoObjectivos {
         position: relative;
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         z-index: 2;
         box-sizing: border-box;
     }
     #secaoObjectivos .tituloObjectivos {
         display: block;
         width: 100%;
         margin: 0 0 35px;
         text-align: center;
         color: var(--azulEscuro);
         font-size: 37pt;
         font-weight: 700;
         position: relative;
         z-index: 3;
     }
     #secaoObjectivos .tituloObjectivos::after {
         content: "";
         display: block;
         width: 80px;
         height: 8px;
         margin: 12px auto 0;
         background: var(--laranjaForte);
         border-radius: 10px;
     }
     .imagemObjectivos {
         position: relative;
         width: auto;
         min-width: 490%;
         max-width: none;
         height: auto;
         display: block;
         object-fit: contain;
         object-position: center center;
         border-radius: 12px;
         z-index: 1;
         opacity: 0;
         transform: translateY(50px);
         transition: opacity .8s ease, transform .8s ease;
     }
     .imagemObjectivos.mostrarF {
         opacity: 1;
         transform: translateY(0);
     }
     #secaoObjectivos .conteudoObjectivosMobile {
         display: block;
         position: relative;
         width: 100%;
         max-width: 750px;
         margin: 0 auto;
         z-index: 3;
         box-sizing: border-box;
     }
     #secaoObjectivos .conteudoObjectivosMobile p {
         color: var(--azulEscuro);
         font-size: 18pt;
         line-height: 1.6;
         text-align: justify;
         margin: 0 0 20px;
     }
     #secaoObjectivos .imagemFundoObjectivos {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: auto;
         min-width: 100vw;
         max-width: none;
         height: auto;
         object-fit: contain;
         object-position: center center;
         z-index: 1;
         pointer-events: none;
     }
     #secaoObjectivos .spamNegrito {
         display: flex;
         flex-direction: column;
         gap: 5px;
     }
     #secaoObjectivos .spamNegrito span {
         display: block;
         font-weight: 700;
         color: var(--azulEscuro);
         font-size: 18pt;
     }
     .grelhaDocumentos {
         grid-template-columns: 1fr;
     }
     .cabecalhoDocumentos h2 {
         font-size: 42px;
     }
     .cabecalhoDocumentos h3 {
         font-size: 30px;
     }
     .ConteúdoMissãoVisãoValores {
         gap: 25px;
     }
     .CartãoMissãoVisãoValores {
         width: 100%;
         max-width: 500px;
     }
     #secaoEstruturaOrganizacional {
         width: 100%;
         padding: 35px 0 50px;
         background: var(--azulEscuro);
         overflow: hidden;
     }
     /* ==========================================
       TÍTULO
       ========================================== */
     .cabecalhoEstrutura {
         width: 90%;
         margin: 0 auto 30px;
         text-align: center;
     }
     .cabecalhoEstrutura h2 {
         color: var(--corBranca);
         font-size: 25pt;
         line-height: .95;
         margin: 0 0 70px;
     }
     .cabecalhoEstrutura p {
         color: var(--corBranca);
         font-size: 15px;
         line-height: 1.25;
         margin: 0 auto;
         max-width: 310px;
     }
     .mobile {
         display: block;
     }
     #botaoAmpliarEstrutura {
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
     }
     .conteudoEstrutura {
         width: 100%;
         background: transparent;
         display: flex;
         justify-content: center;
         align-items: center;
         padding: 0 7px;
         box-sizing: border-box;
         overflow: visible;
     }
     .caixaImagemEstrutura {
         position: relative;
         width: 100%;
         max-width: 500px;
         border: 1px solid rgba(255, 255, 255, .15);
         border-radius: 5px;
         overflow: hidden;
         background: rgba(255, 255, 255, .03);
     }
     .imagemEstrutura {
         width: 100%;
         height: auto;
         display: block;
         object-fit: contain;
         opacity: 1;
         transform: none;
     }
     .botaoAmpliarEstrutura {
         right: 5px;
         bottom: 5px;
         width: 30px;
         height: 30px;
         padding: 5px;
         border-radius: 3px;
         background: rgba(50, 20, 150, .95);
     }
     .cabecalhoEstrutura h2 {
         font-size: 40px;
     }
     .cabecalhoEstrutura p {
         font-size: 18px;
         width: 90%;
         margin: auto;
     }
     .modalEstrutura {
         position: fixed;
         inset: 0;
         width: 100vw;
         height: 100vh;
         background: rgba(0, 0, 0, .92);
         z-index: 99999;
         display: flex;
         align-items: center;
         justify-content: center;
         opacity: 0;
         visibility: hidden;
         transition: opacity .3s ease, visibility .3s ease;
     }
     .modalEstrutura.aberto {
         opacity: 1;
         visibility: visible;
     }
     .areaImagemAmpliada {
         position: relative;
         width: 100%;
         height: 100%;
         display: flex;
         align-items: center;
         justify-content: center;
         overflow: hidden;
         touch-action: none;
         cursor: grab;
     }
     .areaImagemAmpliada:active {
         cursor: grabbing;
     }
     #imagemEstruturaAmpliada {
         width: auto;
         height: auto;
         max-width: 90vw;
         max-height: 82vh;
         object-fit: contain;
         user-select: none;
         -webkit-user-drag: none;
         transform-origin: center center;
         transition: transform .2s ease;
     }
     .barraModalEstrutura {
         position: fixed;
         top: 15px;
         right: 15px;
         z-index: 100001;
         display: flex;
         align-items: center;
         gap: 7px;
     }
     .barraModalEstrutura button {
         width: 38px;
         height: 38px;
         border: none;
         border-radius: 50%;
         background: var(--corBranca);
         color: var(--azulEscuro);
         font-size: 24px;
         display: flex;
         align-items: center;
         justify-content: center;
         cursor: pointer;
         transition: .25s;
     }
     .barraModalEstrutura button:hover {
         transform: scale(1.08);
     }
     #percentagemZoom {
         min-width: 55px;
         text-align: center;
         color: var(--corBranca);
         font-size: 14px;
         font-weight: 600;
     }
     #fecharEstrutura {
         font-size: 28px;
         margin-left: 5px;
     }
 }
 
 @media(max-width:700px) {
     #secaoQuemSomos {
         width: 100%;
         padding: 35px 0 0 0;
         overflow: hidden;
         box-sizing: border-box;
     }
     .conteudoQuemSomos {
         width: 100%;
         min-height: auto;
         margin: 0;
         padding: 0;
         display: flex;
         flex-direction: column;
         align-items: stretch;
         justify-content: flex-start;
         gap: 0;
     }
     .textoQuemSomos {
         width: 100%;
         max-width: none;
         flex: none;
         padding: 0 25px 20px 25px;
         box-sizing: border-box;
         z-index: 5;
     }
     .textoQuemSomos h1 {
         font-size: 32px;
         line-height: 1.15;
         margin: 0 0 12px 0;
         color: var(--azulEscuro);
     }
     .linhaTitulo {
         width: 75px;
         height: 12px;
         margin: 0 0 18px 5px;
         background: var(--laranjaForte);
         border-radius: 0;
     }
     .textoQuemSomos p {
         width: 100%;
         font-size: 13pt;
         line-height: 1.42;
         margin: 0;
         color: var(--azulEscuro);
         text-align: left;
     }
     .imagemQuemSomos {
         position: relative;
         width: 100%;
         height: 465px;
         flex: none;
         margin: 0;
         overflow: hidden;
         border-radius: 0;
         clip-path: polygon( 0 20%, 88% 0, 100% 8%, 100% 100%, 0 100%);
     }
     .imagemQuemSomos img {
         width: 100%;
         height: 100%;
         display: block;
         object-fit: cover;
         object-position: right;
     }
     .sobreposicaoImagem {
         position: absolute;
         inset: 0;
         background: none;
     }
     .CabeçalhoCartão h2 {
         font-size: 34px;
     }
     .CorpoCartão {
         padding: 55px 25px 30px;
     }
     .CorpoCartão p,
     .CorpoCartão ul {
         font-size: 18px;
     }
     .CorpoCartão p,
     .CorpoCartão ul {
         font-size: 18px;
     }
     #secaoPresidente {
         position: relative;
         width: 100%;
         min-height: 650px;
         height: 100vh;
         max-height: 720px;
         padding: 0;
         overflow: visible;
         box-sizing: border-box;
     }
     .imagemFundoPresidente {
         position: absolute;
         left: 50%;
         bottom: 0;
         width: 100%;
         height: 55%;
         z-index: 1;
         overflow: visible;
         transform: translateX(-50%);
     }
     .imagemFundoPresidente img {
         width: 100%;
         height: 100%;
         object-fit: contain;
         object-position: center bottom;
         display: block;
     }
     .conteudoPresidente {
         position: relative;
         z-index: 2;
         width: 100%;
         height: 100%;
         min-height: 450px;
         padding: 0;
         display: flex;
         align-items: stretch;
         justify-content: space-between;
         gap: 0;
         box-sizing: border-box;
     }
     .ladoEsquerdo {
         position: relative;
         left: -45px;
         width: 78%;
         height: 100%;
         display: flex;
         align-items: flex-end;
         flex-shrink: 0;
         z-index: 3;
     }
     .fotoPresidente {
         width: 100%;
         height: 100%;
         display: flex;
         align-items: flex-end;
         overflow: hidden;
     }
     .fotoPresidente img {
         width: 100%;
         height: 100%;
         object-fit: contain;
         object-position: left bottom;
         display: block;
     }
     .ladoDireito {
         position: relative;
         width: 62%;
         height: 100%;
         display: flex;
         flex-direction: column;
         justify-content: flex-start;
         padding: 85px 10px 0 0;
         box-sizing: border-box;
         z-index: 4;
     }
     .ladoDireito h2 {
         color: var(--azulEscuro);
         font-size: 27px;
         line-height: 1.05;
         text-align: right;
         margin: 0 8px 8px 0;
         font-weight: 600;
     }
     .caixaMensagem {
         position: relative;
         width: calc(100% + 12px);
         margin-left: -10px;
         box-sizing: border-box;
         background: var(--azulClaro);
         color: var(--corBranca);
         padding: 22px 17px 24px;
         border-radius: 20px;
         font-size: 15px;
         line-height: 1.02;
         z-index: 5;
     }
     .caixaMensagem p {
         margin: 0 0 15px 0;
     }
     .caixaMensagem p:last-child {
         margin-bottom: 0;
     }
     .caixaMensagem::after {
         content: "";
         position: absolute;
         left: 35px;
         bottom: -28px;
         width: 0;
         height: 0;
         border-top: 30px solid var(--azulClaro);
         border-left: 0 solid transparent;
         border-right: 65px solid transparent;
     }
     .cartaoPresidente {
         position: absolute;
         left: 50%;
         bottom: 25px;
         transform: translateX(-50%);
         width: 82%;
         box-sizing: border-box;
         background: var(--corBranca);
         border-radius: 14px;
         padding: 14px 12px 13px;
         text-align: center;
         z-index: 10;
         box-shadow: 0 7px 20px rgba(0, 0, 0, .15);
     }
     .cartaoPresidente h3 {
         margin: 0 0 3px 0;
         color: var(--azulEscuro);
         font-size: 28px;
         line-height: 1.1;
     }
     .cartaoPresidente p {
         margin: 0;
         color: var(--azulEscuro);
         font-size: 15px;
         line-height: 1.2;
     }
     #secaoHistorial {
         padding: 50px 10px;
         text-align: center;
         background: linear-gradient(to bottom, #ffffff 85%, var(--corCinza) 15%);
     }
     #secaoHistorial h2 {
         font-size: 22pt;
         color: var(--azulEscuro);
     }
     #secaoHistorial p {
         width: 94%;
         font-size: 12pt;
         margin: 20px auto;
         color: var(--azulEscuro);
     }
     .linhaTempo {
         width: 100%;
         display: flex;
         justify-content: center;
         align-items: flex-start;
         gap: 10px;
         margin-top: 55px;
         padding: 40px 8px 15px;
         box-sizing: border-box;
         /* Não deixar os cards criar scroll horizontal */
         overflow: hidden;
         flex-wrap: nowrap;
     }
     .cartaoAno {
         flex: 0 0 calc(50% - 5px);
         width: calc(50% - 5px);
         max-width: none;
         box-sizing: border-box;
         padding: 10px 6px 15px;
         border-radius: 15px;
         display: none;
         margin-top: 0;
         overflow: visible;
         opacity: 0;
         transform: translateY(8px);
         transition: opacity .45s ease, transform .45s ease, border-color .3s ease;
     }
     .cartaoAno.ativo {
         display: block;
         opacity: 1;
         transform: translateY(-8px);
         border-color: var(--corCartao);
         position: relative;
         z-index: 10;
     }
     .cartaoAno .marcadorAno {
         opacity: 0;
         transition: opacity .35s ease, transform .35s ease;
     }
     .cartaoAno.ativo .marcadorAno {
         opacity: 1;
         border-color: var(--corCartao);
         transform: translateX(-50%) rotate(-45deg);
     }
     .cartaoAno.ativo .marcadorAno::after {
         background: var(--corCartao);
     }
     .cartaoAno::after {
         opacity: 0;
         transform: translateY(5px);
         bottom: -7px;
         height: 18px;
         transition: opacity .35s ease, transform .35s ease, bottom .35s ease, height .35s ease;
     }
     .cartaoAno.ativo::after {
         opacity: 1;
         transform: translateY(0);
         bottom: -10px;
         height: 22px;
     }
     .cartaoAno h3 {
         margin: 0 0 4px;
         color: var(--azulEscuro);
         font-size: 19px;
         line-height: 1.1;
         text-align: center;
     }
     .cartaoAno span:not(.marcadorAno) {
         display: block;
         color: var(--azulEscuro);
         font-size: 12px;
         line-height: 1.15;
         text-align: center;
     }
     #secaoObjectivos {
         position: relative;
         width: 100%;
         min-height: 100vh;
         padding: 80px 20px 0;
         background: var(--branco);
         overflow: visible;
         box-sizing: border-box;
     }
     .conteudoObjectivos {
         position: relative;
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         z-index: 2;
         box-sizing: border-box;
     }
     #secaoObjectivos .tituloObjectivos {
         display: block;
         width: 100%;
         margin: 0 0 35px;
         text-align: center;
         color: var(--azulEscuro);
         font-size: 37pt;
         font-weight: 700;
         position: relative;
         z-index: 3;
     }
     #secaoObjectivos .tituloObjectivos::after {
         content: "";
         display: block;
         width: 80px;
         height: 8px;
         margin: 12px auto 0;
         background: var(--laranjaForte);
         border-radius: 10px;
     }
     .imagemObjectivos {
         position: relative;
         width: auto;
         min-width: 490%;
         max-width: none;
         height: auto;
         display: block;
         object-fit: contain;
         object-position: center center;
         border-radius: 12px;
         z-index: 1;
         opacity: 0;
         transform: translateY(50px);
         transition: opacity .8s ease, transform .8s ease;
     }
     .imagemObjectivos.mostrarF {
         opacity: 1;
         transform: translateY(0);
     }
     #secaoObjectivos .conteudoObjectivosMobile {
         display: block;
         position: relative;
         width: 100%;
         max-width: 750px;
         margin: 0 auto;
         z-index: 3;
         box-sizing: border-box;
     }
     #secaoObjectivos .conteudoObjectivosMobile p {
         color: var(--azulEscuro);
         font-size: 18pt;
         line-height: 1.6;
         text-align: justify;
         margin: 0 0 20px;
     }
     #secaoObjectivos .imagemFundoObjectivos {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: auto;
         min-width: 100vw;
         max-width: none;
         height: auto;
         object-fit: contain;
         object-position: center center;
         z-index: 1;
         pointer-events: none;
     }
     #secaoObjectivos .spamNegrito {
         display: flex;
         flex-direction: column;
         gap: 5px;
     }
     #secaoObjectivos .spamNegrito span {
         display: block;
         font-weight: 700;
         color: var(--azulEscuro);
         font-size: 18pt;
     }
     #secaoObjectivos {
         position: relative;
         width: 100%;
         min-height: 100vh;
         padding: 80px 20px 0;
         background: var(--branco);
         overflow: visible;
         box-sizing: border-box;
     }
     .conteudoObjectivos {
         position: relative;
         width: 100%;
         max-width: 100%;
         margin: 0 auto;
         display: flex;
         flex-direction: column;
         justify-content: center;
         align-items: center;
         z-index: 2;
         box-sizing: border-box;
     }
     #secaoObjectivos .tituloObjectivos {
         display: block;
         width: 100%;
         margin: 0 0 5px;
         text-align: center;
         color: var(--azulEscuro);
         font-size: 22pt;
         font-weight: 700;
         position: relative;
         z-index: 3;
     }
     #secaoObjectivos .tituloObjectivos::after {
         content: "";
         display: block;
         width: 80px;
         height: 5px;
         margin: 12px auto 0;
         background: var(--laranjaForte);
         border-radius: 10px;
     }
     .imagemObjectivos {
         position: relative;
         width: auto;
         min-width: 100%;
         max-width: none;
         height: auto;
         display: block;
         object-fit: contain;
         object-position: center center;
         border-radius: 12px;
         z-index: 1;
         opacity: 0;
         transform: translateY(50px);
         transition: opacity .8s ease, transform .8s ease;
     }
     .imagemObjectivos.mostrarF {
         opacity: 1;
         transform: translateY(0);
     }
     #secaoObjectivos .conteudoObjectivosMobile {
         display: block;
         position: relative;
         width: 100%;
         max-width: 750px;
         margin: 0 auto;
         z-index: 3;
         box-sizing: border-box;
     }
     #secaoObjectivos .conteudoObjectivosMobile p {
         color: var(--azulEscuro);
         font-size: 14pt;
         line-height: 1.6;
         text-align: justify;
         margin: 0 0 20px;
     }
     #secaoObjectivos .imagemFundoObjectivos {
         position: absolute;
         top: 50%;
         left: 50%;
         transform: translate(-50%, -50%);
         width: auto;
         min-width: 100vw;
         max-width: none;
         height: auto;
         object-fit: contain;
         object-position: center center;
         z-index: 1;
         pointer-events: none;
     }
     #secaoObjectivos .spamNegrito {
         display: flex;
         flex-direction: column;
         gap: 5px;
     }
     #secaoObjectivos .spamNegrito span {
         display: block;
         font-weight: 600;
         color: var(--azulEscuro);
         font-size: 12pt;
     }
 }
 
 @media screen and (max-width: 700px) {
     #secaoPresidente {
         min-height: 350px;
     }
     .ladoEsquerdo {
         width: 37%;
     }
     .ladoDireito {
         width: 63%;
         padding-top: 82px;
     }
     .ladoDireito h2 {
         font-size: 25px;
     }
     .caixaMensagem {
         font-size: 14px;
         padding: 19px 14px 21px;
     }
     .cartaoPresidente {
         width: 84%;
     }
     .cartaoPresidente h3 {
         font-size: 25px;
     }
     .cartaoPresidente p {
         font-size: 14px;
     }
 }