@media (min-width: 1200px){ 
    .container {
        max-width: 1413px !important;
    }
}

.modal {}

.txtpesquisa{
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-left: 15px;
}


/* Força os botões a ficarem no centro vertical do swiper */
.swiper {
    position: relative;
  }
  
  .swiper-button-prev,
  .swiper-button-next {
    top: 37% !important;
    transform: translateY(-50%) !important;
    margin-top: 0 !important;
    height: 40px;
    width: 40px;        
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    z-index: 10;
  }
  
  .swiper-button-prev::after,
  .swiper-button-next::after {
    font-size: 18px !important;
    color: white !important;
    font-family: swiper-icons !important;
  }
  
  /* Garante que o swiper tem altura explícita */
  .swiper-container,
  .swiper-wrapper,
  .swiper-slide {
    height: 100%;
  }


/* 


.swiper-button-prev,
.swiper-button-next {
  top: 50% !important;
  transform: translateY(-50%) !important;
}

.swiper-container {
    width: 100%;
    * height: 400px;  *
}

.swiper-slide {
    display: flex;
    justify-content: center;
    align-items: center;
}

.swiper-slide img {
    width: 100%;
    height: auto; * Ajusta a altura automaticamente *
    object-fit: cover; /* Garante que a imagem preencha o slide *
} */


#maxcast-player {
    height: 60px !important;
    width: 100% !important;
    border-radius: 0!important;
    margin-top: 50px!important;
}


footer.footer {    
    margin-top: -15px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

/**/
main {
    /* width: min(980px, 85%); */
    margin: 0 auto;
    min-height: 60vh;
    /* min-height: 100vh; */
    display: flex;
    flex-direction: column;
    justify-content: center;
    padding-block: min(20vh, 5em);
    padding-top: 0;
    margin-bottom: 150px;
  }
  main .header {
    margin-bottom: 55px;
  }
  @media screen and (max-width: 600px) {
    main .header {
      margin-bottom: 70px !important;
    }
  }
  main .header h1 {
    font-weight: 800;
    font-size: 3rem;
    margin: 5px -5px 15px;
  }
  main .header span {
    text-transform: uppercase;
    letter-spacing: 1px;
    display: inline-block;
    font-weight: 700;
    font-size: 14px;
    color: #471aa0;
  }
  main .header p {
    max-width: min(40ch, 100% - 2rem);
    line-height: 1.6;
    /* color: #565656; */
    color: #fff;
  }
  main .item {
    width: 100%;
    height: 400px;
    position: relative;
    border-radius: 12px;
    overflow: hidden;
  }
  main .item img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: absolute;
    inset: 0;
  }
  main .item .overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 28px 25px;
    color: #fff;
    background: #020024;
    background: linear-gradient(0deg, #020024 0%, #000032a1 3%, #17d9ff00 100%);
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
  }
  main .item .overlay span {
    background: rgba(255, 255, 255, 0.25);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
    border-radius: 60px;
    padding: 10px 20px;
    display: inline-block;
  }
  main .item .overlay > div h2 {
    letter-spacing: 0.5px;
    margin-bottom: 5px;
  }
  
  .owl-nav {
    position: absolute;
    /* top: -100px; */
    bottom: -225px;
    right: 0;
  }
  @media screen and (max-width: 600px) {
    .owl-nav {
      /* top: -60px !important; */
    }
  }
  .owl-nav button {
    /* background: #fff !important; */
    background: #51A8B1!important;
    width: 45px;
    height: 45px;
    font-size: 25px !important;
    box-shadow: 0px 0px 17px #00000005;
    border-radius: 50%!important;
  }
  .owl-nav button:nth-of-type(1) {
    margin-right: 13px;
  }

  .owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
    color: #fff;
  }

  .owl-carousel .owl-stage-outer {   
    width: 1800px;
  }

  /* .owl-carousel .owl-item {   
    width: 450px!important;
  }*/

  .noticiascarousel .card{
    width: 100%!important;
    padding: 0!important;
} 

.sectionultimanoticia .box-overlay {
    /* width: 690px; */
    width: 100%;
    max-width: 100%;
    height: 461px;
    overflow: hidden;
    /* border-radius: 16px; */
    border-bottom-left-radius: 16px;
    border-top-left-radius: 16px;
    display: flex;
    justify-content: flex-start;
    /* align-items: center; */
    margin-left: 0;
    padding-left: 0;
  }

  
.divisornoticias{
    border-bottom: 3px solid #51A8B1
}


.sectiondivisor{
    position: relative;
    top: -170px;
    text-align: left;
}

.btnnoticias{
    width: 223px;
    height: 44px;
    padding: 12px 18px 12px 18px;
    border-radius: 8px;
    background: #51A8B1;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #F8F8FA;
    position: relative;
    top: 51px;
    /* left: -581px; */
    left: 250px;
}

.btnnoticias:hover {
    color: #009136!important;
    background-color: #fff!important;
    border: 1px solid #009136!important;
  }

/* .sectiondivisor::after {
  content: '';
  position: absolute;
  bottom: 3px;
  left: 482px;
  width: 450px;
  height: 4px;
  background: #51A8B1; /* Defina a cor desejada para a segunda borda *
  transform: translateX(-50%);
} */

.owl-nav::after {
    content: "Clique para navegar"; /* Texto abaixo dos botões */
    display: block;
    text-align: center;
    margin-top: 5px; /* Espaçamento entre os botões e o texto abaixo */
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
}

/**/
.wrap-herocontent{
    background: #51A8B1;    
    border-radius: 16px;
}



/**/

.main {
    font-family:Arial;
    /* width:500px; */
    display:block;
    margin:0 auto;
    padding: 50px 0;
  }
  .action{
    display:block;
    margin:100px auto;
    width:100%;
    text-align:center;
  }
  .action a {
    display:inline-block;
    padding:5px 10px; 
    background:#f30;
    color:#fff;
    text-decoration:none;
  }
  .action a:hover{
    background:#000;
  }
  .main .slider .imgslider{
     width: 381px!important;
     height: 229px!important;
     object-fit: cover;
     object-position: center;
     padding: 8px;
     margin: 4px;
  }

  .slick-next::before, .slick-prev::before {
    font-size: 20px;
    line-height: 1;
    opacity: .75;
    color: #007447!important;
  }

  .slick-dots li.slick-active button::before {
    opacity: .75;
    color: #007447!important;
  }
.whatscontato {
  display: flex;
  flex-direction: row;
}

.navbar-brand img{
    width: 80%;
}

.main-nav{
    height: 129px;
}

.whats-right {
  position: fixed;
  width: 60px;
  height: 60px;
  /* bottom: 30px;
  right: 25px; */
  bottom: 10%;
  right: 1%;
  color: #fff;
  border-radius: 45px;
  text-align: center;
  border: 2px solid #fff;
  z-index: 5;
}

.whats .fa-whatsapp::before {
  font-size: xx-large;
  top: 11px;
  left: 1px;
  position: relative;
}


/*PAG MONITORAMENTO GRAFICOS*/
.sectionmonitoramento{
    margin-top: 60px;
    margin-bottom: 80px;
}

.sectionmonitoramento .card {
    border-radius: 16px !important;
}

.sectionmonitoramento .boxtxtmonitoramento{
    display: flex;
    justify-content: center;
    text-align: center;
}

.sectionmonitoramento .titulo{
    font-family: "TrendaBold";
    line-height: 1;
    font-size: 44px;
    color: #01509F;
    width: 65%;
}

.sectionmonitoramento .cilindro-container { 
    width: 35px; 
    height: 80px; 
    background-color: #f1f3f5; 
    border-radius: 10px; 
    margin: 0 auto; 
    position: relative; 
    overflow: hidden; 
    display: flex; 
    align-items: flex-end; 
    border: 1px solid #dee2e6; 
}
.sectionmonitoramento .cilindro-fill { 
    width: 100%; 
    height: 0%; 
    background: linear-gradient(180deg, #4da3ff, #0056b3); 
    transition: height 1.5s ease-in-out; 
}

/* Estilo padrão dos botões de período */
.filtro-monitoramento .btn-periodo {
    transition: all 0.3s ease;
    border-weight: 2px;
}

.filtro-monitoramento .card{
    border-radius: 16px !important;
}

.filtro-monitoramento #estacaoSelect{
    border-radius: 10px;    
}

/* Classe que será aplicada via JavaScript ao clicar */
.filtro-monitoramento .btn-periodo.active {
    background-color: #0056b3 !important; /* Azul escuro */
    color: white !important;
    border-color: #00448a !important;
    box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
    font-weight: bold;
}

/* Efeito de hover para melhorar a interatividade */
.filtro-monitoramento .btn-periodo:hover:not(.active) {
    background-color: #e9ecef;
    color: #0056b3;
}

.grafico-container {
    background: #f8f9fa;
    border-radius: 12px;
    padding: 20px;
    margin-top: 30px;
    box-shadow: 0 4px 12px rgba(0,0,0,0.05);
    min-height: 500px;
}
.grafico-titulo {
    font-weight: bold;
    color: #333;
    margin-bottom: 15px;
    font-size: 1.2rem;
}
.grafico-legenda {
    font-family: "TrendaBold";
    font-size: 0.7em;
    color: #01509F;
    text-align: center;
    margin-top: 10px;
}
canvas {
    max-height: 400px !important;
}


@media (max-width: 768px) {
    .grafico-container {
        min-height: auto;
        height: auto;
    }

    .sectionmonitoramento .titulo {
        width: 100%;
        font-size: 25px;
    }
}




/*PAG GERACAO*/
.geracao .titulo_pag{
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007346;
    margin-top: 3%;
    margin-bottom: 3%;
}

.geracao .texto_pag{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #999;
    text-align: justify;
    margin-bottom: 4%;
}

.geracaodados .boxgeracao{
    display: flex;
}

.geracaodados .boxgeracao:nth-child(even){
    direction: rtl;
}

.geracaodados .boximg:nth-child(even){
    position: relative;
    /* left: -63%; */
    background-size: cover;
}

.geracaodados .boxtxt{
    width: 50%;
}
.geracaodados .boximg{
    width: 50%;
}

.pag-negocios .boxtituloest{
    display: flex;    
}

.pag-negocios .tituloest{
    font-family: "TrendaLight";
    margin-right: 1%;
    margin-top: 5%;
}
.pag-negocios .subtituloest{
    margin-top: 5%;
}

.pag-negocios .tituloif{
    background-color: #015D4E;
    color: #fff;
    padding: 4px;
    border-radius: 8px;
    margin: 0.5% 1% 0.5% 0;
    font-size: 17px;
    width: 250px;
    text-align: left;
    padding-left: 20px;
}

.pag-negocios .tituloifdesc{
    background-color: #50A55D;
    color: #015D4E;
    padding: 4px;
    border-radius: 8px;
    margin: 0.5% 1% 0.5% 0;
    font-size: 17px;
    width: 250px;
}

.pag-negocios .boxtitulodadostec{
    background-color: #015D4E;
    padding: 5px;
    position: relative;
    z-index: 5;
    width: 1141px;
    left: -300px;     
}

.pag-negocios .titulodadostec1{
    font-family: "TrendaLight";
    font-size: 25px;
    margin-right: 1%;
    color: #fff;
}

.pag-negocios .titulodadostec2{
    font-family: "TrendaBold";
    font-size: 25px;
    color: #fff;
}

.pag-negocios .boxdadosftos{
    padding: 50px 0;
}

.pag-negocios .titulodadostec {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #EAC427;
}

.sectionpolitic .titulo{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-top: 20px;
    margin-bottom: 30px;
}


.sectionpolitic .subtitulo{
    font-family: "Red Hat Display";
    font-size: 36px;
    font-weight: 700;
    line-height: 58px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-bottom: 10px;
}

.sectionpolitic .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-bottom: 50px;
}

.sectionpolitic .negrito{
    font-weight: bold;
}




.section_left .img_left {
    position: relative;
    left: -41%;   
    background-size: cover;
  }

.section_left .box_txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #999999;
    display: flex;
    flex-direction: column; 
    height: 100%;
}

.geracao-pc{
    display: block;
}

.geracao-mob{
    display: none;
}

/**/

.radio-online {
    /* position: fixed; */
    top: 0;
    left: 0;
    width: 100%;
    height: 60px;
    background: #000;
    z-index: 1000;
    text-align: center;
}

.radio-online frame{
    height: auto!important;
}

/*banner inicial*/


/* Fundo escuro */
.popup-overlay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 998;
}

/* Popup container */
.popup-container {
    display: none;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: white;
    padding: 20px;
    border-radius: 10px;
    z-index: 999;
    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
    max-width: 90%;
    text-align: center;
}

/* Imagem do popup */
.popup-content img {
    max-width: 100%;
    height: auto;
    border-radius: 8px;
}

/* Botão de fechar */
.popup-close {
    position: absolute;
    /* top: 10px;
    right: 15px; */
    top: 20px;
    right: 30px;
    font-size: 24px;
    cursor: pointer;
    font-weight: bold;
    color: black;
}


@media (max-width: 768px) {
    .popup-container {
        width: 100%;
    }
}

/* Efeito de fade */
.fade-in {
    display: block;
    animation: fadeIn 0.3s ease-in-out;
}

.fade-out {
    animation: fadeOut 0.3s ease-in-out;
}

@keyframes fadeIn {
    from { opacity: 0; }
    to { opacity: 1; }
}

@keyframes fadeOut {
    from { opacity: 1; }
    to { opacity: 0; }
}
























div.banner {
    margin: 0;
    position: absolute;
    z-index: 1000000;
    top: 100px;
    left: 32.2%;
}

div.img_banner {
    position: absolute;
    z-index: 101;
    top: 0px;
    /* left: 0px; */
    left: 5px;
}

div.fechar {
    position: absolute;
    z-index: 102;
    top: 20px;
    left: 20px;
    border: 0;
}


/**/

/*PAG ADMINISTRACAO MEMBROS CONSELHO*/
.sectioninfpag .boxadmindiretoria {
    width: 153px!important;
}

.sectioninfdiret .container{
    display: flex;
    justify-content: center;
}

.sectioninfdiret .box{
    width: 1170px;
    height: 423px;    
    border-radius: 16px;
    background: #D4F0E0;
    padding: 35px 55px;
}

.sectioninfdiret .boxitens{
    display: flex;
    justify-content: space-between;
}

.sectioninfdiret .borderlaterias{
    border: 1px solid #51A8B1;    
}

.sectioninfdiret .boxitem .titulo{    
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


.sectioninfdiret .boxitem{    
    width: 291.81px;
    height: 215px;
}



.sectioninfdiret .boxitem .txt{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectioninfdiret .btnpilares {   
    width: 90px;
    height: 42px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    border: 1px solid #51A8B1;    
    margin-bottom: 50px;
  }

  .sectionperiodos{
    margin-top: 90px;
    margin-bottom: 60px;
  }

  .sectionperiodos .btngestao{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    width: 133px;
    height: 42px;    
    padding: 8px 16px 8px 16px;
    border-radius: 8px;    
    border: 1px solid #01509F;    
  }

  .sectionperiodos .titulo{
      font-family: "Red Hat Display";
      font-size: 48px;
      font-weight: 700;
      line-height: 53px;
      letter-spacing: 0em;
      text-align: left;
      color: #01509F;
      margin-top: 15px;
  }

  .sectionperiodos .container{
    display: flex;
    justify-content: center;
  }

  .sectionperiodos .box{
    width: 50%;
  }

  .sectionlist .subtitulo{    
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;    
    color: #01509F;
    margin-top: 50px;
    margin-bottom: 30px;
  }

  .sectionlist .item{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #DEDEDE;
    margin-bottom: 20px;
    padding-bottom: 15px;
  }


  .sectionlist .cargo{      
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }

  .sectionlist .nome{          
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;    
    color: #19211B;
  }
  
/* font-family: Red Hat Display;
font-size: 20px;
font-weight: 700;
line-height: 25px;
letter-spacing: 0em;
text-align: left; */  

.section_admin_cons .titulo_pag{
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007346;
    margin: 30px 0 30px 0;
}

.section_admin_cons .texto_pag{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #606060;
    text-align: justify;
    margin-bottom: 4%;
}

/*PAG ADMINISTRACAO MEMBROS*/
.section_membros_admin .tituloadm{
    font-family: "TrendaBold";
    font-size: 30px;
    color: #666;
    margin: 30px 0 30px 0;
}

.section_membros_admin .textoadm{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #5F5F5F;
    text-align: justify;
    margin-bottom: 30px;
    margin-left: 10px;
}

.section_membros_admin{
    padding-top: 15px;   
}

.section_membros_admin .boxinfgestaoadm{
    text-align: left;
    font-family: "TrendaLight";
    font-size: 18px;
    color: #5F5F5F;
    margin-bottom: 50px;
    margin-left: 10px;
}

.section_membros_admin .inftitu{
    font-family: "TrendaBold";
    font-size: 18px;
    color: #006C40;
}

.section_membros_admin .infti{
    margin-bottom: 15px;
}


.section_membros_admin_fotos_presid{
    padding-bottom: 30px;    
}

.section_membros_admin_fotos_presid .tituloadmft{
    font-family: "TrendaBold";
    font-size: 18px;
    color: #666;
    text-align: left;
    margin-top: 1%;
}

.section_membros_admin_fotos_presid .textoadmft{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #666;
    text-align: left;
}

.section_membros_admin_fotos_presid .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section_membros_admin_fotos_presid .boximgadmpresid{
    margin-right: 1%;    
    width: 379px;
}

.section_membros_admin_fotos_presid .boximgadmpresid:nth-child(3){
    margin-right: 0;
}

.section_membros_admin_fotos_presid .boximgadmpresid .boximgft{
    height: 379px;
    width: 379px;
}

.section_membros_admin_fotos_presid .boximgadmpresid .img-res {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
  }

  .section_membros_admin_fotos{
    padding-bottom: 30px;    
} 

.section_membros_admin_fotos .tituloadmft{
    font-family: "TrendaBold";
    font-size: 18px;
    color: #666;
    text-align: left;
    margin-top: 1%;
}

.section_membros_admin_fotos .textoadmft{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #666;
    text-align: left;
}

.section_membros_admin_fotos .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

/* .section_membros_admin_fotos .boximgadm{
    margin-right: 0.8%;
} */

/* .section_membros_admin_fotos .boximgadm:nth-child(3){
    margin-right: 0;
} */

.section_membros_admin_fotos .boximgadm .boximgft{
    height:283px;
    width: 284px;
}

.section_membros_admin_fotos .boximgadm .img-res{ 
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section_membros_admin_fotos .boximgadm:nth-child(4n){
    margin-right: 0;
}

.section_membros_admin_fotos .boximgadm{
    margin-right: 0.7%;
    margin-bottom: 25px;      
    width: 284px;  
}

.section_conselho_fiscal{
    padding-top: 15px;    
}

.section_conselho_fiscal .tituloadm{
    font-family: "TrendaBold";
    font-size: 30px;
    color: #666;
    margin: 30px 0 30px 0;
}

.section_conselho_fiscal .textoadm{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #5F5F5F;
    text-align: justify;
    margin-bottom: 30px;
}

.section_conselho_fiscal_fotos .tituloadmft{
    font-family: "TrendaBold";
    font-size: 18px;
    color: #666;
    text-align: left;
    margin-top: 1%;
}

.section_conselho_fiscal_fotos .textoadmft{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #666;
    text-align: left;
}

.section_conselho_fiscal_fotos .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section_conselho_fiscal_fotos .boximgfisc .boximgft{
    height:283px;
    width: 284px;
}

.section_conselho_fiscal_fotos .boximgfisc .img-res{ 
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.section_conselho_fiscal_fotos .boximgfisc:nth-child(4n){
    margin-right: 0;
}

.section_conselho_fiscal_fotos .boximgfisc{
    width: 284px;
    margin-right: 0.9%;
    margin-bottom: 25px;
    width: 284px; 
}

.section_conselho_fiscal_fotos{
    padding-bottom: 30px;    
}


.backgroundciza{
    background-color: #F3F3F3;
}

.section_delegados{
    padding-top: 15px;    
}

.section_delegados .tituloadm{
    font-family: "TrendaBold";
    font-size: 30px;
    color: #666;    
    margin: 30px 0 30px 0;
}

.section_delegados .textoadm{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #5F5F5F;
    text-align: justify;
    margin-bottom: 30px;
}

.section_delegados_fotos{
    padding-bottom: 30px;    
}

.section_delegados_fotos .tituloadmft{
    font-family: "TrendaBold";
    font-size: 18px;
    color: #666;
    text-align: left;
    margin-top: 1%;
}

.section_delegados_fotos .textoadmft{
    font-family: "TrendaLight";
    font-size: 18px;
    color: #666;
    text-align: left;
}

.section_delegados_fotos .container{
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.section_delegados_fotos .boximgdel .boximgft{
    height:283px;
    width: 284px;
}

.section_delegados_fotos .boximgdel .img-res{ 
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}


.section_delegados_fotos .boximgdel:nth-child(4n){
    margin-right: 0;
}

.section_delegados_fotos .boximgdel{
    width: 284px;
    margin-right: 0.9%;
    margin-bottom: 25px;
}

/**/


/**/
.card-header {
    cursor: pointer;
    background-color: #F8F8FA;
}

.card-header .fa-chevron-up{
    display: none;
}
.card-header.collapsed .fa-chevron-up{
    display: inline-block;
}

.card-header.collapsed .fa-chevron-down{
    display: none;
}


.sectionperguntas .card-header i{
    padding-left: 20px;
}


.rotate-180 {
    transform: rotate(180deg);
}

/**/
 

/**/
  .boxtabs {
    display: flex;
    /* margin-bottom: 10px; */
    border-bottom: 2px solid #19211B;
    padding-bottom: 15px;
    justify-content: space-between;
    flex-wrap: wrap;
  }
  
  .tab {
    cursor: pointer;    
    color: #8BA395; /* Cor das abas desativadas */
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;    
    display: flex;
    justify-content: space-between;
  }
  
  .tab:hover {    
    color: #19211B; /* Cor do texto da aba ativa */
  }
  
  .tabcontent {
    display: none;
  }
  
  .boxtxt {
    padding: 10px;    
  }
  
  .txt {
    margin-top: 10px;
  }
  
  .active {    
    color: #19211B; /* Cor do texto da aba ativa */
  }
  
/**/  





.boxbandeiras{
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}

.boxbandeiras .imgbnd{
    width: 32%;
    margin-right: 1%;    
    margin-bottom: 1%;    
}

#mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.nav-link {
    color: #01509F;
}

#mes select {
    background-color: #202e44!important;
}

header.video {
    background: #000!important;
    color: #000!important;
}

header.video input,
select {
    background: #000!important;
    color: #000!important;
    border: none;
    display: none;
}

header.video select,
button {
    overflow: hidden;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    /* display: none; */
}
/**/

/*novo*/
.footerbottom{
    margin-bottom: 0!important;
    /* margin-bottom: 110px!important; */
}

.footerfixobottom{
    margin-bottom: 64px!important;
}

/* .whatsbottom{
    margin-bottom: 45px!important;
} */

/*CAIXA MSG PRIVACIDADE*/

.sistemaup .msgaceitar a {
    text-decoration: underline;
}

.fornecedor .msgaceitar a {
    text-decoration: underline;
}

.nav-cookie-disclaimer {
    background: #333;
    /* border-top-right-radius: 6px;

    border-top-left-radius: 6px; */
    box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .12);
    padding: 16px;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid rgba(0, 0, 0, .12);
    z-index: 9999;
    font-family: "FuturaBook"!important;
}

.nav-cookie-disclaimer__text {
    color: #fff;
    font-size: 16px;
    margin: 0 0 24px;
    font-weight: 400;
    -webkit-font-smoothing: antialiased;
    line-height: 1.45;
    font-family: "TrendaLight";
}

.nav-cookie-disclaimer__text a {
    text-decoration: underline;
    color: #fff;
    white-space: nowrap;
}

.nav-cookie-disclaimer__button,
.nav-cookie-disclaimer__button:active {
    font-size: 14px;
    font-weight: 600;
    /* font-family: inherit; */
    font-family: "TrendaLight";
    line-height: 1.14;
    overflow: visible;
    text-transform: none;
    background-color: #3483fa;
    color: #fff;
    margin: 0;
    padding: 7px 12px;
    width: 100%;
    border: 1px solid #3483fa;
    border-radius: 6px;
    cursor: pointer;
    -webkit-appearance: button;
}

.nav-cookie-disclaimer__button, .nav-cookie-disclaimer__button:active, .nav-cookie-disclaimer__button:focus {
    width: initial;
    font-family: "TrendaLight";
    
}

.nav-cookie-disclaimer__text a:hover {
    color: #bfbfbf;
}

.alertgravacookie {
    display: none!important;
}

.msgaceitar {    
    font-family: "Red Hat Display";
    font-size: 16px!important;
    font-weight: 500;
    line-height: 20px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.msgaceitar a{    
    text-decoration: underline;
    border: 1px;
}



/**/

#navbarResponsive {
    background-color: #015D4E;
    color: #FFF;
}

.static-top {
    position: fixed;
    z-index: 1000;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
}

.static-top-menu {
    position: fixed;
    z-index: 1000;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
    background-color: #FFF;
    
    top: 0px;
    width: 100%;
}

.static-top-menu-hidden {
    display: none;
}

.header-menu img {
    width: 80%;
    margin-right: 5%;
}

.footer-fixo {
    position: fixed;
    z-index: 1000;
    -webkit-animation: fadeInDown .5s;
    animation: fadeInDown .5s;
    background-color: #009136;
    bottom: 0;
    width: 100%;
    height: 4em;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-fixo .container {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-fixo-hidden {
    display: none;
}



.pgoverlay .box-overlay{
    width: 677.86px;
    height: 333.26px;
    border-radius: 16px;
    overflow: hidden;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pgoverlay .boxtxt{
    display: flex;
    justify-content: space-between;
    align-items: center!important;
}


@media (max-width: 768px) {
    .pgoverlay .box-overlay{
        width: 100%;
        height: 100%;
    }
}


/*PAG HISTORIA DA EMPRESA*/

.section-txt-emp{
    margin-bottom: 60px;
}

.section-txt-emp .boxtxt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


.section_emp_inst{
    margin-top: 50px;
    margin-bottom: 50px;    
}

.section_emp_inst .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: justify;
    color: #19211B;
}


.timeline {
    max-width: 1200px;
    margin: 50px auto;
    padding: 20px;
    position: relative;
  }

  .timeline-title {
    text-align: center;
    font-size: 32px;
    color: #18265E;
    margin-bottom: 50px;
  }

  /* Linha central */
  .timeline-container {
    position: relative;
    padding: 20px 0;
  }

  .timeline-content{
    text-align: left;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #19211B;
    letter-spacing: 0em;
  }

  .timeline-content p {
    text-align: left;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    color: #19211B;
    letter-spacing: 0em;
  }

  .timeline-container::before {
    content: '';
    position: absolute;
    width: 4px;
    background-color: #51A8B1;
    top: 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
  }

  /* Itens alternados */
  .timeline-item {
    position: relative;
    margin: 60px 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
  }

  .timeline-item:nth-child(even) {
    flex-direction: row-reverse;
  }

  /* Ano estilizado */
  .timeline-year {
    background-color: #51A8B1;
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 20px;
    margin: 0 21px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .timeline-item:nth-child(odd) .timeline-year {
    left: calc(50% + 25px);
  }

  .timeline-item:nth-child(even) .timeline-year {
    right: calc(50% + 25px);
  }

  /* Setas conectando linha e conteúdo */
  .timeline-arrow {
    width: 0;
    height: 0;
    border-style: solid;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
  }

  .timeline-item:nth-child(odd) .timeline-arrow {
    border-width: 10px 10px 10px 0;
    border-color: transparent #51A8B1 transparent transparent;
    left: calc(50% - 10px);
  }

  .timeline-item:nth-child(even) .timeline-arrow {
    border-width: 10px 0 10px 10px;
    border-color: transparent transparent transparent #51A8B1;
    right: calc(50% - 10px);
  }

  /* Conteúdo dos itens */
  .timeline-content {
    background: #fff;
    border-radius: 10px;
    box-shadow: 0 8px 20px rgba(0, 0, 0, 0.1);
    padding: 20px;
    width: 40%;
    margin: 0 15px;
  }

  .timeline-content img {
    width: 100%;
    height: auto;
    border-radius: 10px;
    margin-bottom: 15px;
  }

  .timeline-subtitle {
    font-size: 20px;
    color: #18265E;
    margin-bottom: 10px;
    font-weight: bold;
  }

  /* Responsividade */
  @media (max-width: 768px) {

    .timeline-item {
      flex-direction: column;
      align-items: center;
      text-align: center;
    }

    .timeline-container::before {
      left: 50%;
    }

    .timeline-year {
      /* left: 50%; */
      right: unset;
      /* transform: translateX(-50%); */
      top: unset;
      margin-bottom: 10px;
      position: relative;
    }

    .timeline-item:nth-child(2n+1) .timeline-year {
        left: 0;
    }

    .timeline-content {
      /* width: 80%; */
      width: 100%;
      margin: 20px 0;
    }

    .timeline-arrow {
      display: none;
    }
    
    .timeline-item:nth-child(2n) {
        flex-direction: column;
    }

    .timeline-item:nth-child(2n) .timeline-year {
        right: 0;
    }
  }


/*PAG NOVO LAYOUT HISTORIA EMPRESA*/
.section-equipe {
    padding: 60px 0;
    background-color: #f8f9fa;
  }
  
  .section-equipe .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
  }
  
  .section-equipe .equipe-grid {
    display: grid;
    gap: 32px;
  }
  
  .section-equipe .cartao-equipe {
    display: flex;
    align-items: center;
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
  }
  
  .section-equipe .cartao-equipe:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  }
  
  .section-equipe .foto {
    flex: 0 0 400px;
    display: flex;
    align-items: center;
    justify-content: center;
    /* background: #eee; */
    background: #fff;
  }
  
  .section-equipe .foto img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    display: block;
    /* padding: 20px; */
    padding: 40px 20px 40px 40px;
  }
  
  .section-equipe .info {
    flex: 1;
    padding: 28px;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
  }
  
  .section-equipe .cargo {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 20px;
    color: #12517D;
    margin: 0 0 8px 0;
    font-weight: 700;
  }
  
  .section-equipe .nome {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 20px;
    color: #2792D7;
    text-decoration: none;
    font-weight: 700;
    margin: 0 0 16px 0;
    display: inline-block;
  }

  
  .section-equipe .descricao {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #6B6C72;
    line-height: 1.6;
    margin: 0;
    flex: 1;
  }
  
  /* Responsivo */
  @media (max-width: 768px) {
    .section-equipe .cartao-equipe {
      flex-direction: column;
    }
  
    .section-equipe .foto {
      flex: 0 0 250px;
      width: 100%;
    }

    .section-equipe .foto img {
        padding: 20px;  
    }
  
    .section-equipe .info {
      padding: 20px;
    }
  }







/*PAG MANUTENCAO*/
.sectionmanut .container{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}

.sectionmanut .box{
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #EDECEC;
    width: 86%;
    padding-bottom: 50px;
    margin-bottom: 50px;
}

.sectionmanut .boxitemtitulo{
    height: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    padding: 26px 0;
}

.sectionmanut .boxitem1{
    width: 405px;
    height: 161px;    
    border-radius: 16px;
    background: #F9E2CB;
    color: #19211B;    
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
}

.sectionmanut .aviso{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionmanut .motivo{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-top: 25px;
}

.sectionmanut .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-bottom: 20px;
}

.sectionmanut .item2{
    width: 60%;
}

.sectionmanut .titulo{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    width: 350px;
}

.sectionmanut .subtitulo{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

/*PAG PODA DE ARVORES*/
.sectioninfpag .btnpoda{
    width: 160px!important;
}

.sectioninfpag .titulopoda{
    width: 482px!important;
}

.sectioninfpag .txtpoda{
    width: 546px!important;
}

.sectioninf{
    margin-top: 60px;
    margin-bottom: 60px;
}

.sectioninf .box{
    display: flex;
}

.sectioninf .boxcuidado{
    width: 450px;
    height: 394px;    
    border-radius: 16px;
    background: #FFE1C2;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    padding: 35px;
    margin-right: 40px;
}

.pagdisjuntor .boxinf{
    height: 343px!important;
}

.pagdisjuntor .boxcuidado{
    height: 343px!important;
}

.pagdisjuntor .boxtxt{
    font-weight: 400!important;    
    line-height: 34.8px;
}

.sectioninf .boximg{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.sectioninf .boxtxt{   
    font-family: "Red Hat Display";
    /* font-size: 24px;
    font-weight: 400; */
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;        
    color: #19211B;
    font-size: 20px;
    font-weight: 500;
}

.sectioninf .boxinf{
    width: 928px;
    height: 394px;    
    border-radius: 16px;
    border: 2px;
    color: #DEDEDE;
    border: 2px solid #DEDEDE;
    /* padding: 40px 70px 20px 70px; */
    padding: 40px 70px 40px 70px;
    display: flex;
    justify-content: center;
    align-items: center;
}


.sectioninf .boxinf .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
}

.sectioninf .boxinf .boxlist{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;    
    color: #19211B;
}

.sectioninf .boxtel{
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-bottom: 4%;
    margin-top: 4%;
}

.sectioninf .boxtel .box {
    display: flex;
    flex-direction: column;   
    margin-left: 15px;
    margin-right: 10%;   
    width: 175px; 
  }

  .sectioninf .boxtel .divisor{
    height: 50px;
    border: 1px solid #C2C2C8;
  }

  .sectioninf .boxtel .box2 {        
    padding-left: 15px;
    margin-right: 15px;
  }
  
  .sectioninf .boxtel .boxconteudo{
    display: flex;    
    align-items: center;
  }

  .sectioninf .container{
    display: flex;
    justify-content: center;
  }

  .transferencia .boxconteudo{
    width: 86%;
  }

  /* .sectioninf .boxconteudo{
    width: 86%;
  } */

  .transferencia{
    margin-top: 90px;
    margin-bottom: 60px;
  }

  .transferencia .boxtransf{
    height: 301px;
  }

  .transf{
    margin-top: 235px;
  }

.sectioninf .boxtel .box .titulo{    
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;    
    color: #19211B;    
}

.sectioninf .boxtel .box .fone{        
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;    
}


.sectioninfpag .boxbaixarenda {
    width: 130px!important;
}

/*PAG BANDEIRAS TARIFARIAS*/
.sectionboxs .container{
    display: flex;    
    flex-direction: column;    
    align-items: center;
}

.sectionboxs .box{
    /* width: 691px; */
    width: 50%;
    height: 197px;    
    padding: 24px 32px 24px 32px;
    border-radius: 8px;    
    margin-bottom: 60px;
}

.sectionboxs .box .titulo{ 
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;    
    margin-bottom: 20px;
    padding-bottom: 15px;
}

.sectionboxs .box .titulo img{
    margin-right: 3%;
}

.sectionboxs .box .subtitulo{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionboxs .box .txt{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-top: 3%;
}

.sectionboxs .verdebox{
    background: #D4F0E0;    
}

.sectionboxs .verdetitulo{
    border-bottom: 1px solid #009818;
    color: #009818;    
}

.sectionboxs .amarelobox{
    background: #FFECCC;    
}

.sectionboxs .amarelotitulo{
    border-bottom: 1px solid #F9AC26;
    color: #F9AC26;    
}

.sectionboxs .vermelhobox{
    background: #FFCFCF;
}

.sectionboxs .vermelhotitulo{
    border-bottom: 1px solid #E72C2C;
    color: #E72C2C;    
}


.sectionboxs .pretobox{
    background: #E7E7E7;
}

.sectionboxs .pretotitulo{
    border-bottom: 1px solid #101010;
    color: #101010;      
}


/*PAG SOBRE LEITURA*/
.sectiontxt{        
    margin-bottom: 50px
}

.sectiontxt .box{        
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;    
    color: #19211B;    
}







#scrollToTopBtn {
    position: fixed;
    /* bottom: 100px;
    right: 70px; */
    bottom: 10.5%;
    right: 5%;

    background-color: #01509F; /* Cor de fundo do botão */
    color: #fff; /* Cor do texto */
    border: none;
    border-radius: 50%;
    padding: 10px;
    cursor: pointer;
    display: none; /* Ocultar inicialmente */
    width: 46px;
    height: 46px;
    z-index: 5;
  }
  
  #scrollToTopBtn img {
    width: 20px; /* Ajuste o tamanho da seta conforme necessário */
  }

/*HOME PAG MANUNTENCAO*/
.sectionmanuntencao{
    position: relative;
    margin-top: 100px;
}

.sectionmanuntencao .container{
    width: 1416px;
    height: 316px;    
    border-radius: 16px;
    background: #51A8B1;    
    display: flex;  
    align-items: center;
    position: relative;
    
}

.sectionmanuntencao .imgmanut{
    position: absolute;
    bottom: 0;
    /* right: 275px; */
    right: 0%;
}

.sectionmanuntencao .box1{
    margin-left: 45px;
    width: 449.75px;
    height: 213.46px;
    top: 134.39px;
    left: 79.58px;
    border-radius: 16px;
    background: #F8F8FA;
    text-align: left;
    padding: 22px 40px;
}

.sectionmanuntencao .box2{
    margin-left: 35px;
    width: 330.58px;
    height: 211.75px;
    top: 136.09px;
    left: 558.83px;
    border-radius: 16px;
    background: #F8F8FA;
    text-align: left;
    padding: 22px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.sectionmanuntencao .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
}

.sectionmanuntencao .subtitulo{
    font-family: Red Hat Display;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionmanuntencao .inf{
    font-family: Red Hat Display;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionmanuntencao .vejamaismanut a {
    font-family: "Red Hat Display";
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
  }

  /*MOB*/
  .sectionmanuntencaomob .box{
    width: 100%;
    /* height: 860px;     */
    height: 820px;  
    border-radius: 16px;
    background: #01509F;   
    display: flex;
    flex-direction: column;
    align-items: center; 
  }

  .sectionmanuntencaomob .box .box1 {
    width: 299.57px;
    height: 269.89px;    
    border-radius: 16px;
    background: #F8F8FA;
    /* padding: 22px 40px; */
    padding: 43px 26px;
    margin-top: 5%;
    text-align: left;
  }

  .sectionmanuntencaomob .titulo {
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
  }

  .sectionmanuntencaomob .inf {
    font-family: Red Hat Display;
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }

  .sectionmanuntencaomob .subtitulo {
    font-family: Red Hat Display;
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }

  .sectionmanuntencaomob .box2 {
    width: 90%;
    height: 211.75px;    
    border-radius: 16px;
    background: #F8F8FA;
    text-align: left;
    padding: 22px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;    
    margin-top: 5%;
  }


  .sectionmanuntencaomob .vejamaismanut a {
    font-family: "Red Hat Display";
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
  }

  .sectionmanuntencaomob {
    position: relative;
  }

  .sectionmanuntencaomob .imgmanut {
    position: absolute;
    bottom: 0;   
    width: 307px;
    left: 21px;
  }

  .retangulos-container {
    display: flex;
    flex-wrap: wrap; /* Permite que os itens quebrem para a próxima linha no mobile */
    gap: 5px; 
  }

  .retangulo{    
    color: #000; /* Texto preto */
    padding: 10px 20px; /* Espaçamento interno */   
    text-align: center; /* Centraliza o texto no retângulo */
    font-size: 24px; /* Tamanho da fonte */
    white-space: nowrap; /* Evita que o texto quebre */
    border: 2px solid #DEDEDE;
    font-weight: 700;
  }

/*PAG GERACAO DISTRIBUIDA*/
.sectiongeracaodist .container{    
    display: flex;
    justify-content: center;
}

.sectiongeracaodist .box{    
    width: 86%;
}
.sectiongeracaodist .titulo{    
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    border-bottom: 2px solid #DEDEDE;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.sectiongeracaodist .txt{        
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;    
}

.sectiongeracaodist .tituloacess{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    margin-right: 8px;
}

.sectiongeracaodist .titulolink{
    font-family: "Red Hat Display";    
    font-size: 16px;
    font-weight: 900;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectioninftecnicas .container{
    display: flex;
    justify-content: center;
}

.sectioninftecnicas .box{
    width: 86%;
}

.sectioninftecnicas .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    border-bottom: 2px solid #DEDEDE;
    padding-bottom: 15px;
    margin-bottom: 50px;
}

.sectioninftecnicas .boxitens{
  display: flex;
  justify-content: space-between;
}

.sectioninftecnicas .itens{  
    width: 210px;
    height: 188px;
    border-radius: 16px;
    background: #EDECEC;
    display: flex;
    flex-direction: column;
    padding: 25px;
    align-items: flex-start;
    justify-content: space-between;
}

.sectioninftecnicas .itens .txt{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
}

.sectioninftecnicas .itens .txt a{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
}

.sectionsolicitacao{
    margin-top: 50px;
}

.sectionsolicitacao .container{
    display: flex;
    justify-content: center;
}

.sectionsolicitacao .box{   
    width: 86%;
}

.sectionsolicitacao .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    border-bottom: 2px solid #DEDEDE;
    padding-bottom: 15px;
    margin-bottom: 30px;
}

.sectionsolicitacao .subtitulo{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-bottom: 20px;
}

.sectionsolicitacao .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionresposta{
    margin-bottom: 50px;
}

.sectionresposta .container{
    display: flex;
    justify-content: center;
}

.sectionresposta .box{
    width: 86%;
    text-align: left;
}

.sectionresposta .titulo{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-bottom: 20px;
}

.sectionresposta .txt{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionresposta .tituloacess {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 600;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    margin-right: 8px;
    margin-top: 20px;
  }

.sectionresposta .titulolink {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 900;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }


  
/*HOME GERACAO DISTRIBUIDA*/
.sectiongeracaodistribuida{
    margin-top: 103px;
}

.sectiongeracaodistribuida .box{
    width: 50%;
    text-align: left;
    padding: 50px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;   
}

.sectiongeracaodistribuida .titulo{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
}

.sectiongeracaodistribuida .txt{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
}

.sectiongeracaodistribuida .btnsaibamais{
    width: 215px;
    height:42px;    
    padding: 12px 21px 12px 21px;
    border-radius: 8px;
    gap: 10px;
    background: #31CCF8;
    color: #ffffff;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;    
    display: flex;
    justify-content: center;
    align-items: center;
}




.sectiongeracaodistribuida .container{
    width: 1416px;
    height: 316px;
    border-radius: 16px;
    background: #01509F;
    display: flex;    
    background-image: url('../images/home/o-painel-solar-produz-energia-solar-ecologica-e-ecologica-1.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}

.sectiongeracaodistribuidamob{
    margin-top: 30px;
}



.sectiongeracaodistribuidamob .box{
    width: 100%;
    height: 789px;    
    border-radius: 16px;
    background: #0075FF;
}

.sectiongeracaodistribuidamob .boxgeracaomob{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-bottom: 20px;
    padding: 30px 40px;
}

.sectiongeracaodistribuidamob .titulo {
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
    margin-bottom: 30px;
}

.sectiongeracaodistribuidamob .txt {
    margin-bottom: 50px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
  }

  .sectiongeracaodistribuidamob .btnsaibamais {
    width: 86%;
    text-align: left;
  }


  .sectiongeracaodistribuidamob .btnsaibamais {
    width: 215px;
    height: 42px;
    padding: 12px 21px 12px 21px;
    border-radius: 8px;
    gap: 10px;
    background: #F8F8FA;
    color: #19211B;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .sectiongeracaodistribuidamob .box{
    width: 100%;
    height: 789px;
    border-radius: 17px;
    background: #0075FF;
    display: flex;    
    background-image: url('../images/home/o-painel-solar-produz-energia-solar-ecologica-e-ecologica-mob.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom;
}


/*BANNER HOME */
.sectionbannerhome{
    margin-top: 40px;
    color: #F8F8FA;
}

.sectionbannerhome .container{
    /* width: 1413px;
    height: 460px;
    top: 180.73px; */
    /* border-radius: 16px;
    background: #51A8B1;
    display: flex;
    justify-content: space-between;    
    align-items: flex-start;
    padding-right: 0;
    padding-left: 0; */
}

.sectionbannerhome .boxconteiner{    
    border-radius: 16px;
    background: #51A8B1;
    display: flex;
    justify-content: space-between;    
    align-items: flex-start;
    padding-right: 0;
    padding-left: 0;
    flex-direction: row;
    /* padding-bottom: 50px; */
}


.sectionbannerhome .box{
    /* width: 50%; */
    width: 100%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70%;
    align-items: flex-start;
    margin-right: 70px;
    margin-left: 70px;
    margin-top: 50px;
}


.sectionbannerhome .titulo{   
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;    
    color: #F8F8FA;
    width: 100%;
    margin-bottom: 20px;
}

.sectionbannerhome .tituadm{    
    width: 100%!important;
}


.sectionbannerhome .subtitulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
    margin-bottom: 30px;
}

.sectionbannerhome .subtitulo img{
    margin-right: 30px;
}



.sectionbannerhome .txt{    
    font-family: "Red Hat Display";    
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;    
    color: #F8F8FA;
    width: 80%;
    margin-bottom: 50px;
}

.sectionbannerhome .button-hero { 
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    background: #19211B;
    width: 247px;
    height: 42px;
    padding: 12px 32px 12px 32px;
    border-radius: 8px;
  }
  
/*FIM BANNER HOME*/


/*HOME INFOMAÇÕES MANUNTENCAO DA REDE E BANDEIRA*/

.inf-pc {
    display: block;
    background-color: #F9F9F9;
}

.inf-pc .container {
    display: flex;
}

.inf-pc .box-manunt {
    display: flex;
    align-items: center;
}

.inf-pc .box-band {
    display: flex;
    align-items: center;
}

.inf-pc .inf-titulo {
    font-family: "TrendaBold";
    font-size: 25px;
    color: #999;
}

.inf-mobile {
    display: none;
}

.inf-mobile {
    background-color: #F9F9F9;
}

.inf-mobile .box-manunt {
    width: 100%;
    border-right: 0px;
}

.inf-mobile .box-band {
    width: 100%;
}


/*PAG ADMINSTRACAO FISCAL*/

.header_adm {
    background-color: #f2f2f2;
    height: 15em;
}

.header_adm .tit {
    font-family: 'TrendaBold';
    font-size: 35px;
    text-transform: none;
    margin-bottom: 2%;
    width: 100%;
    color: #999;
}

.header_adm .box-titulo {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 7em;
    padding-bottom: 80px;
}

/*PAG AUTOATENDIMENTO NOVO*/
.sectionpagautoatendimento .titulo{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    border-bottom: 2px solid #DEDEDE;
    margin-top: 60px;    
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.sectionpagautoatendimento .card{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    border: 0;
    background: #EDECEC;
    width: 210px;
    height: 188px;    
    border-radius: 16px;
    margin-right: 2.5%;
    margin-bottom: 2.5%;
}

.sectionpagautoatendimento .card .card-body{    
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
}

.sectionpagautoatendimento .card .card-title{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    width: 116px;
}

.sectionpagautoatendimento .card .vejamaisauto a{
    font-family: "Red Hat Display";
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;    
}


.sectionpagautoatendimento .card .vejamaisauto a i {
    width: 16px;
    height: 16px;
    font-size: 11px;
    margin-left: 10px;
}

.sectionpagautoatendimento .container{
    display: flex;
    justify-content: center;
}

.sectionpagautoatendimento .boxauto{
    width: 86%;
}

.sectionpagautoatendimento .card:nth-child(5n) {
    margin-right: 0;
}

.sectionpagautoatendimento .box{
    display: flex;
    flex-wrap: wrap;
}

.sectiontituloatend .container{
    display: flex;
    justify-content: center;
}

.sectiontituloatend .titulo{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    border-bottom: 2px solid #DEDEDE;
    margin-top: 60px;
    margin-bottom: 50px;
    padding-bottom: 30px;
}

.sectiontituloatend .boxauto{
    width: 86%;
}
/* .sectionendauto .titulo{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
} */

.sectionendauto{
    padding-bottom: 60px;
}

.sectionendauto .container{
    display: flex;
    justify-content: center;
}

.sectionendauto .boxauto {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    width: 86%;
  }

.sectionendauto .boxconteudo {
    display: flex;
    align-items: center;
    width: 366.68px;
    height: 123.06px;
    top: 3006.52px;
    left: 1178.32px;
    border-radius: 16px;
    background: #EDECEC;
    justify-content: center;
}

.sectionendauto .box {
    margin-left: 15px;
}

.sectionendauto .titulo {
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
}

.sectionendauto .fone {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}




/*PAG HOME AUTOATENDIMENTO*/

.mostraAutoatendimento {
    color: #009136;
    font-size: 30px;
}


/*PAG INFOMACOES TECNICAS*/

.inf-tecnicas {
    font-size: 18px;
    text-align: left;
}

.inf-tecnicas .titulo {
    font-size: 18px;
    color: #999999;
    margin-bottom: 3%;
}

.inf-tecnicas-links .container {
    display: flex;
    flex-direction: row;
}

.inf-tecnicas-links ul {
    display: flex;
    flex-direction: row;
    margin: 0;
    padding: 0;
}

.inf-tecnicas-links li {
    font-size: 17px;
    display: flex;
    flex-direction: row;
    padding: 20px 30px;
    background-color: #F3F3F3;
    margin-right: 1%;
    /* width: 30%; */
    width: 235px;
    height: auto;
    text-align: left;
}


/*MENU*/

.dropdown-menu {
    border: 0;
}

.header-toolbar {
    display: block;
    width: 100%;
    min-height: 0px;
    padding: 0px 0;
    background-color: #F2F2F2;
    font-family: "TrendaLight";
    font-size: 16px;
}

.top-menu {
    list-style-type: none;
}

.header-toolbar .top-menu ul li {
    margin-left: 10%;
}

.header-toolbar .top-menu .nav-link {
    color: #999!important;
}

.header-inner{
    background: #EDECEC;

}

.header-inner .container {
    display: flex;
    justify-content: space-between;
}

.header-inner {
    /* padding: 1em 0; */
    padding: 0.5em 0;
}

.header-info-boxes {
    display: flex;
    justify-content: flex-end;    
    align-items: flex-start;
    width: 100%;
}

.header-info-box1 {
    /* margin-left: 3%;     */
    color: #19211B;
}

.header-info-box {
    margin-left: 4%;
    border-left: 2px solid #C2C2C8;
    color: #19211B;
    /* padding: 0.5em 0; */
    height: 35px;
}

.header-info-box .txt{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;    
    margin-left: 25px;
    margin-right: 20px;
}

.header-info-box .txt2{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
}

.header-info-box1 .txt{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    margin-right: 16px;
}

.header-info-box1 .txt2{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
}

.header-info-box .box-header .txt4{
    font-family: "Red Hat Display"; 
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;    
    color: #19211B;
    margin-bottom: -10px;
}

.header-info-box .box-header{
    display: flex;
    align-items: center;
    margin-left: 45px;
}



.header-info-box .txt3{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 400;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


.bg-dark-navy {
    background-color: #FFF!important;
}

.boxed-menu .main-nav a.nav-link:hover,
.boxed-menu .main-nav a.nav-link:focus {
    color: #01509F;
    border-bottom: 1px solid #01509F;   
    border-radius: 16px;
}

.navbar-nav {
    width: 100%;
    color: #19211B!important;    
    font-family: "Red Hat Display";
    font-size: 16.5px;
    font-weight: 700;
    text-align: left;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    background-color: #FFF;
    border-radius: 16px;
}







/* NOVO CODIGO MENU */

 /* Impede que o dropdown apareça retangular por um instante */
 .dropdown-menu {
    border-radius: 16px 16px 0 0 !important;
    overflow: hidden !important;
    backface-visibility: hidden !important;
    transform: translateZ(0) !important;
    will-change: transform !important;
  }

  /* Garante que o menu não tenha borda inferior (opcional) */
  .dropdown-menu::before,
  .dropdown-menu::after {
    display: none !important;
  }


/* Cor do link do dropdown ao passar o mouse */
.navbar-nav .dropdown:hover > .nav-link,
.navbar-nav .nav-link:focus,
.navbar-nav .nav-link:hover {
  color: #ffffff !important; /* Branco */
}

/* Estilo do dropdown */
/* .dropdown-menu {
  background-color: #01509F !important; /* Cor de fundo *
  border: none !important;
  border-radius: 16px 16px 0 0 !important; /* Só borda superior arredondada *
  margin-top: 0 !important;
  min-width: 220px;
  box-shadow: 0 6px 12px rgba(0,0,0,0.15);
} */

/* Itens do dropdown */
/* .dropdown-menu .dropdown-item {
  color: rgba(255, 255, 255, 0.85) !important;
  padding: 0.5rem 1.25rem !important;
  font-size: 15px !important;
} */

/* .dropdown-menu .dropdown-item:hover {
  background-color: rgba(255, 255, 255, 0.1) !important;
  color: #ffffff !important;
} */

/* Remove borda inferior do dropdown (opcional) */
/* .dropdown-menu::before,
.dropdown-menu::after {
  display: none !important;
} */




/* CLICK (active / focus / item selecionado) → mantém igual ao hover */
/* .navbar .nav-link:active,
.navbar .nav-link:focus,
.navbar .nav-link.active {
    background-color: #01509F !important;
    color: #fff !important;
    border-radius: 16px;
    border: 1px solid #01509F !important;
} */







/* Estado normal */
/* .navbar .nav-link {
    padding: 8px 16px;
    border-radius: 16px;
    background-color: transparent !important;
    color: #01509F !important;
    border: none !important;
    outline: none !important;
    box-shadow: none !important;
} */

/* Hover – quando passa o mouse */
/* .navbar .nav-link:hover {
    background-color: #01509F !important;
    color: #fff !important;
} */

/* Active – enquanto está clicando */
/* .navbar .nav-link:active {
    background-color: #01509F !important;
    color: #fff !important;
} */

/* Focus – quando clica com botão direito ou sai do hover */
/* .navbar .nav-link:focus {
    background-color: transparent !important;
    color: #01509F !important;
    outline: none !important;
    box-shadow: none !important;
} */

/* Remove efeitos do nav-item */
/* .nav-item,
.nav-item:focus,
.nav-item:active,
.nav-item:hover {
    background-color: transparent !important;
    box-shadow: none !important;
    border: none !important;
} */












/* --- MENU PRINCIPAL: hover --- */
.navbar-nav > .nav-item > .nav-link:hover,
.navbar-nav > .nav-item > .nav-link:focus,
.navbar-nav > .nav-item > .nav-link:active {
    background-color: #01509F !important;
    color: #fff !important;
    border-radius: 16px !important;
}

/* --- MENU PRINCIPAL: manter hover quando SUBMENU está ABERTO OU MOUSE NO SUBMENU --- */
.navbar-nav .nav-item.show > .nav-link,
.navbar-nav .nav-item:hover > .nav-link {
    background-color: #01509F !important;
    color: #fff !important;
    border-radius: 16px !important;
}

/* --- SUBMENU (dropdown) estilizado --- */
.dropdown-menu {
    border-radius: 0 0 16px 16px !important;
    /* padding: 8px 0 !important; */
    padding: .5rem 0;
    border: none !important;
    box-shadow: 0 8px 20px rgba(0,0,0,0.12) !important; /* sombra suave */
    margin-top: 0 !important;
}

/* --- SUBMENU: itens normais --- */
.dropdown-menu .dropdown-item {
    background: #fff !important;
    color: #333 !important;
    /* padding: 10px 20px !important; */
    padding: .25rem 1rem;
    transition: background 0.2s ease, color 0.2s ease;
}

/* --- SUBMENU: hover igual ao menu principal --- */
.dropdown-menu .dropdown-item:hover,
.dropdown-menu .dropdown-item:focus {
    background-color: #01509F !important;
    color: #fff !important;
    border-radius: 16px !important;
}

/* --- BLOQUEIA vazamento de estilos do nav-item --- */
.nav-item:hover {
    background: transparent !important;
    color: inherit !important;
}


















/* .nav-link:hover,
.nav-link:focus,
.nav-link:active {
    background-color: #01509F;
    color: #fff !important;
    text-decoration: none;
    border: none !important;
    outline: none !important;
}


.nav-item:focus,
.nav-item:active {
    outline: none !important;
    border: none !important;
}



.nav-item:hover {
    background-color: #01509F;
    color: #fff;
    border-radius: 16px;    
}
.nav-item a:hover {
    background-color: #01509F;
    color: white !important; 
    text-decoration: none; 
} 

.navbar .nav-item:hover {    
    border-radius: 16px;    
    color: white !important;
    background-color: #01509F !important;    
}

.header .nav-link:hover {
    color: #fff;
    border-radius: 16px;    
} */

























.navbar-nav {
    justify-content: flex-end;
}

.navbar-nav .nav-item{
    margin-left: 2%;
}

/* ADICIONAR */
.navbar-nav .nav-item:hover{
    color: #FFF;
}


.header .nav-link {
    color: #00509F;
}

.boxed-menu .main-nav {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}

.main-wrapper {
    overflow-x: hidden;
    background-color: #F8F8FA;
}

.main-nav {
    z-index: 5555;
}

.boxed-menu .main-nav {
    /* max-width: 720px; */
    margin-left: auto;
    margin-right: auto;
    /* margin-bottom: -25px; */
    /* height: 135px; */
    /* height: 70px; */
}

.boxed-menu .main-nav .btnlinks:hover{
    background-color: #01509F;    
}

.boxed-menu .main-nav .btnlinks:hover .txtbtnportal{ 
    color: #F8F8FA!important;
}

.boxed-menu .main-nav .btnlinksvirtual:hover{
    background-color: #F8F8FA;  
    border: 1px solid #01509F;      
}

.boxed-menu .main-nav .btnlinksvirtual:hover .txtbtnagencia{ 
    color: #01509F!important;
}


.boxed-menu .main-nav .btnlinks{
    width: 222px;
    height: 50px;
    padding: 12px, 21px, 12px, 21px;
    border-radius: 8px;    
    gap: 10px;
    border: 1px solid #01509F;    
    display: flex;
    justify-content: center;
    align-items: center;
}


.boxed-menu .main-nav .txtbtnportal{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    width: 180px;
    height: 26px;
}

.boxed-menu .main-nav .btnlinksvirtual{
    width:188px;
    height:50px;
    padding: 12px, 21px, 12px, 21px;
    border-radius: 8px;
    gap: 10px;
    background: #01509F;  
    display: flex;
    justify-content: center;
    align-items: center;  
    border: 1px solid #01509F;
}

.boxed-menu .main-nav .txtbtnagencia{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    width: 116px;
    height: 26px;
    color: #F8F8FA;
}

/*MENU MOBILE*/
#main-nav .navbar-nav  li .btnlinks:hover{
    background-color: #01509F;    
}

#main-nav .navbar-nav  li .btnlinks:hover .txtbtnportal{ 
    color: #F8F8FA!important;
}

#main-nav .navbar-nav  li .btnlinksvirtual:hover{
    background-color: #F8F8FA!important;  
    border: 1px solid #01509F!important;      
}

#main-nav .navbar-nav  li .btnlinksvirtual:hover .txtbtnagencia{ 
    color: #F8F8FA!important;
}


#main-nav .navbar-nav  li .btnlinks{
    width: 222px;
    height: 50px;
    padding: 12px, 21px, 12px, 21px;
    border-radius: 8px;    
    gap: 10px;
    border: 1px solid #01509F;    
    display: flex;
    justify-content: center;
    align-items: center;
}


#main-nav .navbar-nav  li .txtbtnportal{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    width: 180px;
    height: 26px;
}

#main-nav .navbar-nav  li .btnlinksvirtual{
    width:188px;
    height:50px;
    padding: 12px, 21px, 12px, 21px;
    border-radius: 8px;
    gap: 10px;
    background: #01509F;  
    display: flex;
    justify-content: center;
    align-items: center;  
    border: 1px solid #01509F;
}

#main-nav .navbar-nav  li .txtbtnagencia{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    width: 116px;
    height: 26px;
    color: #F8F8FA;
}

#main-nav .navbar-nav  .btnlinksvirtual{
    background: #01509F;  
}

#main-nav li .btnlinksvirtual{
    background: #01509F;  
}

#main-nav li .btnlinksvirtual:hover{
    background-color: #fff!important;
}

.navitem-menu-mob{
    border-bottom: 1px solid #EDECEC;
    /* padding: 10px 0; */
    padding: 10px 10px;
}

.nav-item.btnlinksvirtual {
    background-color: #01509F;
}


.nav-item.navitem-menu-mob .nav-link:hover {    
    color: #fff!important;
}




/* Versão mais específica para temas customizados */
.navbar .nav-item.navitem-menu-mob .nav-link:focus,
.navbar .nav-item.navitem-menu-mob .nav-link:active,
.navbar .nav-item.show .nav-link {
    color: #fff !important;
}



/**/
.static-top-menu  a.nav-link:hover,
.static-top-menu  a.nav-link:focus {
    color: #fff;
    border-bottom: 1px solid #fff;   
}

.boxed-menu .btnlinks:hover{
    background-color: #01509F;    
}

.boxed-menu .btnlinks:hover .txtbtnportal{ 
    color: #F8F8FA!important;
}

.boxed-menu .btnlinksvirtual:hover{
    background-color: #F8F8FA;  
    border: 1px solid #01509F;      
}

.boxed-menu .btnlinksvirtual:hover .txtbtnagencia{ 
    color: #01509F!important;
}

.static-top-menu .btnlinks{
    width: 222px;
    height: 50px;
    padding: 12px, 21px, 12px, 21px;
    border-radius: 8px;    
    gap: 10px;
    border: 1px solid #01509F;    
    display: flex;
    justify-content: center;
    align-items: center;
}


.static-top-menu .txtbtnportal{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    width: 180px;
    height: 26px;
}

.static-top-menu .btnlinksvirtual{
    width:188px;
    height:50px;
    padding: 12px, 21px, 12px, 21px;
    border-radius: 8px;
    gap: 10px;
    background: #01509F;  
    display: flex;
    justify-content: center;
    align-items: center;  
}

.static-top-menu .txtbtnagencia{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    width: 116px;
    height: 26px;
    color: #F8F8FA;
}


/*HOME AUTOATENDIMENTO NOVO*/
.sectionautoatendimento {
    margin-top: 70px;
    margin-bottom: 100px;
}

.sectionautoatendimento .boxleft{
   margin-right: 0;
   padding-right: 0;
   justify-content: flex-end;
   gap: 10px;
}

.sectionautoatendimento .titulo{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
}

.sectionautoatendimento .mostrar{
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionautoatendimento .card{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    border: 0;
    background: #EDECEC;
    width: 210px;
    height: 177.19px;
    border-radius: 16px;
    /* margin-right: 2.5%;
    margin-bottom: 2.5%; */
}

.sectionautoatendimento .card .card-body{    
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: baseline;
}

.sectionautoatendimento .card .card-title{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    width: 121px;
    color: #01509F;
}

.sectionautoatendimento .card .card-title a:hover {
      color: #2E8B57;
}

.sectionautoatendimento .card .vejamaisauto a{
    font-family: "Red Hat Display";
    font-size: 12px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
}


.sectionautoatendimento .card .vejamaisauto a i {
    width: 16px;
    height: 16px;
    font-size: 11px;
    margin-left: 10px;
}

.sectionautoatendimento .card:nth-child(4n) {
    margin-right: 0;
}

/*HOME AUTOATENDIMENTO*/

.autoatendimento {
    margin-bottom: 2em;
}

.autoatendimento .container {
    display: flex;
    flex-direction: column;
    text-align: left;
}

.autoatendimento .box-mun {
    display: flex;
    flex-wrap: wrap;
}

.autoatendimento a {
    color: #19211B;
}

.autoatendimento .card {
    font-size: 17px;
    font-family: "TrendaLight";
    /* margin-right: 1%;
    margin-bottom: 1%; */
    /* background-color: #009136; */
    /* background-color: #EDECEC; */
    /* border: 0;
    width: 24%; */
    border: 0;
    background: #EDECEC;
    width: 210px;
    height: 188px;
    top: 64.77px;
    /* left: 737.5px; */
    border-radius: 16px;

    margin-right: 2.5%;
    margin-bottom: 2.5%;
}

.autoatendimento .box-nac {
    display: flex;
    flex-wrap: wrap;
}

.autoatendimento .box-mun .card-title {
    color: #01509F;    
}

.autoatendimento .box-mun .card-text {
    color: #fff;
    font-family: "TrendaLight";
}

.autoatendimento .box-mun .card-text:hover {
    color: #F8DC00;
}

.autoatendimento .box-mun .card-text a:hover {
    color: #F8DC00;
}

.autoatendimento .titulo {
    font-size: 30px;
    text-align: center;
    font-family: "TrendaBold";
}

.text-sust {
    text-align: left;
    font-size: 18px;
    font-family: "TrendaLight";
}


/*PAG CONHEÇA SUA FATURA*/

.box-fatura .box-img {
    width: 50%;
}

.box-fatura .box-txt {
    width: 50%;
}


/*PAG DICAS*/
/* 
.dicas {
    width: 100%;
}

.dicas .titulo {
    /* font-size: 18px;
    font-family: "TrendaBold";
    color: #999999;
    margin-bottom: 1%; *

    margin-bottom: 1%;
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #000;
}

.dicas .txt {
    font-size: 16px;
    font-family: "TrendaLight";
    color: #999999;
}

.dicas .txt-dicas {
    font-size: 18px;
    font-family: "TrendaLight";
    color: #999999;
    text-align: left;
}

.dicas h2 {
    font-size: 30px;
    font-family: "TrendaBold";
    color: #007DCC;
    text-align: left;
    margin-bottom: 2%;
}

.dicas .container {
    display: flex;
}

.dicas .menu {
    font-family: "TrendaBold";
    font-size: 16px;
    text-align: left;
    width: 30%;
    * width: 350px; *
    * width: 420px; *
}

.dicas .menu ul li {
    background-color: #F5F5F5;
    list-style-type: none;
    border-bottom: 2px solid #fff;
    padding: 5% 1%;
}

.dicas .conteudo {
    width: 100%;
}

.dicas .conteudo .txt {
    * font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify; *

    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.dicas .conteudo .imgbox{
    border: 1px solid #d4d4d4;
    border-radius: 10px;
} */





.dicas {
    width: 100%;
    padding: 40px 0;
}

.dicas .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

/* Item de dica */
.dicas .dica-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.dicas .dica-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
}

/* Título */
.dicas .titulo {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 24px;
    font-weight: 700;
    line-height: 1.4;
    color: #000;
    margin-bottom: 12px;
}

/* Texto */
.dicas .txt {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.6;
    color: #19211B;
}

/* Imagem padronizada */
.dicas .img-dica {
    width: 100%;
    height: 280px; /* altura fixa */
    object-fit: cover; /* corta proporcionalmente */
    border-radius: 8px;
    border: 1px solid #e0e0e0;
    transition: opacity 0.2s ease;
}

.dicas .img-dica:hover {
    opacity: 0.9;
}

.dicas .dica-img{
    padding-left: 0;
    margin-left: 0;
}

/* Responsivo */
@media (max-width: 768px) {
    .dicas .img-dica {
        height: 220px;
    }
    
    .dicas .titulo {
        font-size: 20px;
    }
    
    .dicas .txt {
        font-size: 15px;
        margin-bottom: 30px;
    }
}


/*PAG BANDEIRAS TARIFARIAS*/

.box-bandeiras {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.box-bandeiras .box-img-band {
    width: 31%;
}

.box-bandeiras .box-dados-band {
    width: 67%;
    font-size: 17px;
    text-align: left;
    font-family: "TrendaLight";
}

.box-bandeiras .box-dados-band strong {
    font-family: "TrendaBold";
    font-weight: bold;
    color: #999;
}

.titulo_ban_tar {
    color: #007246;
    font-weight: bold;
    font-family: "TrendaBold";
}

.band-tarifaria-pdf .container {
    display: flex;
}

.band-tarifaria-pdf ul {
    /* display: flex; */
    padding-left: 0!important;
}

.band-tarifaria-pdf .box {
    width: 100%;
}

.band-tarifaria-pdf ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.band-tarifaria-pdf .titulo_pdf {
    font-family: "TrendaLight";
    color: #007346;
    font-size: 17px;
}

.band-tarifaria-pdf a {
    font-size: 15px;
    font-family: "TrendaBold";
}

/*PAG EMPRESA*/
  .ag-format-container {
    width: 1142px;
    margin: 0 auto;
  }
  
  .slick-slider {  
    margin-left: 0;
    padding-left: 0;
  }
  
  .ag-lesson-block {
    /* padding: 50px 0; */
    padding: 0;
    margin-top: -120px;  
    overflow-x: hidden;
  }
  .ag-lesson_box {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
  
    padding: 0 0 80px;
  }
  .ag-lesson_title {
    -webkit-box-flex: 1;
    -ms-flex: 1 1 100%;
    flex: 1 1 100%;
  
    line-height: .91;
  
    font-weight: 700;
    font-size: 60px;
    margin: 0 230px 0 0;
  
    color: #000;
  }
  .ag-lesson_text {
    -webkit-box-flex: 0;
    -ms-flex: 0 0 440px;
    flex: 0 0 440px;
  
    line-height: 1.32;
    padding: 0 30px 0 0;
  
    font-size: 18px;
    color: #6D6D6D;
  }
  
  /* carousel */
  .ag-carousel-arrow_box {
    white-space: nowrap;
  }
  
  .ag-carousel_box {
    margin: 0 -6% 0 calc(50% - 370px);  
    /* margin: 0 -6% 0 calc(50% - 571px);   */
    position: relative;
  }
  
  .ag-carousel-arrow {
    display: inline-block;
    height: 52px;
    width: 52px;
    /* border: 1px solid #000; */
    /* background-color: #000; */
    border: 1px solid #01509F;
    background-color: #01509F;  
    cursor: pointer;  
    stroke: #FFF;  
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  
    -webkit-transition: all .2s ease-out 0s;
    -moz-transition: all .2s ease-out 0s;
    -o-transition: all .2s ease-out 0s;
    transition: all .2s ease-out 0s;
  
    position: relative;
  }
  .ag-carousel-arrow:hover {
    border: 1px solid #01509F;
    background-color: transparent;
  }
  .js-ag-carousel-arrow_prev {
    margin: 0 12px 0 0;
  }
  .js-ag-carousel-arrow_prev:hover,
  .js-ag-carousel-arrow_next:hover {
    stroke: #01509F;
  }
  .svg-arrow-left,
  .svg-arrow-right {
    height: 18px;
    width: 10px;
    margin: -8px 0 0 -5px;
  
    position: absolute;
    top: 50%;
    left: 50%;
  }
  
  .ag-carousel_item {
    padding: 0 28px 0 0;
  }
  
  .ag-carousel_video {
    position: relative;
  }
  .ag-video_frame__carousel {
    -webkit-border-radius: 20px 20px 20px 20px;
    -moz-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
  }
  .ag-video_frame-16x9 {
    display: block;
    height: 0;
    padding: 0 0 56.25%;
    background-image: url(https://raw.githack.com/SochavaAG/example-mycode/master/pens/carousel-slick-left-space/images/youtube-bg.jpg);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: cover;
  
    cursor: pointer;
  
    object-fit: cover;
  
    overflow: hidden;
  
    position: relative;
  }
  .ag-video_frame-16x9:before {
    content: "";
    /* background-color: rgba(0,0,0,.4); */
  
    position: absolute;
    top:0;
    left: 0;
    right: 0;
    bottom: 0;
  }
  .ag-video_frame-16x9 iframe {
    height: 100%;
    width: 100%;
    border: 0;
  
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
  }
  .ag-video_btn-play {
    height: 60px;
    width: 60px;
    margin: -30px auto 0;
    background-color: #000;
  
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
  
    z-index: 1;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
  }
  .svg-play {
    height: 21px;
    width: 19px;
    margin: -10px 0 0 -8px;
  
    fill: #FFF;
  
    position: absolute;
    top: 50%;
    left: 50%;
  }
  .ag-video_btn-play:hover {
    background-color: #ff2d30;
  }
  
  .ag-carousel_info {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
  
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
  
    min-height: 235px;
    padding: 30px;
    border: 1px solid #DADADA;
  
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  
    -webkit-border-radius: 0 0 20px 20px;
    -moz-border-radius: 0 0 20px 20px;
    border-radius: 0 0 20px 20px;
  }
  .ag-carousel_review {
    line-height: 1.36;
    margin: 0 0 10px;
  
    font-size: 18px;
    color: #ACB3B8;
  }
  .ag-carousel_name {
    font-weight: 700;
    font-size: 25px;
    color: #000;
  }
  .ag-carousel_date {
    line-height: 1.36;
  
    text-align: right;
    font-size: 18px;
    color: #7C8890;
  }
  
  .titulonav{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }

  .boxnavegacao{
    position: relative;
    bottom: -245px;
    left: 345px;
  }

  .btnemp{
    width: 174px!important;
  }
  
  @media only screen and (max-width: 767px) {
    .ag-format-container {
      width: 90%;
    }
  
    .ag-lesson-block {
      padding: 80px 0;
      margin-bottom: 50px;
    }
    .ag-lesson_box {
      display: block;
      padding: 0 0 40px;
    }
    .ag-lesson_title {
      margin: 0 0 40px;
  
      font-size: 40px;
    }
    .ag-lesson_text {
      padding: 0 0 40px;
    }
  
    .ag-carousel_box {
      width: 90%;
      margin: 0 auto;
    }
    .ag-carousel_list {
      margin: 0;
    }
    .ag-carousel_item {
      padding: 0;
    }
  }
  
  @media only screen and (max-width: 639px) {
    .ag-lesson_box {
      padding: 0 0 27px;
    }
    .ag-lesson_title {
      margin: 0 0 30px;
  
      font-size: 30px;
    }
    .ag-lesson_text {
      font-size: 16px;
    }
  
    .ag-carousel_info {
      padding: 30px 20px;
    }
    .ag-carousel_review {
      font-size: 16px;
    }
    .ag-carousel_name {
      font-size: 25px;
    }
    .ag-carousel_date {
      font-size: 16px;
    }
  }
  
  @media only screen and (max-width: 479px) {
    .ag-carousel_review {
      font-size: 14px;
    }
    .ag-carousel_name {
      font-size: 20px;
    }
  }
  
  @media (min-width: 768px) and (max-width: 979px) {
    .ag-format-container {
      width: 750px;
    }
  
    .ag-lesson_box {
      display: block;
      padding: 0 0 40px;
    }
    .ag-lesson_title {
      margin: 0 0 40px;
    }
    .ag-lesson_text {
      padding: 0 0 40px;
    }
  
    .ag-carousel_box {
      width: 750px;
      margin: 0 auto;
    }
    .ag-carousel_list {
      margin: 0 -26px 0 0;
    }
  }
  
  @media (min-width: 980px) and (max-width: 1161px) {
    .ag-format-container {
      width: 960px;
    }
  
    .ag-lesson_title {
      margin: 0 100px 0 0;
    }
    .ag-lesson_text {
      -webkit-box-flex: 0;
      -ms-flex: 0 0 313px;
      flex: 0 0 313px;
    }
  
    .ag-carousel_box {
      width: 960px;
      margin: 0 auto;
    }
    .ag-carousel_list {
      margin: 0 -26px 0 0;
    }
  }

/*PAG INSTITUCIONAL*/
.boxintitucionalbtn{
    width: 112px;
    height: 42px;    
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    border: 1px;
    border: 1px solid #51A8B1;
    color: #51A8B1;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    margin-bottom: 40px;
}


.institucional .tituloemp{    
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
}

.institucional .subtituloemp{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.institucional .txtemp{
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 400;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.btnpilates{
    width: 90px!important;
    margin-bottom: 30px!important;
}

.sectionconhecer .boxitem{
    width: 450px;
    height: 389.1px;
    border-radius: 16px;
    background: #FFE1C2;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    margin-right: 2%;
    margin-bottom: 2%;
}

.sectionconhecer .boxitem .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: center;
    color: #19211B;
}

.sectionconhecer .container{
    display: flex;
    justify-content: center;
}

.sectionconhecer .box{
    width: 86%;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

.sectionvisaoemp .boxitem{
    width: 449.5px;
    height: 380px;    
    border-radius: 16px;
    background: #BEEEFA;
    margin-right: 3%;
    margin-bottom: 3%;
    padding: 10px 30px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.sectionvisaoemp .boxitemval{
    width: 931.05px;
    height: 291.52px;
    border-radius: 16px;
    background: #BEEEFA;
    margin-right: 3%;    
    margin-bottom: 3%;
    padding: 20px 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;    
}


.sectionvisaoemp .boxitemval .titulob{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    border-bottom: 2px solid #19211B;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
}

.sectionvisaoemp .boxitemval .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-top: 15px;
}


.sectionvisaoemp .boxitemval .titulob span{    
    color: #8BA395;
}

.sectionvisaoemp .titulo{
    margin-top: 13px;
}



.sectionvisaoemp .container{
    display: flex;
    justify-content: center;
}

.sectionvisaoemp .box{
    width: 86%;
    display: flex;
    flex-wrap: wrap;    
    justify-content: center;
}

.sectionvisaoemp .boxtitulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #1788D1;
}


.sectionvisaoemp .txt{        
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


.inst {
    background-size: cover;
    background-attachment: fixed;
    padding: 50px;
    color: #fff;
}

.inst .container {
    display: flex;
    flex-direction: row;
}

.box-mis-vis {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.box-val {
    display: flex;
    width: 50%;
}

.inst .missao {
    padding: 10px 18px;
}

.inst .missao .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
}

.inst .valores {
    padding: 10px 18px;
}

.inst .valores .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
}

.inst .visao {
    padding: 10px 18px;
}

.inst .visao .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
}

.box-ad .titulo {
    font-size: 18px;
}

.box-ad .texto {
    font-size: 18px;
    text-align: left;
}

.box-com .titulo {}

.box-com .texto {
    font-size: 18px;
    text-align: left;
}

.box-area .titulo {}

.box-area .texto {
    font-size: 18px;
    text-align: left;
}

.texto2 .titulo {
    font-size: 20px;
    color: #999;
    text-align: left;
}

.texto2 .box {
    display: flex;
}

.texto2 .box-text .titulo {
    font-size: 22px;
}

.texto2 .box-text {
    text-align: left;
    font-size: 18px;
}

.inst .box-text {
    font-size: 19px;
    text-align: left;
    font-family: "TrendaLight";
}

.texto2 {
    font-family: "TrendaLight";
    font-size: 18px;
}

.section-empresa-show .box-itens {
    width: 50%;
    display: flex;
    margin-bottom: 0.3%;
    flex-direction: row;
    flex-wrap: wrap;
}

.empresa-foto .container {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

.empresa-foto .box {
    display: flex;
}

.empresa-foto .box-itens {
    display: flex;
    flex-direction: column;
    margin: 0.39%;
    width: 100%;
}

.empresa-foto .itens {
    margin-bottom: 1.8%;
    width: 100%;
}



/*
.empresa-foto .box-itens:nth-child(3n+2){
  flex-direction: column;
}

.empresa-foto .box-itens:nth-child(4n+3){
  flex-direction: row;
}

.empresa-foto .itens:nth-child(5n+1){
  width: 40%;
   margin: 0.7%; 
}
*/



.empresa-foto .itens:nth-child(7n+2) {
    width: 40%;
}

.empresa-foto .itens:nth-child(8n+3) {
    width: 40%;
}

.empresa-foto .itens:nth-child(9n+4) {
    width: 40%;
    margin: 0.5%;
}

.empresa-foto .itens:nth-child(10n+5) {
    width: 40%;
    margin: 0.5%;
}

/*PAG FORMAS DE PAGAMENTO*/
.sectionformas .container{    
    display: flex;
    justify-content: center;
}

.sectionformas .titulo{    
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    width: 65%;
    margin-bottom: 30px;
}

.sectiontipopag .container{
    display: flex;
    justify-content: center;
}

.sectiontipopag .box{
    display: flex;
    width: 65%;
}

.sectioninfpag .btnpag{
    width: 121px!important;
}

.sectioninfpag .titpag{
    width: 480px!important;
}

.sectiontipopag .item{
    width: 210px;
    height: 188px;    
    border-radius: 16px;
    border: 2px;
    border: 2px solid #EDECEC;
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 700;
    line-height: 16px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    padding: 20px;
    margin-right: 35px;
}

.sectiontipopag .titulo{
    margin-top: 80px;
}

.sectionpagamento{
    margin-top: 60px;
}

.sectionpagamento .titulo{    
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;   
    color: #19211B;    
    border-bottom: 2px solid #DEDEDE;
    margin-bottom: 35px;
    padding-bottom: 15px;
}

.sectionpagamento .container{    
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sectionpagamento .box{    
    width: 86%;
}

.sectionpagamento .txt{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;    
    margin-bottom: 70px;
}


.sectionpagamento .imgitem{
    text-align: left;
    display: flex;
    /* margin-bottom: 50px; */
    flex-wrap: wrap;
}

.sectionpagamento .imgitem .item{
    margin-right: 2%;
    /* margin-bottom: 2%; */
    margin-top: 2%;
}

.sectionpagamento .imgpg{
    margin-top: 0!important;
    margin-bottom: 60px;
}

.sectionpagamento .txtpg1{
    margin-bottom: 60px!important;
}

.sectionpagamento .txtpg{
    margin-bottom: 35px!important;
}

/* .sectiontipopag .item img{
    width: 1.49px;
    height: 10.29px;
    top: 5.12px;
    left: 20.48px;
} */

/*PAG COOPERATIVA NUMEROS*/
.sectionnumeros .container{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.sectionnumeros .boxitem1{
    width: 622px;
    height: 197.69px;    
    border-radius: 16px;
    background: #D4F0E0;
    color: #51A8B1;
    display: flex;
    align-items: center;
    padding: 45px;
}

.sectionnumeros .boxitem2{
    width: 370px;
    height: 197.69px;    
    border-radius: 16px;
    background: #D4F0E0;
    color: #51A8B1;
    display: flex;
    align-items: center;
    padding: 40px;
}

.sectionnumeros .boxitem3{
    width: 360px;
    height: 197.69px;    
    border-radius: 16px;
    background: #D4F0E0;
    color: #51A8B1;
    display: flex;
    align-items: center;
    padding: 40px;
}

.sectionnumeros .txt{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    margin-left: 24px;
}

.sectiontabelas .titulo-table{
    color: #01509F;    
    background: transparent;    
    border-bottom: 0 solid transparent!important;
    border-top: 0 solid transparent!important;
    /* padding-bottom: 30px; */
    font-family: Red Hat Display;
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;

    padding-bottom: 21px;
    padding-left: 0;
    padding-top: 0;
}

.sectiontabelas .container{
    display: flex;
    justify-content: center;
}

.sectiontabelas .box{
    width: 85%;
}

/* .accordion .table thead th {
    color: #19211B;
    background: #FFE1C2;    
    border-bottom: 2px solid #01509F!important;
    border-top: 0 solid transparent!important;
    padding: 10px 0;
} */

.tarifas-pag .table thead th {
    color: #19211B;
    background: #FFE1C2;    
    border-bottom: 2px solid #01509F!important;
    border-top: 0 solid transparent!important;
    padding: 10px 0;
}

.tarifas-pag .table{
    border: 2px solid #DEDEDE;
}


.table td, .table th {
    padding: .75rem;
    vertical-align: top;
    border-top: 0;
}

.titulo-table {

}

.institucional table tr:nth-child(2n+1) {

}

.tab-resid tr,
th,
td {
    font-size: 18px;
    /* border: 1.5px solid #015D4E !important; */
    /* border-top: 2px solid #DEDEDE!important;
    border-bottom: 0 solid #fff!important; */
    line-height: 0.5;
}

/*PAG COOPERATIVISMO*/

.sectioninfpag .boxcooperativabtn {
    width: 160px;
    height: 42px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    border: 1px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    border: 1px solid #51A8B1;
    margin-bottom: 15px;
}

.cooperativismo {
    padding: 50px;
    color: #19211B;
    background-color: #F2F2F2;
}

.cooperativismo .container {
    display: flex;
    flex-direction: row;
}

.cooperativismo .box-mis-vis {
    display: flex;
    flex-direction: column;
    width: 50%;
}

.cooperativismo .box-val {
    display: flex;
    width: 50%;
}

.cooperativismo .box-text {
    font-size: 17px;
    text-align: left;
    padding: 0 15px;
}

.tarifas-pag .table thead th {    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: center;
    /* padding-left: 21px; */
    /* padding-right: 95px; */
    width: 64px;
}

.table thead th {    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    padding-left: 21px;
    padding-right: 95px;
    width: 64px;
}

.tarifas-pag .table td {
    padding: 15px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


.table td {
    padding: 15px 0;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


/* .tarifatensaoalta tr:nth-child(-n+2) td:nth-child(1) {
    border-top: 1.5px solid transparent !important;
}



.tarifatensaoalta tr:nth-child(n+1):nth-child(-n+1) td:nth-child(1){
    border-bottom: 1.5px solid transparent !important;
}

.tarifatensaoalta tr:nth-child(n+4):nth-child(-n+5) td:nth-child(1){
    border-bottom: 1.5px solid transparent !important;
} */
















/* .tarifatensaoalta tr:nth-child(1) td:nth-child(2){
    border-bottom: 1.5px solid transparent !important;
} */



/* .tarifatensaoalta tr:nth-child(n+1):nth-child(-n+2) td:nth-child(3){
    border-bottom: 1.5px solid transparent !important;
} */





/* .tarifatensaoalta tr:nth-child(2) td:nth-child(4){
    border-bottom: 1.5px solid transparent !important;
} */

/* .tarifatensaoalta tr:nth-child(2) td:nth-child(5){
    border-bottom: 1.5px solid transparent !important;
} */

/* .tarifatensaoalta tr:nth-child(2) td:nth-child(6){
    border-bottom: 1.5px solid transparent !important;
} */

/* .tarifatensaoalta tr:nth-child(2) td:nth-child(7){
    border-bottom: 1.5px solid transparent !important;
} */







/* .tarifatensaoalta tr:nth-child(-n+2) td:nth-child(3), 
.tarifatensaoalta tr:nth-last-child(-n+2) td:nth-child(3) {
  border-bottom: 1.5px solid transparent !important;
} */

/* .tarifatensaoalta tr:nth-child(3n+1) td:nth-child(3), 
.tarifatensaoalta tr:nth-child(3n+2) td:nth-child(3) {
    border-bottom: 1.5px solid transparent !important;
} */




    /* .tarifatensaoalta tbody tr:nth-child(2),
    .tarifatensaoalta tbody tr:nth-child(3),
    .tarifatensaoalta tbody tr:nth-child(4),
    .tarifatensaoalta tbody tr:nth-child(5) {
        border-bottom: 1.5px solid transparent !important;
    } */



    /* .tarifatensaoalta tbody tr:nth-child(2n+2) td:nth-child(1),
    .tarifatensaoalta tbody tr:nth-child(2n+3) td:nth-child(1),
    .tarifatensaoalta tbody tr:nth-child(2n+2) td:nth-child(3),
    .tarifatensaoalta tbody tr:nth-child(2n+3) td:nth-child(3) {
        border-bottom: 1.5px solid transparent !important;
    } */


/* Remove a borda inferior das linhas pares para as colunas 1 e 3
.tarifatensaoalta tbody tr:nth-child(4n+3) td:nth-child(1),
.tarifatensaoalta tbody tr:nth-child(4n+3) td:nth-child(3),
.tarifatensaoalta tbody tr:nth-child(4n+4) td:nth-child(1),
.tarifatensaoalta tbody tr:nth-child(4n+4) td:nth-child(3) {
    border-bottom: 1.5px solid transparent !important;
}

/* Mantém a borda superior e inferior na 4ª, 8ª, 12ª linha... *
.tarifatensaoalta tbody tr:nth-child(4n+4) td:nth-child(1),
.tarifatensaoalta tbody tr:nth-child(4n+4) td:nth-child(3) {
    border-top: 1.5px solid black !important;
    border-bottom: 1.5px solid black !important;
} */


/* Remove a borda inferior apenas nas colunas 1 e 3 para cada par de linhas que segue o padrão */
/* .tarifatensaoalta tbody tr:nth-child(4n+2) td:nth-child(1),
.tarifatensaoalta tbody tr:nth-child(4n+2) td:nth-child(3) {
    border-bottom: 1.5px solid transparent !important;
} */

.tarifatensaoalta tbody tr:nth-child(odd) td:nth-child(1),
.tarifatensaoalta tbody tr:nth-child(odd) td:nth-child(3) {
    border-bottom: 1.5px solid transparent !important;
}


.tarifatensaoalta tbody tr td:nth-child(n+4) {
    text-align: center;
}


.tarifatensaobaixa tbody tr td:nth-child(n+2) {
    text-align: center;
}



/* .tarifatensaoalta tr:nth-child(5) td:nth-child(2){
    border-bottom: 1.5px solid transparent !important;
}

.tarifatensaoalta tr:nth-child(5) td:nth-child(3){
    border-bottom: 1.5px solid transparent !important;
}

.tarifatensaoalta tr:nth-child(5) td:nth-child(4){
    border-bottom: 1.5px solid transparent !important;
}

.tarifatensaoalta tr:nth-child(5) td:nth-child(5){
    border-bottom: 1.5px solid transparent !important;
}

.tarifatensaoalta tr:nth-child(5) td:nth-child(6){
    border-bottom: 1.5px solid transparent !important;
}

.tarifatensaoalta tr:nth-child(5) td:nth-child(7){
    border-bottom: 1.5px solid transparent !important;
} */


/*PAG PERGUNTAS*/

/* .perguntas .container {
    display: flex;
    flex-direction: column;
    text-align: left;
    align-items: center;
} */


.menu {
    width: 250px;
    padding: 10px;
}

/* Estilo das Categorias */
.categoria {
    font-size: 25px;
    font-weight: bold;
    color: #01509F; /* Azul */
    margin-top: 10px;
}

/* Estilo das Subcategorias */
.subcategoria {
    background: white;
    border: 2px solid #28a745; /* Verde */
    color: #28a745;
    padding: 8px 12px;
    border-radius: 10px;
    margin: 5px 0;
    cursor: pointer;
    display: inline-block;
    /* width: 100%; */
    width: 75%;
    text-align: center;
    transition: all 0.3s ease;

    font-size: 18px;
    font-weight: 700;
}

/* Efeito ao Clicar */
.subcategoria:active,
.subcategoria.selecionado {
    background: #28a745;
    border: none;
    color: white;
    border: 2px solid #28a745;
}


.perguntas .container {
    display: flex;
    flex-direction: row; 
    align-items: flex-start;
}


.perguntas .content{
    margin-left: auto;
    margin-right: auto;
    width: 86%;
}

.perguntas .titulo {    
    font-family: "Red Hat Display";
    font-size: 22px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    border-bottom: 1px solid #19211B;
    padding-bottom: 15px;
    margin-bottom: 35px;
    display: flex;
    justify-content: space-between;
}

.perguntas .titulo {
    cursor: pointer;
}

.perguntas h6 {
    font-family: "TrendaLight";
    font-size: 17px;
}

.perguntas .text {
    font-size: 17px;
    font-family: "Red Hat Display";    
    font-weight: 400;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.btnperg{
    width: 205px!important;
}

.perguntas .box {
    margin-bottom: 39px;
}

.pergtitulo{
    width: 470px!important;
}

.sectionperguntas{
    margin-top: 100px;
    margin-bottom: 50px;
}




/*PAG LEGISLAÇÃO*/

.legislacao ul {
    /* display: flex; */
    padding-left: 0!important;
}

.legislacao .container{
    display: flex;
    justify-content: center;
}

.legislacao .box{
    width: 80%;
}

.legislacao ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 25px;
}

.legislacao .titulo_pdf {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #001126;
    /* color: #19211B; */
    width: 80%;
}

.legislacao a {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: right;
    color: #19211B;
}

.btn_legislacao .btn-leg {
    background-color: #007447;
    color: #FFDF00;
    padding: 10px 20px;
}

.legislacao .box {
    width: 86%;
}

.sectioninfpag .boxlegislacaobtn {
    width: 115px;
    height: 42px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    border: 1px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    border: 1px solid #51A8B1;
    margin-bottom: 15px;
  }

















/* Tudo relacionado à seção de categorias fica dentro deste escopo */
.section_categoria {
    padding: 40px 0;
}

.section_categoria .container {
    max-width: 1200px;
    margin: 0 auto;
    padding: 0 16px;
}

.section_categoria .content {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    gap: 24px;
}

.section_categoria .categoria_box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 86%;
}

.section_categoria .categoria_item {
    /* Estilo base */
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;
    font-weight: bold; /* Mantém consistente */
    padding: 12px 24px;
    border: 2px solid #666666;
    border-radius: 8px;
    background-color: #fff;
    color: #01509F;
    cursor: pointer;
    transition: all 0.2s ease;
    /* Garante que o botão não mude de tamanho */
    white-space: nowrap;
    /* Força o mesmo "espaço visual" mesmo com bold */
    line-height: 1.2;
}

/* Hover: mostra as cores do estado "selecionado" */
.section_categoria .categoria_item:hover {
    background-color: #f0f8ff; /* fundo claro de destaque */
    border-color: #01509F;
    color: #01509F;
}

/* Estado selecionado */
.section_categoria .categoria_item.selecionado {
    background-color: #00509F;
    color: #fff;
    border-color: #01509F;
    font-weight: bold; /* Agora é seguro, pois o hover já preparou o espaço */
}

/* Conteúdo da categoria */
.section_categoria .categoria_conteudo {
    width: 86%;
    text-align: left;
}

.section_categoria .subtitulo-categoria {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;
    color: #01509F;
    margin: 0 0 12px 0;
    font-weight: bold;
    line-height: 1.4;
}

.section_categoria .texto-categoria {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #001126;
    line-height: 1.6;
    margin: 0;
}

/* Estilo dos PDFs */
.legislacao-list-pdf .container{
    display: flex;
    justify-content: center;
} 

.legislacao-list-pdf .box{
    width: 86%;
}

.legislacao-list-pdf .box ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
.legislacao-list-pdf .box li {
    /* padding: 16px 0;
    border-bottom: 1px solid #eee;
    border-bottom: 1px solid #B9B9B9; */

    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid #DADADA;
    margin-bottom: 25px;    
}

.legislacao-list-pdf .box-pdf{    
    display: flex;
    flex-wrap: wrap;
    width: 80%;
}

.legislacao-list-pdf .titulo_pdf {
    font-family: "Red Hat Display";
    font-size: 16px;    
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;    
    font-weight: bold;
    color: #001126;
    margin-bottom: 8px;    
}

.legislacao-list-pdf .texto_pdf {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;    
    text-align: left;
    color: #001126;
    margin: 8px 0 12px;
    line-height: 1.5;
    width: 100%;
}

.legislacao-list-pdf a {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: right;
    color: #19211B;
}

.legislacao-list-pdf .texto-sem-documento{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: right;
    color: #19211B;
}


/* .legislacao-list-pdf a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #01509F;
    text-decoration: none;
    font-weight: bold;
    width: 190px;
    justify-content: flex-end;
} */
/* .legislacao-list-pdf a:hover {
    text-decoration: underline;
} */



/* 

* Container principal *
    .section_categoria {
        padding: 40px 0;
    }


  .section_categoria .content{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
  }
  
  * Linha de botões *
  .section_categoria .categoria_box {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    margin-bottom: 32px;
    width: 86%;
  }
  
  * Estilo de cada botão *
  .section_categoria .categoria_item {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;
    padding: 12px 24px;
    border: 2px solid #666666;
    border-radius: 8px;
    background-color: #fff;
    color: #01509F;
    text-decoration: none;
    display: inline-block;
    transition: all 0.2s ease;
    font-weight: normal;
    cursor: pointer;
  }
  
  .section_categoria .categoria_item:hover {
    border-color: #01509F;
    color: #01509F;
  }
  
  .section_categoria .categoria_item.selecionado {
    background-color: #00509F;
    color: #fff;
    border-color: #01509F;
    font-weight: bold;
  }
  
  * Conteúdo da categoria selecionada *
  .section_categoria .categoria_conteudo {
    margin-top: 24px;
    text-align: left;
    width: 86%;
  }
  
  .section_categoria .subtitulo-categoria {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;
    color: #01509F;
    margin: 0 0 12px 0;
    font-weight: normal;
    line-height: 1.4;
  }
  
  .section_categoria .texto-categoria {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #001126;
    line-height: 1.6;
    margin: 0;
  } */






  /*PAG ASSEMBLEIA*/
  .sectioninfpag .boxassembleiabtn {
    width: 129px;
    height: 42px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    border: 1px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    border: 1px solid #51A8B1;
    margin-bottom: 15px;
  }

  .sectionassembleia .container{
    display: flex;
    justify-content: center;
  }

  .sectionassembleia .box{
    width: 86%;
  }

  .sectionassembleia .txt{
      font-family: "Red Hat Display";
      font-size: 16px;
      font-weight: 500;
      line-height: 26px;
      letter-spacing: 0em;
      text-align: left;
      color: #19211B;
  }

  .sectionlocalcad{
    margin-bottom: 50px;
  }
  
  .sectionlocalcad .container{
    display: flex;
    justify-content: center;
  }


  .sectionlocalcad .boxlocalcad{
    width: 930px;
    height: 160.82px;
    border-radius: 16px;
    background: #EDECEC;
    padding: 40px;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
  }


  .sectionlocalcad .titulo{
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
  }


  .sectionlocalcad .titulo img{
    margin-right: 1%;
  }

  .sectionlocalcad .boxlocalcad .txt{  
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-left: 8%;
  }




/*PAG RELATORIO */
.txt-descicao{
    width: 100%;
}

.relatorio .txt{
    font-size: 16px;
}

.relatorio .txt p{
    font-size: 16px;
}

/*PAG TABELA TARIFARIA*/

.tabela-tarifaria-pdf .container {
    display: flex;
}

.tabela-tarifaria-pdf ul {
    /* display: flex; */
    padding-left: 0!important;
}

.tabela-tarifaria-pdf .box {
    width: 100%;
}

.tabela-tarifaria-pdf ul li {
    width: 100%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.tabela-tarifaria-pdf .titulo_pdf {
    color: #007346;
    font-size: 15px;
}

.tabela-tarifaria-pdf a {
    font-family: "TrendaBold";
    font-size: 15px;
}



/*PAG TRANSPARENCIA*/
.sectiontransp{
    margin-bottom: 60px;
}

.sectiontransp .box{
    display: flex; 
}

.sectiontransp .boxitem{
    display: flex;
    flex-direction: column;
}


.sectiontransp .menulateral{
    width: 289px;
    /* height: 344.97px;     */
    height: auto;
    border-radius: 20px;
    background: #EDECEC;
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    display: flex;
    justify-content: center;
    align-items: center;
    padding-top: 35px;
    padding-bottom: 35px;
}


.sectiontransp .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    text-transform: uppercase;
    margin-bottom: 20px;
}

.sectiontransp .subtitulo {
    display: flex;
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    padding-left: 0;
    justify-content: space-between;
}

.sectiontransp .titulopdf{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 400;
    line-height: 21px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    display: flex;
    justify-content: space-between;
    border-bottom: 2px solid #DEDEDE;
    margin-bottom: 20px;
    padding-bottom: 10px;
}

.sectiontransp .ano{
    border-bottom: 1.5px solid #C5C5C5;
    margin-bottom: 21px;
    padding-bottom: 15px;
}

.sectiontransp .ano:last-child {
    border-bottom: none; /* Remova a borda inferior do último elemento .ano */
    margin-bottom: 0;
    padding-bottom: 0;
}

.sectiontransp .boxmenu{
    width: 50%;
}




select {
    background-color: #EDECEC;
    color: #19211B;
    padding: 8px;
    border: 1px solid #19211B;
    border-radius: 5px;
    font-size: 16px;
    font-family: "Red Hat Display";
    font-weight: 700;
  }

  /* Estilo para as opções do select */
  select option {
    background-color: #EDECEC;
    color: #19211B;
    font-family: "Red Hat Display";
    font-weight: 700;
  }

  #menu_nav_select{
    color: #19211B;
    font-family: "Red Hat Display";
    font-weight: 700;
  }

  #menu_nav_select option{
    background-color: #EDECEC;
    color: #19211B;
    font-family: "Red Hat Display"!important;
    font-weight: 700;
    padding: 0;
    margin: 0;
  }

  /* Estilo para o título HISTÓRICO */
  .custom-title {
    color: #01509F;
    font-weight: bold;
  }

  select:placeholder-shown {
    background-color: #EDECEC; /* Novo background-color quando nenhum item está selecionado */
    color: #999; /* Cor de texto quando nenhum item está selecionado */
  }





.sectioninfpag .btntransp {
    width: 212px !important;
}


.transparencia .box-trans-text {
    font-size: 18px;
    text-align: left;
    font-family: "TrendaLight";
}

.transparencia .box-trans-titulo {
    font-size: 22px;
    font-family: "TrendaBold";
    text-align: left;
}

.formulario .btn-tran {
    display: flex;
    align-items: flex-end;
}

.formulario .btn-tran .btn {
    padding: 6px;
}

.formulario {
    font-family: "TrendaLight";
}

.transparencia ul {
    display: flex;
    padding-left: 0!important;
}

.transparencia ul li {
    width: 85%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.transparencia .titulo_pdf {
    color: #007346;
    font-size: 18px;
    font-family: "TrendaLight";
}

.transparencia a {
    font-size: 15px;
    font-family: "TrendaBold";
    font-size: 14px;
}

.modal-footer .btn {
    color: #999999;
    border: 1px solid #999999;
}

.modal-footer .btn:hover {
    background-color: #999999!important;
    color: #fff!important;
    border: 1px solid #999999!important;
}

.modal-body {
    font-family: "TrendaLight";
}

.trans-btn-pc {
    margin-left: 1%;
    width: 15%;
    display: block;
}

.trans-btn-mob {
    display: none;
}

.trans-btn-pc .btn-obse {
    font-size: 14px;
    background-color: #F3F3F3;
    padding: 5px 10px;
    margin-left: 1%;
    color: #999999;
    font-family: "TrendaBold";
}

.trans-btn-pc .btn-obse:hover {
    border: 1px solid f00;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.trans-btn-mob .btn-obse {
    font-size: 14px;
    background-color: #F3F3F3;
    padding: 5px 10px;
    margin-left: 1%;
    color: #999999;
    font-family: "TrendaBold";
}

.trans-btn-mob .btn-obse:hover {
    border: 1px solid f00;
    opacity: 1;
    -moz-opacity: 1;
    filter: alpha(opacity=100);
}

.transparenciapdf .titulo_pdf {
    color: #007346;
    font-size: 18px;
    font-family: "TrendaLight";
}

.transparenciapdf ul {
    display: flex;
    padding-left: 0!important;
}

.transparenciapdf ul li {
    width: 85%;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #DADADA;
}

.transparenciapdf a {
    font-size: 15px;
    font-family: "TrendaBold";
    font-size: 14px;
}


/*PAG MANUTENCAO*/

.manutencao {
    width: 100%;
    text-align: left;
    font-size: 18px;
    font-family: "TrendaLight";
}

.manutencao .tit-manun {
    color: #007447;
    font-weight: bold;
}

.manutencao .list-banco {
    display: flex;
}

.manutencao h2 {
    font-size: 30px;
    font-family: "TrendaBold";
    color: #007DCC;
}

.manutencao .txt {
    padding-bottom: 1%;
    border-bottom: 1px solid #88C54B;
}

.manutencao .box:last-child .txt {
    border-bottom: none;
}

.manutencao .txt span {
    font-size: 18px;
    font-family: "TrendaLight";
    color: #999999;
    display: block;
}
/*PAG RESARCIMENTO DE DANOS*/
.sectionresarcimento{
    margin-bottom: 60px;
} 


.fancybox-image {
    width: auto !important;
    height: auto !important;
    max-width: 90vw !important;
    max-height: 90vh !important;
    object-fit: contain !important;
    position: static !important; /* ← não use absolute */
    margin: 0 auto !important;   /* centraliza dentro do contêiner */
    display: block !important;
}

/* Remove qualquer estilo global que force img a 100% */
.fancybox-slide img {
    width: auto !important;
    height: auto !important;
    max-width: 95vw !important;
    max-height: 95vh !important;
    object-fit: contain !important;
    display: block !important;
    margin: 0 auto !important;
}


.sectionresarcimento .titulo{    
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;   
    color: #19211B;    
    border-bottom: 2px solid #DEDEDE;
    margin-bottom: 35px;
    padding-bottom: 15px;
}

.sectionresarcimento .container{    
    display: flex;
    flex-direction: column;
    align-items: center;
}

.sectionresarcimento .box{    
    width: 86%;
}

.sectionresarcimento .txt p{    
    font-size: 16px;
}

.sectionresarcimento .txt{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;    
    margin-bottom: 70px;
}


.sectionresarcimento .boxinfimg {
    display: flex;
    flex-wrap: wrap;
    gap: 16px; /* espaçamento entre as imagens */
    justify-content: center;
    margin: 0 -8px; /* compensa o gap nas bordas se necessário */
}

.sectionresarcimento .item {
    flex: 1 1 calc(25% - 16px); /* 4 imagens por linha (ajuste conforme desejar) */
    /* max-width: calc(25% - 16px); */
    max-width: calc(34% - 16px);
    min-width: 150px; /* evita que fiquem muito pequenas em telas grandes */
}

.sectionresarcimento .item img {
    width: 100%;
    height: auto;
    border-radius: 8px;
    display: block;
}


.sectionresarcimento .boxinfimg{
    width: 86%;
}

/* Responsivo: ajusta o número de colunas por tela */
@media (max-width: 1199px) {
    .sectionresarcimento .item {
        flex: 1 1 calc(33.333% - 16px);
        max-width: calc(33.333% - 16px);
    }
}

@media (max-width: 767px) {
    .sectionresarcimento .item {
        flex: 1 1 calc(50% - 16px);
        max-width: calc(50% - 16px);
    }
}

@media (max-width: 480px) {
    .sectionresarcimento .item {
        flex: 1 1 100%;
        max-width: 100%;
    }
}

/*PAG DENUCIE*/

.header_den {
    position: relative;
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;  
    height: 28em;
}

/* .sectiontopden{
    margin-top: 123px;
} */

.sectioninfpag{
    margin-top: 50px;
    margin-bottom: 75px;
}

.sectioninfpag .boxcontent{
    width: 86%;    
}

.sectioninfpag .boxdenuncie{
    width: 104px;
    height: 42px;        
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    border: 1px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;    
    color: #51A8B1;
    border: 1px solid #51A8B1;
    margin-bottom: 60px;    
    /* margin-bottom: 15px; */
}

.sectioninfpag .content{
    display: flex;
    justify-content: center;
    margin-top: 80px;
}

.sectioninfpag .box{
    width: 86%;
}

.sectioninfpag .boxtxt{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.sectioninfpag .titulo{
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;
    color: #01509F;
    /* width: 450px;     */
    width: auto;    
}

.sectioninfpag .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    /* width: 450px; */
    width: 50%;
}


.sectioninfpag .brands{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectioninfpag .brands i{
    margin-left: 1%;
    margin-right: 1%;
}



.sectionbanner{
    margin-top: 70px;
    margin-bottom: 100px;
}

.sectiontransf .container{
    display: flex;
    justify-content: center;
}

.sectiontransf .boxconteudo{
    width: 86%;
}



.sectiontransf .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    border-bottom: 2px solid #DEDEDE;
    color: #19211B;
    padding-bottom: 20px;
}

.sectiontransf .box{
    display: flex;
    margin-top: 20px;
}

.sectiontransf .pfisicatitulo{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectiontransf .pjuridicatitulo{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectiontransf .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectiontransf .pfisica{
    width: 50%;
}

.sectiontransf .pjuridica{
    width: 50%;
}

/*PAG MUDANCAO DE LIGACAO*/
.sectionmudancalig .container{
    display: flex;
    justify-content: center;
}

.sectionmudancalig .box{
    width: 86%;
}

.sectionmudancalig .titulo {
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    border-bottom: 2px solid #DEDEDE;
    color: #19211B;
    padding-bottom: 20px;
  }
  
  .sectionmudancalig .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-top: 20px;
  }

  .sectionmudancalig{
    margin-bottom: 60px;
  }

  .sectionmudancalig .tituloatencao{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700!important;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
  }

  .sectioninfpag .btnsolicitar {
    width: 138px;
    height: 42px;    
    padding: 12px 18px 12px 18px;
    border-radius: 8px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #fff;
    border: 1px solid #01509F;
    margin-bottom: 15px;
    background: #01509F;
    margin-top: 30px;
  }

/*PAG CONHEÇA FATURA*/
.sectionconhecafatura{
    margin-top: 100px;
}

.sectionconhecafatura .titulo{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionconhecafatura .txtfatura{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    margin-bottom: 30px;
}

/*PAG DENUCIE*/

.denucie .container {
    display: flex;
    justify-content: center;
}

.denucie .menu {
    font-family: "TrendaBold";
    font-size: 16px;
    text-align: left;
    /* width: 50%; */
    /* width: 350px; */
    width: 420px;
}

.denucie .menu ul li {
    background-color: #F5F5F5;
    list-style-type: none;
    border-bottom: 2px solid #fff;
    padding: 5% 1%;
}

.denucie .cadastro {
    width: 86%;
}

.denucie .cadastro .txt {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.denucie .list-banco {
    display: flex;
    flex-wrap: wrap;
}

.denucie .list-banco .itens {
    width: 23%;
    margin: 0.5%;
}

.formulario_cadastro {
    text-align: left;
}

.formulario_cadastro span {
    font-size: 21px;
}

.formulario_cadastro .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_cadastro .textarea{
    border-radius: 16px!important;
}

.formulario_cadastro
input,
textarea {
    border-radius: 16px;
}

.formulario_cadastro .idenf {
    font-family: "TrendaBold"!important;
    font-size: 17px;
    color: #999999;
}

.formulario_cadastro .btn-success {   
    background: #51A8B1;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
    width: 159px;
    height: 50px;    
    padding: 12px 18px 12px 18px;
    border-radius: 8px;
    border: 0;
    position: absolute;
    z-index: 5;
}

.formulario_cadastro iframe{
    height: auto;
    border-radius: 0;
}

.formulario_cadastro .form-control {
    border-radius: 16px;
    background-color: #F8F8FA;
}

.btndencie{
    display: flex;
    justify-content: center;
    align-items: center;
}

.formulario_cadastro .btn-success:hover {
    background-color: #1D6F3F!important;
    border: 1px solid #1D6F3F!important;
    color: #fff!important
}

.formulario_cadastro .titulo-den {
    font-family: "TrendaBold";
    font-size: 18px;
    color: #999 !important;
    margin: 2% 0;
}

.formulario_cadastro label{
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

select {
    background: #fff !important;
    color: #999 !important;
}

.menu-mob {
    display: none;
}

.menu-mob .custom-select {
    background-color: #fff!important;
    color: #999!important;
}


/**/


/* #mainNav .navbar-collapse .navbar-nav > .nav-item > .dropdown-menu > .dropdown-item */

/* .navbar-default .navbar-nav .open .dropdown-menu>li>a:hover {
    * background-color: #f5f5f5; *
    background-color: #368;
} */

.dropdown-submenu {
    position: relative;
}

.dropdown-toggle::after {
    display: none;
}

.dropdown-submenu a::after {
    transform: rotate(-90deg);
    position: absolute;
    right: 6px;
    top: .8em;
}

.dropdown-submenu .dropdown-menu {
    top: 0;
    left: 100%;
    margin-left: .1rem;
    margin-right: .1rem;
}

.dropdown:hover>.dropdown-menu {
    display: block;
}

.dropdown-menu {
    border-radius: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.box-overlay {
    position: relative;
    max-width: 800px;
    /* Maximum width */
    margin: 0 auto;
    /* Center it */
    font-family: "TrendaLight";
    font-size: 15px;
}

.box-overlay .content {
    position: absolute;
    /* Position the background text */
    bottom: 0;
    /* At the bottom. Use top:0 to append it to the top */
    background: rgba(15, 164, 253, 0.5);
    /* Black background with 0.5 opacity */
    color: #fff;
    /* Grey text */
    width: 80%;
    /* Full width */
    padding: 10px;
    /* Some padding */
    text-align: left;
}

.navbar-nav .dropdown .dropdown-menu .dropdown-item {
    /* background-color: #367!important; */
}


/*top header*/

.top-header.transparent {
    background-color: transparent;
}

.top-header.transparent {
    background-color: transparent;
    border-bottom: 0px;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
}

.top-memu {
    margin-top: 15px;
    position: fixed;
    left: 47%;
}

.top-memu ul li a {
    color: #fff;
    font-weight: 300;
    font-size: 12px;
}

.top-menu-link {
    color: #999!important;
}

.top-menu-margin {
    margin-top: 5px
}

.navbar-nav .link a {
    background-color: transparent!important;
}

.navbar-nav .dropdown-item a:hover {
    background-color: #FFF;
}

.dropdown-menu {
    background-color: #FFF;
    border-radius: 16px;
}

.dropdown-item {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
    background-color: #FFF;
    border-radius: 16px;
}

.navbar-nav .nav-item .dropdown ul li:hover {
    background-color: transparent!important;
}



.dropdown-item:hover {    
    /* color: #01509F; */
    /* border-bottom: 1px solid #01509F;    */
    background-color: transparent;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
}

.navbar-nav .link a:hover {
    border-bottom: 1px solid #7EC448;
}

.dropdown-divider {
    border-bottom: 1px solid #7EC448;
}


/* .bg-txt{
  margin-top: 5px;
} */

.tit {
    font-family: 'TrendaBold';
    font-size: 35px;
    /* border-bottom: 1px solid #7EC448; */
    /* font-style: italic; */
    /* text-transform: capitalize; */
    margin-bottom: 2%;
}

.box-titulo {
    /* width: 200px; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 181px;
    /* margin-top: 150px; */
    padding-bottom: 80px;
}

.box-inst {    
    text-align: justify;
    background-color: #F8F8FA;
    padding: 0px;    
}

.box-pres {
    display: flex;
    font-size: 17px;
    flex-wrap: wrap;
}

.cadastro .titulo_pag {
    /* font-size: 30px;
    color: #009136; */
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.box-pres .box-inf-pres {
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-right: 0.5%;
    margin-left: 0.5%;
    width: 24%;
}

.box-pres .box-inf-pres:nth-child(6n) {
     margin-right: 0.5%;
    margin-left: 0.5%;
}

.box-pres .desc {
    font-family: "Red Hat Display";
    font-size: 17px;
   color: #19211B;
    width: 100%;
    text-align: center !important;
}

.inst-titulo1 {
    font-family: "Red Hat Display";
    font-size: 35px;
    color: #19211B;
}

.inst-titulo2 {
    font-family: "Red Hat Display";
    font-size: 30px;
    color: #19211B;
}

.institucional .box_neg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.institucional .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 1%;
    /* width: 32%; */
}

.institucional .item img {
    width: 100%;
}

.institucional .item {
    /* position: relative; */
    /* margin-right: 15px;
     margin-left: 15px; */
}

.institucional .item .overlay {
    position: absolute;
    z-index: 1;
    /* top: 305px;
     left: 0; */
    width: 100%;
    height: 17%;
    opacity: 1;
    background-color: #007DCD;
}

.institucional .item .team-caption {
    position: absolute;
    z-index: 2;
    top: 92%;
    left: 50%;
    width: 100%;
    margin: auto;
    padding: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

.titulo-table {
    background-color: #83C58C;
    color: #fff;
}

.institucional table {
    margin-bottom: 0!important;
    font-size: 17px;
}

.institucional table td:first-child {
    text-align: left;
}

.institucional table th:first-child {
    text-align: left;
}

.institucional table tr:nth-child(even) {
    background-color: #F2F2F2
}

.institucional table tr:nth-child(odd) {
    /* background-color: #BADCC5; */
    background-color: rgba(186, 220, 197, 0.5);
}

.empresa-foto .box-1 {
    width: 50%;
    margin-right: 0.6%;
}

.empresa-foto .box-1 img {
    width: 100%;
}

.empresa-foto .box-2 {
    width: 50.1%;
}

.empresa-foto .box-3 {
    width: 99.3%;
}

.empresa-foto .box-2 img {
    width: 100%;
}

.empresa-foto .box-3 img {
    width: 100%;
}

.btn-vermais-fotos {
    font-family: "TrendaBold";
    font-size: 22px;
    color: #999;
}


/* .empresa-foto .box-3 img:nth-child(2){
  margin-right: 0;
} */

.numeros {
    background-size: cover;
    background-attachment: fixed;
    padding: 50px;
}

.numeros .titulo {
    font-family: "TrendaBold";
    font-size: 35px;
    color: #fff;
}

.box-numeros {
    padding: 2px;
    margin-top: 5px;
}

.numeros {
    display: block;
}

.numeros_mobile {
    display: none;
}

.empresas .container {
    display: flex;
    flex-direction: column;
}

.empresas .emp-titulo {
    font-family: 'TrendaBold';
    font-size: 30px;
    color: #88C54B;
}

.atuacao {
    background-position: center;
    background-size: 100%;
    width: 100%;
    padding-top: 23.833333333%;
    height: 0;
    padding-bottom: 15%;
}


/*map*/

.map .painel-map-nav {
    margin-top: 0;
    /* margin-top: 30px; */
}

.map .painel-map-nav ul.abas {
    height: 50px;
}

.map .painel ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.map .painel ul li a {
    font-size: 15px;
    display: block;
    color: #eee;
    padding: 2px 0;
    text-decoration: none!important;
    text-align: left;
}

.map .painel p {
    text-align: left;
    font-size: 16px;
}

.map .painel ul li {
    text-align: left;
}

.map .painel ul li ul li b {
    font-size: 15px;
    padding-bottom: 2px;
}

.map .div_escritorio {
    /* background-color: #0081C5 !important; */
}

.map .painel-map-nav ul.abas li a:after {
    content: "";
    border-color: transparent;
    border-style: solid;
    border-width: 30px 15px;
    bottom: 0;
    display: block;
    left: 100%;
    margin-left: -15px;
    position: absolute;
}

.map .painel-map-nav ul.abas li a.active {
    /* z-index: 0!important; */
    z-index: 3;
}

.map .painel-map-nav ul.abas li a {
    display: block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px 0 15px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
    /*cria o triangulo*/
    position: relative;
    text-decoration: none!important;
    border-top-left-radius: 0;
    /* border-top-left-radius:25px; */
}

.map .map-frase {
    font-family: "NeoSansStdMedium";
    font-size: 18px;
    color: #666666;
}

.navbar-nav>li>a {
    max-width: 200px!important;
    /* height: 70px; */
    /*padding: 0 18px!important; */
}

.map {
    margin-top: -70px;
}

.map .painel-map-nav ul.abas li a.div_escritorio::after {
    border-color: #007ADA;
}

.map .painel-map-nav ul.abas li a.div_ceramicos::after {
    border-color: #004A88;
}

.map .painel-map-nav ul.abas li a.div_deca::after {
    border-color: #0066B9;
}

.map .painel-map-nav ul.abas li a::after {
    border-width: 25px 20px!important;
    margin-right: 2px!important;
    margin-left: -18px!important;
}

.map .painel-map-nav ul.abas li a.div_madeira::after {
    border-color: #89C54B;
}

.map .painel-map-nav ul.abas li a {
    /* padding: 0 30px 0 38px!important; */
    padding: 0 23px 0 30px!important;
    height: 50px;
    line-height: 50px;
    /* margin-right: -2px!important; */
}

.numeros .municipios {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .municipios-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.ligacoes {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .ligacoes-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.numeros .pessoas {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .pessoas-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.numeros .veranistas {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #fff;
}

.numeros .veranistas-txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

footer .box-container {
    display: flex;
    justify-content: space-between;
}

footer .list-unstyled {
    display: flex;
    flex-direction: column;
}

footer .box {
    display: flex;
    margin-right: 2%;
    flex-direction: column;
    width: 23%;
}

footer .box_link {
    display: flex;
    margin-right: 1%;
    flex-direction: column;
    width: 2%;
}

.footer-bottom {    
    background: #01509F;
    color: #fff;
    width: 100%;
    font-family: "TrendaLight";
    font-size: 16px;
}

.footer-micronec a {
    color: #fff;
}

.footer-texto {
    width: 47%;
}

.footerinf{
    background: #01509F;    
}

.footerinf .container{
    border-top: 2px solid #01509F
}

.footerinf .titulo{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
}

.footercorsel{
    width: 210px!important;
}

.footercorsel2 {
    width: 270px !important;
}

.footercorsel3 {
    width: 270px !important;
  }

.footercorsel4{
    width: 203px!important;
}

.boxfooterinf{
    display: flex;
    justify-content: space-between;
    padding-top: 25px;
    padding-bottom: 25px;
    width: 245px;
}



/* 1. Estilo base consistente para todos os estados */
/* .navbar-nav .nav-link,
.navbar-nav .dropdown-toggle,
.navbar-nav .nav-link:hover,
.navbar-nav .dropdown-toggle:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .dropdown-toggle:focus,
.navbar-nav .nav-item.dropdown.show > .nav-link,
.navbar-nav .nav-item.dropdown:hover > .nav-link {
  /* Forma fixa desde o início *
  border-radius: 16px !important;
  
  /* Sem fundo indesejado *
  background: transparent !important;
  
  /* Sem borda, sombra ou outline *
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  
  /* Padding e altura fixos — evita "pulo" *
  padding: 8px 16px !important;
  margin: 0 4px !important;
  line-height: 1.5 !important;
  min-height: auto !important;
  
  /* Transição suave SOMENTE de cor *
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* 2. Remove seta do dropdown (opcional, mas ajuda na estabilidade visual) *
.navbar-nav .dropdown-toggle::after {
  display: none !important;
}

/* 3. Impede que o submenu empurre o layout *
.navbar-nav .nav-item.dropdown {
  position: static;
}



 /* 1. Aplica border-radius diretamente no link, SEMPRE *
 .navbar-nav .nav-link,
 .navbar-nav .dropdown-toggle,
 .navbar-nav .nav-link:hover,
 .navbar-nav .dropdown-toggle:hover,
 .navbar-nav .nav-link:focus,
 .navbar-nav .dropdown-toggle:focus,
 .navbar-nav .nav-item.dropdown.show > .nav-link,
 .navbar-nav .nav-item.dropdown:hover > .nav-link {
   border-radius: 16px !important;
   background: transparent !important; /* ou a cor de fundo desejada, mas SEM mudança de forma *
   transition: color 0.2s ease, background-color 0.2s ease; /* só cor — NUNCA forma *
 }

 /* 2. Remove qualquer estilo que o Bootstrap possa injetar via JavaScript *
 .nav-item.dropdown.show > .nav-link,
 .nav-item.dropdown:hover > .nav-link {
   outline: none !important;
   box-shadow: none !important;
 } */



  /* Torna o menu fixo no topo */
  /* #main-navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  }



/* Força o menu a sempre estar visível *
#pageTop,
.header,
.main-nav {
  position: relative !important;
  top: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
  transform: translateY(0) !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
  display: block !important;
  z-index: 1000 !important;
} */


/* #main-navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
    transform: none !important;
    opacity: 1 !important;
    visibility: visible !important;
  } */



  #main-navbar {
    position: fixed !important;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 2000 !important;
}

#main-navbar {
    box-shadow: 0px 2px 10px rgba(0,0,0,0.15);
}










  /* #main-navbar {
    position: sticky !important;
    top: 0 !important;
    z-index: 1030 !important;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1) !important;
  }

  /* Impede que scripts escondam o menu *
  #main-navbar {
    opacity: 1 !important;
    visibility: visible !important;
    transform: none !important;
    transition: none !important;
  } */




/* Estilo base consistente para todos os estados do menu */
.navbar-nav .nav-link,
.navbar-nav .dropdown-toggle,
.navbar-nav .nav-link:hover,
.navbar-nav .dropdown-toggle:hover,
.navbar-nav .nav-link:focus,
.navbar-nav .dropdown-toggle:focus,
.navbar-nav .nav-item.dropdown.show > .nav-link,
.navbar-nav .nav-item.dropdown:hover > .nav-link {
  border-radius: 16px !important;
  background: transparent;
  border: none !important;
  box-shadow: none !important;
  outline: none !important;
  padding: 8px 16px !important;
  margin: 0 4px !important;
  line-height: 1.5 !important;
  transition: color 0.2s ease, background-color 0.2s ease;
}

/* Remove a seta do dropdown para evitar ajustes de layout */
.navbar-nav .dropdown-toggle::after {
  display: none !important;
}

/* Evita que o dropdown altere o posicionamento do item pai */
.navbar-nav .nav-item.dropdown {
  position: static !important;
}



















.boxfooterend{
    color: #F8F8FA;
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
}

.boxfooterend a{
    color: #F8F8FA;    
}

.footerinf .container{
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*teste carousel video*/

.sectionBGcontent button,
button,
input[type="reset"],
input[type="submit"],
.btn-default {
    background: #fff;
    color: #999999;
    border: 1px solid #ccc;
    padding: 10px 50px;
    text-transform: capitalize;
}


/* .sectionBGcontent button:hover,
button:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
.btn-default:hover {
  background: #333;
  color: #fff;
  border: 1px solid #333;
}
.sectionBGcontent button {
  margin-top: 30px;
} */

#background {
    position: absolute;
    top: 0;
    left: 0;
    z-index: -999;
    width: 100%;
    height: 100%;
    background: #1c1c1c;
}

#container-fluid-vid {
    margin: 0;
    padding: 0;
    position: relative;
    max-height: 700px;
    overflow: hidden;
}

@media (max-width: 992px) {
    #background {
        background: url('http://austinnorris.website/images/codePen/homepageBannerImage.jpg') center;
    }
    #loading {
        display: none;
    }
}

#loading {
    position: absolute;
    top: 48%;
    left: 48%;
    background: #fff;
    padding: 10px;
    border-radius: 30px;
}


/*teste caroucel video*/

.box-menu-apoio {
    min-height: 39px;
    /* position: absolute;
    top: 15px;
    right: 15px;
    -webkit-transition: .3s;
    -moz-transition: .3s;
    -ms-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    display: block; */
}

.header_quem {
    position: relative;
    /* padding-top: 150px;
  padding-bottom: 75px; */
    /* background-color: #222; */
    background-size: cover;
    background-attachment: scroll;
    /* height: 25em; */
}


/*PAG HOME*/


.pagnoticias .card .card-body .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: "Red Hat Display";
    font-weight: 500;
    text-transform: uppercase;
    background-color: #51A8B1;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    /* bottom: 75px; */
    top: 225px;
    left: 0;
}


.outrasnoticiasdet .card .card-body .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: "Red Hat Display";
    font-weight: 500;
    text-transform: uppercase;
    background-color: #51A8B1;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    /* bottom: 75px; */
    top: 225px;
    left: 0;
}

.noticias_home .card .card-body .noticiastarja {
    font-size: 14px;
    text-align: left;
    font-family: "Red Hat Display";
    font-weight: 500;
    text-transform: uppercase;
    background-color: #31CCF8;
    color: #fff;
    padding: 6px 15px;
    min-width: 50px;
    position: absolute;
    z-index: 5;
    /* bottom: 75px; */
    top: 225px;
    left: 0;
}

.outrasnoticiasdet .data-noticias-det{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    color: #19211B;
    margin-bottom: 25px;
}

.noticias_home .data-noticias-home{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    color: #19211B;
    margin-bottom: 25px;
}

.noticias .data-noticia{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    color: #19211B;
    margin-bottom: 25px;
}


.sectionhomecarousel .titulo{
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;    
    margin-bottom: 35px;
}

.sectionhomecarousel .txt{
    font-family: "Red Hat Display";
    font-size: 18px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
    margin-bottom: 45px;
    width: 63%;
}

.sectionhomecarousel .item-detail{
    margin-top: 7%;
}

.sectionhomecarousel .owl-stage-outer {
    height: 100%;
}


.section_falta_energia{
    margin: 60px 0;
}


.section_falta_energia .box{
    display: flex;
    justify-content: space-between;
}

.section_falta_energia .box .item1{
    text-align: left;
}

.section_falta_energia .box .item2{
    text-align: right;
}


.section_falta_energia .box .item1 img{
    width: 98%;
}

.section_falta_energia .box .item2 img{
    width: 98%;
}


.hero-slide {
    left: 40px;
}

#detail-hero{
    height: 100%;
}
/*
header.carousel_home{
  display: none;
}
 */

.inf-section .container {
    display: flex;
}

.inf-section-mobile {
    display: none;
}

.negocios_home h2 {
    font-family: "TrendaBold";
    text-transform: capitalize !important;
    font-size: 35px;
    color: #85C54A;
}

.negocios_home .box_neg {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
}

.negocios_home .item {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: end;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
    margin: 1%;
    /* width: 32%; */
}

.negocios_home .item {
    /* position: relative; */
    /* margin-right: 15px;
    margin-left: 15px; */
}

.negocios_home .item .overlay {
    position: absolute;
    z-index: 1;
    /* top: 305px;
    left: 0; */
    width: 100%;
    height: 17%;
    opacity: .5;
    background-color: #0FA4FD;
}

.negocios_home .item .team-caption {
    position: absolute;
    z-index: 2;
    top: 92%;
    left: 50%;
    width: 100%;
    margin: auto;
    padding: 15px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    color: rgba(255, 255, 255, 0.7);
    color: #fff;
}

.box-inf {
    font-size: 18px;
}

.box-inf .titulo-inf {
    font-family: "TrendaBold";
    font-size: 18px;
}

.box-inf .txt-inf {
    font-family: "TrendaLight";
    font-size: 18px;
}

.band-text {
    font-family: "TrendaBold";
    font-size: 20px;
}

.band-text .cor-band-vermelho {
    color: #CC3300;
}
.band-text .cor-band-verde {
    color: #00752C;
}

.band-text .cor-band-amarelo {
    color: #E6B800;
}

.band-text .cor-band-preta {
    color: #000;
}


.box-manunt {
    width: 50%;
    border-right: 1px solid #ccc;
}

.box-band {
    width: 50%;
}

.btn-dis {
    color: #fff;
    border: 1px solid #fff;
    padding: 10px 20px;
    font-family: "TrendaLight";
}

.btn-dis:hover {
    color: #ccc;
}

/* .noticias_home {
    background-color: #fff;
} */

.noticias_home {
    /* margin-top: 100px;
    margin-bottom: 65px; */
    margin-top: 50px;
    margin-bottom: 20px;
} 

.noticias_home_margintop{
    margin-top: 55px;
    margin-bottom: 60px;
}



.noticias_home .card{
    background-color: #F8F8FA!important;
}

.noticias_home .container{
    padding-left: 0;
}

.noticias_home .titulo {
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #31CCF8;
}

.noticias_home .txt {    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;    
}

.noticias_home .vermaisnoticiashome {
    font-family: Red Hat Display;
    font-size: 20px;
    font-weight: 700;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #31CCF8;    
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.noticias_home .card {
    display: flex;
    /* padding: 15px; */
    width: 32%;    
    /* margin: 1%;
    margin-left: 1%; */
    border-radius: 6px 6px 0 0;   
    border: 0; 
}

.noticias_home .card:nth-child(3n) {
    /* margin-right: 0;     */
}

.noticias_home .card:nth-child(3n+1) {
    /* margin-left: 0;
    padding-left: 0; */
}

.noticias_home .box_not {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.noticias_home .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 0 0 0;
    justify-content: space-between;
}

.noticias_home .card-title {
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.noticias_home .btn_not {
    /* font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #00752C!important;
    background-color: #fff;
    border: 1px solid #00752C;
    border-radius: 15px; */

    width: 159px;
    height: 42px;
    padding: 12px 18px 12px 18px;
    border-radius: 8px;
    gap: 10px;   
    background: #51A8B1; 
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #F8F8FA;
}

.noticias_home .btn_not:hover {
    color: #009136!important;
    background-color: #fff!important;
    border: 1px solid #009136!important;
}

.noticias_home .box-overlay {
    width: 450px;
    height: 278px;
    overflow: hidden;
    border-radius: 16px;
    display: flex;    
    justify-content: center;
    align-items: center;
}

.noticias_home .card-img-top {
    width: 100%;
    height: auto;
    border-radius: 16px;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #51A8B1!important;
    border-color: #51A8B1!important;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #51A8B1!important;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}


/* .pagination > .active > a, .pagination > .active > a:focus, .pagination > .active > a:hover, .pagination > .active > span, .pagination > .active > span:focus, .pagination > .active > span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #018150 !important;
    border-color: #018150!important;
} */


/* .noticias_home .card-title a{
  font-family: "NeoSansStdBold";
  font-size: 16px;
  text-align: left;
  color: #999999;
} */

.noticias_home .card-text {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


/* .noticias_home .card-text .link_not {
  font-family: "NeoSansStdRegular";
  text-align: justify;
  font-size: 16px;
  color: #999999 !important; */


/*
.noticias_home .card-text a{
  font-family: "NeoSansStdRegular";
  text-align: justify;
  font-size: 16px;
  color: #999999;
} */

.sectionultimanoticia .container{
    width: 1413px;
    height: 460px;
    top: 180.73px;
    border-radius: 16px;
    background: #EDECEC;
    display: flex;
    justify-content: space-between;    
    align-items: center;
    padding-left: 0;
}

.sectionultimanoticia .box{
    width: 50%;
    /* width: 35%; */
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70%;
    align-items: flex-start;
    margin-right: 50px;
    /* margin-right: 70px; */
}


.sectionultimanoticia .titulo{
    font-family: "Red Hat Display";
    font-size: 28px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionultimanoticia .txt{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectionultimanoticia .btnultimasnoticias{
    width:  159px;
    height: 42px;
    padding: 12px 18px 12px 18px;
    border-radius: 8px;
    background: #51A8B1;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    color: #F8F8FA;
}

.sectionultimanoticia .btnultimasnoticias a{    
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
}



.mensagem {
    display: block;
}

.mensagem {
    display: flex;
    align-items: center;
    justify-content: center;
}

.box-mensagem {
    display: flex;
    flex-direction: column;
    align-items: center;
    width: 100%;
    height: 100%;
    line-height: 50px;
}

.box-mensagem .txt_1 {
    font-family: "TrendaLight";
    font-size: 29px;
    color: #88C54B;
}

.box-mensagem .txt_2 {
    font-family: "TrendaBold";
    font-style: italic;
    font-size: 52px;
    color: #007FCB;
}


/*PAG SUSTENTABILIDADE*/

.sectioninfpag .boxsustentabilidadebtn {
    width: 159px;
    height: 42px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    border: 1px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    border: 1px solid #51A8B1;
    margin-bottom: 15px;
}

/*BANNER SUSTENTABILIDADE*/
.sectionsustentabilidade{
    margin-top: 40px;
    color: #F8F8FA;
}

.sectionsustentabilidade .container{
    /* width: 1413px;
    height: 460px;
    top: 180.73px; */
    border-radius: 16px;
    background: #51A8B1;
    display: flex;
    justify-content: space-between;    
    align-items: flex-start;
    padding-right: 0;
}

.sectionsustentabilidade .box{
    /* width: 50%; */
    width: 35%;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    height: 70%;
    align-items: flex-start;
    margin-right: 70px;
    margin-left: 70px;
}


.sectionsustentabilidade .titulo{    
    font-family: "Red Hat Display";
    font-size: 48px;
    font-weight: 700;
    line-height: 53px;
    letter-spacing: 0em;
    text-align: left;    
    color: #F8F8FA;
    width: 391px;
    margin-bottom: 30px;
}

.sectionsustentabilidade .tituadm{    
    width: 100%!important;
}


.sectionsustentabilidade .subtitulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 500;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
    margin-bottom: 30px;
}

.sectionsustentabilidade .subtitulo img{
    margin-right: 30px;
}



.sectionsustentabilidade .txt{
    font-family: "Red Hat Display";    
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;    
    color: #F8F8FA;
    width: 359px;
}

.sectionsustentabilidade .brands{
    width: 100%;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
    margin-top: 60px;
    /* margin-bottom: 112px; */
    margin-bottom: 25px;
}

.sectionsustentabilidade .brands i {
    margin-left: 1%;
    margin-right: 1%;
  }
/*FIM BANNER SUSTENTABILIDADE*/

/*TITULO SUSTENTABILIDADE*/

.sectiontitulo .titulo {
    font-family: "Red Hat Display";
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    border-bottom: 2px solid #DEDEDE;
    padding-bottom: 30px;
    margin-bottom: 20px;
  }

.sectiontitulo .container{
    display: flex;
    justify-content: center;
}

.sectiontitulo .content{
    width: 86%;
}






.header_amb {
    position: relative;
    /* padding-top: 150px;
  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
    height: 25em;
}

.sutent-pc {
    display: block;
}

.sutent-mob {
    display: none;
}

.txt_amb .titulo {
    color: #007F4D;
    font-size: 35px;
    font-family: "TrendaBold";
}

.card {
    border-radius: 0;
}

/* .card-img-top {    
    width: 450px;
    height: 278px;
    border-radius: 16px;
} */

.header_amb .box_txt {
    width: 318px;
    margin-left: auto;
    margin-right: auto;
    line-height: 23px;
    font-family: "TrendaLight";
    font-size: 24px;
}

.header_amb .texto {
    font-family: "TrendaLight";
    font-size: 18px;
    color: #7EB800;
    text-align: center;
}

.box-titulo_amb {
    width: 555px;
    margin-left: auto;
    margin-right: 50px;
    margin-top: 120px;
    padding-bottom: 47px;
    line-height: 44px;
}

.box-amb {
    font-family: "TrendaLight";
    color: #999999;
    text-align: justify;
    font-size: 17px;
    padding: 15px;
    height: 90%;
}

.amb-titulo1 {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007FCB;
}

.amb-titulo2 {
    font-family: "TrendaBold";
    font-size: 25px;
    color: #88C54B;
}

.respon_social {
    background-size: cover;
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    height: 65vh;
}

.respon_social .container {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.respon_social .box_respon_social {
    height: 65vh;
    display: flex;
    flex-direction: column;
    align-content: center;
    align-items: center;
    justify-content: center;
}

.respon_social p {
    font-family: "TrendaBold";
    font-size: 50px;
    color: #047CC8;
    font-style: italic;
    text-transform: uppercase;
    line-height: 50px;
    /* margin-top: 30px; */
}

.respon_social .txt {
    font-family: "TrendaLight";
    color: #fff;
    font-size: 22px;
    width: 62%;
    /* margin-top: 30px; */
}

.box_respon_social {
    font-family: "TrendaLight";
    color: #fff!important;
    /* padding: 2px;
  margin-top: 10%; */
}

.respon_social_txt {
    text-align: justify;
}

.respon_social_txt strong {
    font-weight: bold;
}


/* .respon_social_txt p{
  font-family: "NeoSansStdBold";
  font-size: 30px;
  color: #88C54B;
  text-align: center;
} */

.respon_social_txt .txt {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify !important;
}

.campanhas p {
    font-family: "TrendaBold";
    font-size: 35px;
    color: #007F4D;
}

.campanhas .box_camp {
    display: flex;
    flex-wrap: wrap;
}

.campanhas .card-body {
    padding: 1.25rem 0 1rem 0;
}

.campanhas .card {
    display: flex;
    padding: 15px;
    width: 30%;
    margin: 1%;
}

.campanhas .card:nth-child(4n) {
    margin-right: 0;
}

.campanhas .card:nth-child(4n+1) {
    margin-left: 0;
}

.campanhas .card-title {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #999999;
}

.campanhas .card-text {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify;
}

.campanhas .box_btn {
    display: flex;
    align-items: center;
}

.campanhas .btn_proj {
    font-family: "TrendaBold";
    text-transform: none !important;
    font-size: 13px;
    color: #015D4E;
    background-color: #fff;
    border: 1px solid #015D4E;
    border-radius: 15px;
}

.campanhas .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 0 0 0;
    justify-content: space-between;
}

.patrocionio {
    background-color: #F0F0F0;
}

.patrocionio .container {
    display: flex;
    justify-content: space-between;
    vertical-align: middle;
}

.patrocionio .box_txt_pat {
    display: flex;
    flex-direction: column;
}

.patrocionio .box_btn .btn-default {
    color: #999;
}

.patrocionio button {
    font-family: "TrendaBold";
    font-size: 13px;
    background-color: #F0F0F0;
    border-radius: 10px;
    color: #999999;
    border-color: #999 !important;
    padding: 5px 70px;
    text-transform: none !important;
    height: 50px;
    margin-top: 14%;
}

.patrocionio button:hover {
    background-color: #ccc !important;
    border-color: #999 !important;
}

.patrocionio p {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #88C54B;
}

.patrocionio span {
    font-family: "TrendaBold";
    font-size: 16px;
    color: #999999;
}

/*PAG INFORMATIVO*/
.sectioncamp .box-campanha {
    display: flex;
    flex-wrap: wrap;
    margin-top: 60px;
}

.sectioncamp .card {
    width: 31%;
    border: 0;
    margin-right: 2%;
    margin-bottom: 2%;
    background-color: transparent;
}

.sectioncamp .card .card-title {
    text-align: center;
    color: #5D4F44;
    font-family: "Red Hat Display";
    font-size: 18px;
}

@media (max-width: 1225px) {
    .sectioncamp .card {
      width: 100%;
      border: 0;
      margin-right: 0;
      margin-bottom: 3%;
    }
  }

  /*PAG TRIBUTOS CIP*/
.section_tributos_cip{
    margin-top: 60px;
    margin-bottom: 60px;
}

.section_tributos_cip .imgtributos{
    width: 800px;
    height: 600px;
}


.section_tributos_cip .txt{
    text-align: left;
    color: #19211B;
    font-family: "Red Hat Display";
    font-weight: 500;
    font-size: 18px;
}


.section_tributos_cip .boxtribo{
    display: flex;
    justify-content: center;
}


@media(max-width:768px) {
    .section_tributos_cip .imgtributos{
        width: 100%;
        height: auto;
    }
}





/* .section_tributos_cip .product-tabela {
    width: 100%;
    border-collapse: collapse;
}
.section_tributos_cip .product-tabela th, .product-tabela td {
    padding: 8px;
    text-align: center;
}
.section_tributos_cip .product-tabela thead th {
    border-top: 2px solid black;
    border-bottom: 2px solid black;
    background-color: #f2f2f2;
}
.section_tributos_cip .product-tabela tbody tr:last-child td {
    border-bottom: 2px solid black;
}
 */








.section_tributos_cip .product-tabela {
    width: 100%;
    border-collapse: collapse;
}

.section_tributos_cip .product-tabela th, .product-tabela td {
    border: 1px solid #dbdbdb;
    border-top: 1px solid #dbdbdb;
    border-bottom: 1px solid #dbdbdb;
    padding: 8px;
    text-align: center;
}

.section_tributos_cip .product-tabela th {
    background-color: #f2f2f2;
}


/*PAG NEGOCIOS*/

.header_neg {
    position: relative;
    /* padding-top: 150px;
  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.header_neg .box-titulo_neg {
    width: 220px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
}

.section_right {
    background-color: #F7F7F7;
}

.section_right .container {
    display: flex;
}

.section_right .box_conc {
    display: flex;
}

.section_right .box_txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.section_right .txt_conc_titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
}

.section_right .txt_conc {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    margin-top: 10%;
}

.section_left {
    background-color: #F7F7F7;
}

.section_right .container {
    display: flex;
}

.section_left .container-fluid {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.section_filiais .container {
    display: flex;
    justify-content: space-between;
}

.section_left .box_conc {
    display: flex;
}

.section_left .box {
    display: flex;
    height: 100%;
}

.section_left .box_txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #999999;
    display: flex;
    flex-direction: column;
    justify-content: center;
    height: 100%;
}

.section_left .txt_conc_titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
}

.section_left .txt_conc {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    margin-top: 10%;
}

.section_left .img_left {
    position: relative;
    left: -63%;
    background-size: cover;
}

.section_filiais {
    position: relative;
    top: -100px;
    /* left: auto; */
    left: 1%;
    right: auto;
    height: 120px;
}

.box-neg {
    font-family: "TrendaLight";
    color: #999999;
    text-align: left;
    font-size: 17px;
    padding: 15px;
    height: 90%;
    text-align: justify;
}

.neg_concessoes .neg_titulo p {
    font-family: "TrendaBold";
    font-size: 40px;
    color: #fff;
}

.neg_concessoes .neg_txt {
    font-family: "TrendaBold";
    font-size: 20px;
    color: #fff;
}

.neg_concessoes .box_concessoes {
    background-color: #BDDF9A;
}

.sect_op {
    display: none;
}

#concessoes {
    display: block;
}

#operacao {
    display: block;
}

#filiais {
    display: block;
}

.mob-neg {
    margin-bottom: 3%;
    display: none;
}

.mob-neg .container {
    display: flex;
    flex-direction: column;
}

.mob-neg .txt_conc_titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
    margin: 2em 0 0;
}

.mob-neg .txt_conc {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 17px;
    margin: 2em 0 1em;
}


/*PAG EMPRESAS DO GRUPO*/

.header_grupo {
    position: relative;
    /* padding-top: 150px;
  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.grupo .box_back {
    /* background-color: #F7F7F7; */
    background-color: #999;
}


/* .diagonal{
  width: 60%;
  height: 100vh;
  background: red;
  background-color: #F7F7F7;
  margin-left: -50px;
  -webkit-transform: skew(-0deg);
  -moz-transform: skew(-0deg);
  transform: skew(0deg);
} */


/*GRUPO EMPRESA IMPAR*/

.grupo_emp_impar {
    display: flex;
    justify-content: center;
    color: #fff;
    width: 100%;
}

.grupo_emp_impar .cinza:nth-child(odd) {
    display: flex;
    background-color: #F7F7F7;
    width: 100%;
}

.grupo_emp_impar .branco:nth-child(even) {
    display: flex;
    background-color: #fff;
    width: 100%;
}

.grupo_emp_impar .branco_par {
    display: none;
}

.grupo_emp_impar p {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999;
}

.grupo_emp_impar a {
    font-family: "TrendaBold";
    font-size: 18px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    height: 60px;
    width: 184px;
}

.grupo_emp_impar .btn {
    font-weight: 900;
    padding: 15px 18px;
}

.grupo_emp_impar .container {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    align-content: center;
    justify-content: center;
}

.grupo_emp_impar .box_grupo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 74%;
}


/*NOVA CONFI*/


/*GRUPO EMPRESA PAR*/

.grupo_emp_par {
    display: flex;
    justify-content: center;
    color: #fff;
    width: 100%;
}

.grupo_emp_par .branco_par:nth-child(odd) {
    display: flex;
    background-color: #fff;
    width: 100%;
    justify-content: flex-end;
}

.grupo_emp_par .cinza:nth-child(even) {
    display: flex;
    background-color: #F7F7F7;
    width: 100%;
}

.grupo_emp_par p {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999;
}

.grupo_emp_par a {
    font-family: "TrendaBold";
    font-size: 18px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    height: 60px;
    width: 184px;
}

.grupo_emp_par .btn {
    font-weight: 900;
    padding: 15px 18px;
}

.grupo_emp_par .container {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    align-content: center;
}

.grupo_emp_par .box_grupo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 74%;
}


/*NOVA CONFI*/

.grupo_emp .box_back_img {
    background-color: #fff;
}

.grupo {
    display: flex;
}

.header_grupo .box-titulo {
    width: 490px;
    margin-left: auto;
    margin-right: auto;
}

.grupo p {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999;
}

.grupo a {
    font-family: "TrendaBold";
    font-size: 18px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    height: 60px;
    width: 184px;
    /* padding: 5px 10px; */
}

.grupo .btn {
    font-weight: 900;
    padding: 15px 18px;
}

.grupo a {
    background-color: #88C54B!important;
    border-color: #88C54B !important;
    color: #fff;
}

.grupo a:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important;
}

.grupo a:focus {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important;
}

.grupo .btn:focus {
    background-color: #60922E!important;
    border-color: #60922E !important;
    color: #fff;
    box-shadow: transparent!important;
}

.grupo .btn:active {
    background-color: #60922E!important;
    border-color: #60922E !important;
    color: #fff;
    box-shadow: transparent!important;
}

.grupo .box_grupo {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-around;
    height: 100%;
    width: 100%;
}

.mobile {
    display: none;
}

.mobile_ult {
    display: none;
}











/* Seção principal */
.agr-noticias-secao {
    background-color: #f8f9fa;
    padding: 40px 0 60px;
  }
  
  /* Grid */
  .agr-noticias-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 90px;
    /* gap: 24px; */
    /* justify-content: space-between; */
  }
  
  /* Item individual */
  .agr-noticia-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    width: calc(33.333% - 16px);
    max-width: 400px;
    /* margin-bottom: 50px; */
  }
  
  .agr-noticia-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  }
  
  .agr-noticia-item img {
    width: 100%;
    height: 266px;
    object-fit: cover;
    display: block;
  }
  
  /* Conteúdo interno */
  .agr-noticia-conteudo {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    text-align: center;
  }
  
  /* Categoria (tarja) */
  .agr-noticia-categoria {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    color: #FF8100;
    margin-bottom: 8px;
    font-weight: 700;
  }
  
  /* Data */
  .agr-noticia-data {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #001126;
    margin-bottom: 8px;
    font-weight: normal;
  }

  .data-noticia {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #3599DA;
    margin-bottom: 8px;
    font-weight: 700;
    text-transform: lowercase;
  }
  
  
  /* Título */
  .agr-noticia-titulo {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #12517D;
    margin: 20px 0 30px 0;
    font-weight: 700;
    line-height: 1.4;
  }
  
  /* Resumo do texto */
  .agr-noticia-resumo {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #001126;
    line-height: 1.6;
    margin: 0 0 40px 0;
    flex: 1;
  }
  
  /* Botão */
  .agr-noticia-btn {
    display: inline-block;
    background-color: #02ABCA;
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    line-height: 1;
    transition: background-color 0.2s ease;
    align-self: center;
    margin-bottom: 40px;
  }
  
  .agr-noticia-btn:hover {
    background-color: #0295A8;
    text-decoration: none;
  }




 /* Estilos para manter tudo branco e suave */
 .busca-noticias .form-control::placeholder {
    font-family: 'Red Hat Display', sans-serif;
    color: white !important;
    opacity: 0.8;
  }

  .busca-noticias .form-control:focus {
    font-family: 'Red Hat Display', sans-serif;
    box-shadow: 0 0 0 3px rgba(1, 80, 159, 0.4) !important;
    border-color: transparent !important;
    color: white !important;
  }

  .busca-noticias .busca-btn {
    transition: background-color 0.2s ease;
  }

  .busca-noticias .busca-btn:hover {
    background-color: #01427a !important; /* Azul um pouco mais escuro */
    color: white !important; /* Garante que o texto permaneça branco */
  }

  .busca-noticias .busca-btn:hover i {
    color: white !important; /* Garante que a lupa permaneça branca */
  }

  @media (max-width: 768px) {
    .busca-noticias{
        margin-top: 20px;
    } 
  }








  
  /* Responsivo */
  @media (max-width: 992px) {
    .agr-noticia-item {
      width: calc(50% - 12px);
    }
  }
  
  @media (max-width: 768px) {
    .agr-noticias-grid {
      flex-direction: column;
      align-items: center;
    }
  
    .agr-noticia-item {
      width: 100%;
      max-width: none;
    }
  
    .agr-noticia-item img {
      height: 200px;
    }
  }



  /*PAG DETALHES*/
  /* Seção de publicações */
.agr-publicacoes-secao {
    background-color: #f8f9fa;
    padding: 40px 0 60px;
    margin-top: 20px;
    margin-bottom: 30px;
  }
  
  .agr-publicacoes-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 24px;
    justify-content: space-between;
  }
  
  .agr-publicacao-item {
    background: #fff;
    border-radius: 12px;
    overflow: hidden;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
    width: calc(33.333% - 16px);
    max-width: 400px;
  }
  
  .agr-publicacao-item:hover {
    transform: translateY(-4px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
  }
  
  .agr-publicacao-item img {
    width: 100%;
    height: 266px;
    object-fit: cover;
    display: block;
  }
  
  .agr-publicacao-conteudo {
    padding: 20px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    flex: 1;
    text-align: center;
  }
  
  /* Categoria (tarja) */
  .agr-publicacao-categoria {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 14px;
    color: #FF8100;
    margin-bottom: 8px;
    font-weight: 700;
  }
  
  /* Data */
  .agr-publicacao-data {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #001126;
    margin-bottom: 8px;
  }
  
  /* Título */
  .agr-publicacao-titulo {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #12517D;
    margin: 20px 0 30px 0;
    font-weight: 700;
    line-height: 1.4;
  }
  
  /* Resumo */
  .agr-publicacao-resumo {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #001126;
    line-height: 1.6;
    margin: 0 0 40px 0;
    flex: 1;
  }
  
  /* Botão */
  .agr-publicacao-btn {
    display: inline-block;
    background-color: #02ABCA;
    color: #fff !important;
    text-decoration: none;
    font-weight: 700;
    padding: 10px 20px;
    border-radius: 20px;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    transition: background-color 0.2s ease;
    align-self: center;
    margin-bottom: 40px;
  }
  
  .agr-publicacao-btn:hover {
    background-color: #0295A8;
    text-decoration: none;
  }
  
  /* Responsivo */
  @media (max-width: 992px) {
    .agr-publicacao-item {
      width: calc(50% - 12px);
    }
  }
  
  @media (max-width: 768px) {
    .agr-publicacoes-grid {
      flex-direction: column;
      align-items: center;
    }
  
    .agr-publicacao-item {
      width: 100%;
      max-width: none;
    }
  
    .agr-publicacao-item img {
      height: 200px;
    }
  }


/*PAG NOTICIAS*/

  .btn-compartilhar {
    width: 42px;
    height: 42px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    color: white;
    text-decoration: none;
    font-size: 16px;
    transition: all 0.25s ease;
    border: none;
    background: #6c757d;
    box-shadow: 0 2px 6px rgba(0,0,0,0.15);
    padding: 0;
    margin: 0;
    cursor: pointer;
    /* Remove estilos do browser */
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    outline: none;
  }

  .btn-compartilhar:hover,
  .btn-compartilhar:focus {
    transform: translateY(-2px);
    box-shadow: 0 4px 10px rgba(0,0,0,0.2);
    opacity: 0.95;
    background: #5a6268 !important; /* cinza mais escuro, não cinza neutro */
    color: white !important;
  }

  .btn-whatsapp { background: #25D366 !important; }
  .btn-facebook  { background: #1877F2 !important; }
  .btn-twitter   { background: #000000 !important; }
  .btn-linkedin  { background: #0A66C2 !important; }
  .btn-copy      { background: #6c757d !important; }

  .btn-compartilhar i {
    pointer-events: none;
    margin: 0;
    font-size: 16px;
  }




.catnoticias {
    margin-top: 3%;
    margin-bottom: 3%;
}

.catnoticias .container {
    display: flex;
    align-content: space-around;
    align-items: center;
}

.catnoticias .titulo {
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 3%;
    font-family: "Red Hat Display";
    color: #999;
    font-weight: 700;
}

.catnoticias .titulo a{
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 3%;
    font-family: "Red Hat Display";
    color: #999;
    font-weight: 700;
}

.catnoticias .container .titulo:first-child {
    margin-left: auto;
}

.catnoticias .container .titulo:last-child {
    margin-right: auto;
    /* margin-left: auto; */
}

.catnoticias .active {
    color: #51A8B1!important;
    border-bottom: 2px solid #51A8B1;
    font-size: 16px;
    text-transform: uppercase;
    margin-right: 3%;
    font-family: "Red Hat Display";
    font-weight: 700;
}
/* ---------------- */

.catnoticias {
    display: block;
}

.catnoticias_mob {
    display: none;
}


.sectioninfpag .boxnoticias {
    width: 98px!important;
}

.pagnoticdest{
    margin: 60px 0;
}

.iconwhatscont{
    width: 30px;
}

.iconfonecont{
    width: 30px;
}


.noticiaspag .button-hero {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: left;
    color: #fff;
    background: #19211B;
    width: 155px;
    height: 53px;
    padding: 12px 32px 12px 32px;
    border-radius: 8px;
    text-align: center;
    display: flex;
    align-items: center;
    margin-top: 18px;
  }

  .pagnoticias .card {
    display: flex;
    /* padding: 15px; */
    width: 32%;
    /* margin: 1%; */
    /* margin-right: 1%; */
    border-radius: 6px 6px 0 0;
    border: 0;
    margin-bottom: 50px;
  }

  .pagnoticias .box_not {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }

  .pagnoticias .box-overlay {
    width: 450px;
    height: 278px;
    overflow: hidden;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }

  .pagnoticias .card-title {
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 35px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }

  .pagnoticias .card-text {
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }

  .pagnoticias .btn_not:hover {
    color: #009136!important;
    background-color: #fff!important;
    border: 1px solid #009136!important;
  }

  .pagnoticias .card {
    background-color: #F8F8FA !important;
  }

  .pagnoticias .card:nth-child(3n+1) {
    margin-left: 0;    
    padding-left: 0;
    margin-right: 0;
  }

  .pagnoticias .card .card-body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 1.25rem 0 0 0;
    justify-content: space-between;
  }

  .pagnoticias .btn_not {
    width: 159px;
    height: 42px;
    padding: 12px 18px 12px 18px;
    border-radius: 8px;    
    background: #51A8B1;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0em;
    text-align: center;
    color: #F8F8FA;
  }

  .sectionredessociais{

  }

  .sectionredessociais .box{
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
  }

  .sectionredessociais .boxitem1{
    width: 58%;
    height: 275px;
    border-radius: 16px;        
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    background: #FFE1C2;
    padding: 35px 90px;
  }

  .sectionredessociais .titulo{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }

  .sectionredessociais .txt{      
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 500;
    line-height: 22px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }


  .sectionredessociais .btnredes{     
    width: 185px;
    height: 50px;
    padding: 12px, 18px, 12px, 18px;
    border-radius: 8px;    
    background: #01509F;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #01509F;
    color: #fff;

    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
  }


  .sectionredessociais .boxitem2{
    width: 40%;
    height: 274.82px;
    border-radius: 16px;        
    background: #D4F0E0;
    padding: 35px 90px;
    display: flex;
    justify-content: space-around;
    flex-direction: column;
    align-items: flex-start;
  }

/* .noticias {
    background-color: #FFF;
} */

/* .noticias .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #85C54A;
    text-align: left;
} */

/* .noticias .txt {
    font-family: "TrendaLight";
    font-size: 18px;
    color: #999999;
    text-align: justify !important;
} */

/* .noticias .box_not {
    display: flex;
    flex-wrap: wrap;
}

.noticias .card .card-title {
    font-family: "TrendaBold";
    text-align: left;
    font-size: 17px;
    color: #999999;
}

.noticias .card .card-body {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    align-items: flex-start;
    padding: 1.25rem 0 1rem 0;
}

.noticias .card .card-text {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 16px;
    color: #999;
}

.noticias .link_det {
    border: 0!important;
    border-radius: 0!important;
}

.noticias .link_det:hover {
    border: 0!important;
    border-radius: 0!important
}

.noticias .btn_not {
    font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #00752C;
    background-color: #fff;
    border: 1px solid #00752C;
    border-radius: 15px;
}

.noticias .btn_not:hover {
    color: #009136!important;
    background-color: #fff!important;
    border: 1px solid #009136!important;
}

.noticias .card {
    display: flex;
    padding: 15px;
    width: 32%;
    margin: 1%;
      border-radius: 15px;
      border-radius: 6px 6px 0 0;
-webkit-box-shadow: 0 0 20px #dedede;
}

.noticias .card:nth-child(3n) {
    margin-right: 0;
}

.noticias .card:nth-child(3n+1) {
    margin-left: 0;
}

.noticias .card-text {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #666;
}

.noticias .box_btn {
    display: flex;
    align-items: center;
}

.noticias .box_vj {
    display: block;
}

.noticias .box_vj_mobile {
    display: none;
}

.noticias_campanhas {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
}

.noticias_campanhas .box_camp {
    display: flex;
    flex-wrap: wrap;
}

.noticias_campanhas .card {
    display: flex;
    padding: 15px;
    width: 32%;
    margin: 1%;
}

.noticias_campanhas .card-body {
    padding: 1.25rem 0 1rem 0;
}

.noticias_campanhas .card:nth-child(3n) {
    margin-right: 0;
}

.noticias_campanhas .card:nth-child(3n+1) {
    margin-left: 0;
}

.noticias_campanhas .card-text {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #999999;
}

.noticias_campanhas .box_btn {
    display: flex;
    align-items: center;
}

.noticias_campanhas p {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #999999;
    text-align: left;
    text-transform: none;
}

.noticias_campanhas .vid {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #85C54A;
    text-align: left;
} */

.pagination li.active a {
    color: #85C54A !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px !important;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li {
    display: inline;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination li.active a {
    color: #fff !important;
}

.noticias_rec {
    background-color: #F2F2F2;
}

.noticias_rec h2 {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #88C54B;
    margin: 35px;
}

.noticias_rec p {
    font-family: "TrendaBold";
    font-size: 25px;
    color: #88C54B;
}

.noticias_rec .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
    margin-top: 30px;
}

.noticias_rec form {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #999999;
    text-align: left;
}

.noticias_rec form input {
    border: 0px;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    background-color: #F2F2F2;
}

.noticias_rec form input:focus {
    border: 0px;
    border-radius: 0;
    border-bottom: 1px solid #ccc;
    background-color: #F2F2F2;
}

.noticias_rec button {
    font-family: "TrendaBold";
    font-size: 15px;
    background-color: #88C54B;
    border-radius: 10px;
    color: #fff;
    border-color: #88C54B !important;
    text-transform: none !important;
    /* height: 45px; */
    width: 132px;
}

.noticias_rec button:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important;
}


/*PAG DETALHES DA NOTICIA*/

/*Novo css*/
.noticiadetalhes .data-noticias{
    font-family: "Red Hat Display";
    font-size: 14px;
    font-weight: 700;
    line-height: 19px;
    letter-spacing: 0px;
    text-align: left;
    color: #19211B;
    margin-bottom: 25px;
}

.noticiadetalhes .imgbox img{
    width: 100%;
    height: auto;    
    border-radius: 16px;
}

.noticiadetalhes .box-overlay {
    width: 677.86px;
    height: 333.26px;    
    border-radius: 16px;
    overflow: hidden;    
    display: flex;
    justify-content: center;
    align-items: center;
}

.noticiadetalhes .box{
    width: 100%;
}

.noticiadetalhes .titulo{
    width: 95%;
}

.noticiadetalhes .txt{
    width: 50%;
}

.noticiadetalhes .boxtitulo{    
    display: flex;
    flex-direction: column;
    height: auto;
    justify-content: center;
}

.noticiadetalhes .boxtxt {    
    align-items: center;    
}


.detalhesnoticiastxt .txt {
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
  }
  
  .outrasnoticiasdet .titulo {
    font-family: Red Hat Display;
    font-size: 40px;
    font-weight: 700;
    line-height: 44px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    margin-bottom: 45px;
  }


  .sectiongaleria .container{
    display: flex;    
    flex-wrap: wrap;
  }

  .sectiongaleria .card{
    /* width: 32%; */
    margin-right: 1%;
    margin-bottom: 1%;    
    width: 444.81px;   
    border-radius: 16px;

  }

  .sectiongaleria .card img{
    width: 100%;
    height: auto;
    border-radius: 16px;
  }

  .sectiongaleria .box-overlay {
    width: 444.81px;
    height: 278px;
    overflow: hidden;
    border-radius: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  
  /* .sectiongaleria .card{
    marg
  } */
/* 
  .sectiongaleria {
    * Adicione estilos adicionais para a seção, se necessário *
  }
  
  .sectiongaleria .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .sectiongaleria .card {
    width: calc(33.33% - 20px); * Para 3 colunas com espaçamento entre elas *
    margin: 10px;
    position: relative;
    height: 278px; /* Defina uma altura para o card *
    border-radius: 16px;
    overflow: hidden;
    background-size: cover; * Ajuste a propriedade para controlar o dimensionamento da imagem *
    background-position: center; /* Ajuste a propriedade para controlar a posição da imagem *
  }
  
  .sectiongaleria .box-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; * Certifique-se de que a sobreposição esteja acima da imagem de fundo *
  }
  
  .sectiongaleria .card:hover .box-overlay {
    /* Adicione estilos para a sobreposição quando o card é hover, se necessário *
} */

/**/
.sectiongaleria {
    /* Adicione estilos adicionais para a seção, se necessário */
  }
  
  .sectiongaleria .container {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
  }
  
  .sectiongaleria .card {
    width: calc(33.33% - 20px); /* Para 3 colunas com espaçamento entre elas */
    margin: 10px;
    position: relative;
    height: 200px; /* Defina uma altura para o card */
    border-radius: 16px;
    overflow: hidden;
    background-size: cover; /* Ajuste a propriedade para controlar o dimensionamento da imagem */
    background-position: center; /* Ajuste a propriedade para controlar a posição da imagem */
  }
  
  @media (max-width: 768px) {
    .sectiongaleria .card {
      width: calc(50% - 20px); /* Para 2 colunas com espaçamento entre elas em telas menores */
    }
  }
  
  @media (max-width: 480px) {
    .sectiongaleria .card {
      width: calc(100% - 20px); /* Para 1 coluna sem espaçamento em telas ainda menores */
    }
  }
  
  .sectiongaleria .box-overlay {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1; /* Certifique-se de que a sobreposição esteja acima da imagem de fundo */
  }
  
  .sectiongaleria .card:hover .box-overlay {
    /* Adicione estilos para a sobreposição quando o card é hover, se necessário */
  }
  

  /* border: 2px solid #EDECEC */
  
/*novo css*/

.not_det {
    background-color: #F7F7F7!important;
}

.input_det {
    /* background-color: #FFF!important; */
    background-color: #F7F7F7!important;
}

.tit_det {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007FCB!important;
    text-align: left;
}

.tit_det_vej {
    font-family: "TrendaBold";
    font-size: 25px!important;
    color: #88C54B;
    text-align: left;
    margin-bottom: 5%;
}

.txt_det {
    font-family: "TrendaBold";
    font-size: 20px!important;
    color: #999;
    text-align: justify;
    margin: 25px 0;
}

.box_txt_det {
    font-family: "TrendaLight";
    font-size: 18px !important;
    color: #19211B;
    text-align: justify;
    margin: 3% 0;
}

.noticias ul li {
    font-family: "TrendaBold";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
}

.noticias ul li a {
    font-family: "TrendaBold";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
    color: #999;
    background-color: #FFF;
    border: 0;
}

.noticias ul li a:hover {
    font-family: "TrendaBold";
    font-size: 15px !important;
    text-align: justify;
    margin-bottom: 5%;
    list-style: none;
    color: #666!important;
    background-color: #F2F2F2!important;
    border: 0!important;
}

.noticias ul li span {
    color: #88C54B;
}

.noticias .btn_det_not {
    /* background-color: #f2f2f2!important; */
    padding: 10px 30px;
    font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #88C54C;
    background-color: #fff!important;
    border: 1px solid #88C54C;
    border-radius: 15px;
}

.noticias .btn_det_not:hover {
    color: #60922E!important;
    background-color: #fff!important;
    border: 1px solid #60922E!important;
}

.noticias_campanhas .btn_det_not {
    background-color: #f2f2f2 !important;
    padding: 10px 30px;
    font-family: "TrendaBold";
    text-transform: none !important;
    font-size: 13px;
    color: #88C54C;
    background-color: #fff !important;
    border: 1px solid #88C54C;
    border-radius: 15px;
}

.titulo_det {
    font-size: 18px;
    font-weight: bold;
    color: #00752C;
    text-align: left;
    margin-top: 1%;
}

.data_det {
    font-family: "TrendaLight";
    font-size: 16px !important;
    color: #999;
    text-align: left;
}

.tab-resid tr {
    line-height: 1;
}

/* .tab-resid tr,
th,
td {
    font-size: 18px;
    border: 1.5px solid #015D4E !important;
    line-height: 0.5;
} */

#accordion .tab-resid th::first-line {
    color: #555555;
}

#accordion .tab-resid .th1 {
    vertical-align: middle!important;
}

#accordion .titulo-tab1 {
    text-align: center;
    /* text-align: left; */
    font-style: normal;
    font-size: 22px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 50px;
    font-family: "TrendaBold";
}

#accordion .titulo-tab2 {
    /* text-align: left; */
    text-align: center;
    font-style: normal;
    font-size: 22px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 50px;
    font-family: "TrendaBold";
}

#accordion .titulo-tab3 {
    text-align: left;
    font-style: normal;
    font-size: 22px;
    cursor: pointer;
    font-weight: bold;
    margin-left: 50px;
    font-family: "TrendaBold";    
}


#accordion .i-icon3 {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

#accordion .i-icon2 {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

#accordion .i-icon1 {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

#accordion .i-icon {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

#accordion .i-icon-open {
    background: url("../images/bullet-expanded.png") no-repeat scroll 0 0;
    background-image: url("../images/bullet-expanded.png");
    height: 2em;
}

.tab-tarifas-serv .i-icon {
    background-image: url("../images/bullet.png");
    background-repeat: no-repeat;
    height: 2em;
}

.tab-tarifas-serv {
    text-align: left;
    font-style: normal;
    font-size: 22px;
    font-weight: bold;
    /* margin-left: 50px; */
}

.tab-tarifas-serv a {
    margin-left: 50px;
    margin-top: 2%;
    font-family: "TrendaBold";
}

.tarifas-pag .text-left {
    text-align: left !important;
}




/* #page-content h1 ~ h2.collapsed::before, #page-content h1 ~ a.h2.collapsed::before {
    background-image: url('../images/bullet.png');
}

 */


/*PAG PROJETOS*/

.projetos {
    background-color: #FFF;
}

.projetos .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #85C54A;
    text-align: left;
}

.projetos .txt {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    text-align: justify !important;
}

.projetos .box_not {
    display: flex;
    flex-wrap: wrap;
}

.projetos .card .card-title {
    font-family: "TrendaBold";
    text-align: justify;
    font-size: 17px;
    color: #999999;
}

.projetos .card .card-body {
    display: flex;
    flex-direction: column;
    /* justify-content: space-between; */
    align-items: flex-start;
    padding: 0 0 1rem 0;
    padding-left: 2%;
    width: 20%;
}

.projetos .card .card-text {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 16px;
    color: #999;
}

.projetos .link_det {
    border: 0!important;
    border-radius: 0!important;
}

.projetos .link_det:hover {
    border: 0!important;
    border-radius: 0!important
}

.projetos .btn_not {
    font-family: "TrendaBold";
    text-transform: none!important;
    font-size: 13px;
    color: #88C54C;
    background-color: #fff;
    border: 1px solid #88C54C;
    border-radius: 15px;
}

.projetos .btn_not:hover {
    color: #60922E!important;
    background-color: #fff!important;
    border: 1px solid #60922E!important;
}

.projetos .card {
    display: flex;
    padding: 15px;
    width: 100%;
    margin: 1%;
    flex-direction: row;
}

.projetos .card img {
    max-height: 250px;
    max-width: 340px;
}


/* .projetos .card:nth-child(3n) {
    margin-right: 0;
}

.projetos .card:nth-child(3n+1) {
    margin-left: 0;
} */

.projetos .card-text {
    font-family: "TrendaBold";
    font-size: 17px;
    color: #666;
}

.projetos .box_btn {
    display: flex;
    align-items: center;
}

.projetos .box_vj {
    display: block;
}

.projetos .box_vj_mobile {
    display: none;
}

.perguntas .projeto-fotos{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}


.perguntas .projeto-fotos .item{
    /* width: 32.7%; */
    width: 390.6px;
    height: 205.717px;    
    overflow: hidden;
}

/* .sustprojimg .box-overlay{
    width: 390.6px;
    height: 205.717px;    
    overflow: hidden;
} */


.pagination li.active a {
    color: #85C54A !important;
}

.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px !important;
}

.pagination>li:last-child>a,
.pagination>li:last-child>span {
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.pagination>li>a,
.pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #337ab7;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li {
    display: inline;
}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #337ab7;
}

.pagination li.active a {
    color: #fff !important;
}

/*PAG DEMOSTRATIVO*/
.sectioninfpag .boxdemostrativobtn {
    width: 155px;
    height: 42px;
    padding: 8px 16px 8px 16px;
    border-radius: 8px;
    border: 1px;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #51A8B1;
    border: 1px solid #51A8B1;
    margin-bottom: 15px;
  }
/*PAG SOLICITAÇÃO FORNECIMENTO*/
.solicitacaoforn .formcontato .input_cont{
    width: 100%!important;
}

.solicitacaoforn .formcontato textarea {
    width: 100%!important;
    height: 100%!important;
}

/* .form-check-input[type="radio"] {
    margin-top: 11px;
} */

.form-check-input[type="radio"] {
    margin-top: 5px;
}

.solicitacaoforn .form-row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -5px;
    margin-left: -5px;
}

.solicitacaoforn .form-check-input[type="checkbox"] {
    border-radius: 5em;
}

.solicitacaoforn .formcontato label{
    font-size: 16px!important;
}

.solicitacaoforn .linkarqcarga{
    color: red;
    font-weight: bold;
}

.solicitacaoforn .formcontato .input_cont_inf {
    height: 50px;
    border-radius: 16px;
    border: 2px solid #D1D0D0;
    width: 20% !important;
    padding: .375rem .75rem;
}

.form-row > .col, .form-row > [class*="col-"] {
    padding-right: 5px;
    padding-left: 5px;
}

/**/

/* .story-video .container_video {
    position: relative;
    max-width: 100%;
    cursor: pointer;
}

.video iframe, .fancybox-content iframe {
    max-width: 100%;
    max-height: 100%;
    width: 800px; /* Tamanho médio *
    height: 450px; /* Proporção de 16:9 *
    margin: auto;
    display: block;
}

.fancybox-content {
    display: flex;
    align-items: center;
    justify-content: center;
} */


/* .fancybox-content {
    max-width: 560px; /* Largura máxima baseada no player *
    max-height: 450px; /* Altura proporcional *
    margin: 0 auto; /* Centraliza horizontalmente *
    border-radius: 5px; /* Bordas arredondadas para estilo *
} */


.fancybox-content {
    max-width: 640px !important; /* Define a largura máxima */
    max-height: 450px!important;
    margin: 0 auto; /* Centraliza horizontalmente */
}

.fancybox-iframe {
    width: 640px !important; /* Define a largura do iframe */
    height: 450px!important;
}


  /*PAG DOCUMENTOS ATAS*/
  .atas-filtros-section{
    margin-bottom: 60px;
  }

  .atas-filtros-section .container{
    display: flex;
    justify-content: center;
  }  
  
  .atas-filtros-wrapper {
    display: flex;
    gap: 20px;
    align-items: end;
    justify-content: center;
    flex-wrap: wrap;
    width: 86%;
  }
  
  .atas-form-group {
    margin: 0;
  }
  
  .atas-form-group label {
    display: block;
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    color: #001126;
    margin-bottom: 8px;
  }
  
  .atas-select-wrapper {
    position: relative;
    width: 100%;
    max-width: 300px;
  }
  
  .atas-select-wrapper::after {
    content: "▼";
    font-size: 12px;
    color: #666;
    position: absolute;
    right: 12px;
    top: 50%;
    transform: translateY(-50%);
    pointer-events: none;
  }
  
  .atas-select-wrapper select {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 18px;
    color: #01509F;
    padding: 12px 40px 12px 16px;
    border: 2px solid #666666;
    border-radius: 8px;
    background-color: #fff;
    width: 100%;
    appearance: none;
    cursor: pointer;
    box-sizing: border-box;
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
  }
  
  .atas-select-wrapper select:focus {
    outline: none;
    border-color: #01509F;
  }
  
  .atas-select-wrapper select:disabled {
    background-color: #f5f5f5;
    color: #999;
    cursor: not-allowed;
  }



  /* Lista de atas — escopo isolado */
  .section-list-atas{
    margin-bottom: 60px;
  }

.section-list-atas .ajax-lista-atas {
    list-style: none;
    padding: 0;
    margin: 0;
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: center;
}

.section-list-atas .ajax-lista-atas li {
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 8px;
    padding: 20px;
    width: calc(20% - 16px); /* 5 colunas */
    min-width: 180px;
    box-sizing: border-box;
    transition: all 0.25s ease;
    display: flex;
    flex-direction: column;
}

.section-list-atas .ajax-lista-atas li:hover {
    border-color: #01509F;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.08);
}

.section-list-atas .titulo_pdf {
    font-family: 'Red Hat Display', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #001126;
    margin-bottom: 12px;
    line-height: 1.4;
}

.section-list-atas .ajax-lista-atas a {
    display: inline-flex;
    align-items: center;
    gap: 8px;
    color: #01509F;
    text-decoration: none;
    font-family: 'Red Hat Display', sans-serif;
    font-weight: bold;
    font-size: 15px;
    margin-top: auto;
}

.section-list-atas .ajax-lista-atas a:hover {
    text-decoration: underline;
}

.section-list-atas .ajax-lista-atas img {
    width: 20px;
    height: 20px;
}



/*PAG CONTATO*/
.sectioncontato{
    margin-bottom: 60px;
}

.sectioncontato .container{
    display: flex;
    justify-content: center;
}

.sectioncontato .inf{
    width: 50%;
    position: relative;
}

.sectioncontato .inf .boxsocial{
    text-align: left;
    margin-top: 15px;
}

.sectioncontato .inf .item{
    display: flex;
    align-items: center;
    padding: 25px;
    width: 500px;
    /* height: 140px;     */
    height: 165px;
    border-radius: 16px;
    background: #EDECEC;
    margin-bottom: 2%;
}

.sectioncontato .inf .titulo{
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 700;
    line-height: 29px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectioncontato .inf .infend{
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 500;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}


.sectioncontato .inf .tituloinf{
    font-family: "Red Hat Display";
    font-size: 24px;
    font-weight: 700;
    line-height: 30px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectioncontato .inf .imgcontato{
    /* position: absolute;
    bottom: 0;
    left: 0;    
    top: 74%; */
}

.sectioncontato .content{
    width: 86%;    
    display: flex;
}

.sectioncontato .formcontato{
    text-align: left;
    width: 50%;
}

.sectioncontato .formcontato label{
    font-family: "Red Hat Display";
    font-size: 20px;
    font-weight: 500;
    line-height: 25px;
    letter-spacing: 0em;
    text-align: left;
    color: #19211B;
}

.sectioncontato .formcontato .input_cont{
    width: 569px;
    height: 57px;    
    border-radius: 16px;    
    border: 2px solid #D1D0D0
}

.sectioncontato .formcontato textarea{
    width: 569px;
    height: 265px;    
    border-radius: 16px;
    border: 2px solid #D1D0D0;
}

.sectioncontato .formcontato .btn-success {
    background: #51A8B1;
    font-family: "Red Hat Display";
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
    letter-spacing: 0em;
    text-align: left;
    color: #F8F8FA;
    width: 159px;
    height: 50px;
    padding: 12px 18px 12px 18px;
    border-radius: 8px;
    border: 0;
    /* position: absolute; */
    z-index: 5;
  }

  .sectioncontato .formcontato .btnsubmit {
    margin-top:25px;
    display: flex;
    justify-content: center;
    align-items: center;
  }



#curriculo_arq {
    color: #666 !important;
    box-shadow: 0 0 0 0;
    border: 0 none;
    outline: 0;
    font-size: 17px;
}


#formcadastroago .form-group ::-webkit-input-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}

#formcadastroago .form-group :-moz-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}

#formcadastroago .form-group ::-moz-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}

#formcadastroago .container{
    display: flex;
}

#formcadastroago .form-group :-ms-input-placeholder {
    font-weight: 300;
    color: #999;
    font-family: "TrendaLight";
}

#formcadastroago .avisomsgimg{
    width: 50%;
    display: flex;    
    font-size: 20px;
}

#formcadastroago .boxformulariocadago{
    width: 50%;
}

.header_cont {
    position: relative;
    /* padding-top: 150px;
  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.header_cont .box-titulo_cont {
    width: 150px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
}

.txt_cont {
    text-align: justify;
}

.box-cont {
    font-family: "TrendaBold";
    color: #999999;
    font-size: 17px;
    padding: 15px 0;
    height: 90%;
}

.hr-contato {
    font-family: "TrendaLight";
    color: #fff;
    font-size: 16px;
    background-color: #009136;
}

.hr-contato .container {
    display: flex;
    justify-content: space-between;
}

.box-cont-end {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 24px;
}

.box-cont-end img {
    width: 8%;
    margin-right: 2%;
}

.box-cont-hora {
    display: flex;
    flex-direction: row;
    align-items: center;
    line-height: 24px;
}

.box-cont-hora img {
    width: 11%;
    margin-right: 2%;
}

.box-cont-end img {
    display: block;
}

.box-cont-hora img {
    display: block;
}

.mapa_localizacao {
    background-color: #F0F0F0;
    height: 200px;
    font-family: "TrendaBold";
    color: #88C54B;
}

.mapa_localizacao p {
    font-size: 40px;
}

#status {
    font-size: 16px;
}

.formulario {
    padding: 2px;
    text-align: left;
}

.formulario label {
    margin-bottom: 1px;
}

.formulario label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999!important;
}

.formulario_trabalhe .custom-select {
    background-color: #fff!important;
    color: #999!important;
    margin-top: -5px;
}

.formulario .custom-select {
    background-color: #fff!important;
    color: #999 !important;
}

.formulario .btn-success {
    background-color: #009136;
    border: 1px solid #009136!important;
    text-transform: capitalize;
    width: 132px;
    /* border-radius:10px; */
}

.formulario .btn-success:hover {
    background-color: #4AA92E!important;
    border: 1px solid #4AA92E!important;
    color: #fff!important;
}

.contato_end {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
    margin-left: 10px;
}

.contato_end .phone {
    background-image: url('../images/icons/phone.png');
    background-repeat: no-repeat;
    background-size: contain;
}

.contato_end .local {
    background-image: url('../images/icons/local.png');
    background-repeat: no-repeat;
    background-size: 33px 25px;
    margin-bottom: 15px;
}

.contato_end .hora {
    background-image: url('../images/icons/clock.png');
    background-repeat: no-repeat;
    background-size: 28px 28px;
    margin-bottom: 15px;
}

.formulario_sugestoes {
    text-align: left;
}

.formulario_sugestoes .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #88C54B;
    text-align: center;
}

.formulario_sugestoes .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_sugestoes .box_txt {
    font-family: "TrendaLight";
    text-align: justify;
    font-size: 16px;
    color: #999999;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    height: 10vh;
    display: flex;
    align-items: flex-end;
}

.formulario_sugestoes label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
}

.formulario_sugestoes .btn-success {
    background-color: #88C54B;
    border: 1px solid #88C54B!important;
    text-transform: capitalize;
    width: 132px;
    border-radius: 10px;
}

.formulario_sugestoes .btn-success:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important
}

iframe{
    height: 78px;
}

.sectioniframmaps iframe{
    height: 450px;
}


/*PAG TRABALHE CONOSCO*/

.header_cont_trab .box-titulo_cont_trab {
    width: 420px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
}

.titulo-header {
    background-color: #009136;
    color: #fff;
    font-family: "TrendaBold";
}

.txt_cont_trab {
    text-align: justify;
}

.box-cont_trab {
    font-family: "TrendaBold";
    color: #999999;
    font-size: 17px;
    padding: 15px 0;
    height: 90%;
    text-align: center;
}

.txt_cont_trab .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #2E934A;
    text-align: center;
}

.formulario_trabalhe {
    text-align: left;
}

.formulario_trabalhe .formtext {
    font-family: "TrendaLight";
    font-size: 19px;
    color: #999999;
    margin-left: 10px;
}

.formulario_trabalhe label,
input,
select,
textarea {
    font-family: "TrendaLight";
    font-size: 17px;
    color: #999999;
}

.formulario_trabalhe .btn-success {
    background-color: #2E934A;
    border: 1px solid #2E934A!important;
    text-transform: capitalize;
    width: 132px;
    /* border-radius:10px; */
}

.formulario_trabalhe .btn-success:hover {
    background-color: #60922E!important;
    border: 1px solid #60922E!important;
    color: #fff!important
}

.formulario_trabalhe input[type='file'] {
    display: none
}


/* Aparência que terá o seletor de arquivo */

.formulario_trabalhe .file .file_label {
    background-color: #fff;
    /* background-color: #2E934A; */
    border-radius: 5px;
    color: #999999;
    cursor: pointer;
    /* margin: 10px; */
    padding: 6px 20px;
    width: 100%;
    font-size: 17px;
    border: 1px solid #ced4da;
}


.formulario_trabalhe .boxbtngoogle{
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
    flex-wrap: wrap;
}

/*PAG CADASTRO DE FORNECEDORES*/

.header_cont_forn .box-titulo_cont_forn {
    width: 520px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
    line-height: 40px;
}


/*PAG POLITICA DE INVESTIMENTO*/

.header_cont_inv .box-titulo_cont_inv {
    width: 620px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 150px;
    padding-bottom: 80px;
    line-height: 40px;
}

.box-cont_inv {
    font-family: "TrendaLight";
    color: #999999;
    font-size: 17px;
    padding: 15px 0;
    height: 90%;
    text-align: justify;
}

.box-cont_inv span {
    color: #88C54B;
}

.txt_cont_inv .titulo {
    font-family: "TrendaBold";
    font-size: 30px;
    color: #007FCB;
    text-align: center;
    margin-bottom: 5px;
}

.formulario_trabalhe strong {
    font-family: "TrendaBold";
}

.formulario_trabalhe h2 {
    font-family: "TrendaBold";
    font-size: 18px;
    color: #999999;
}

.formulario_trabalhe .subtitulo {
    font-family: "TrendaLight";
    color: #999999;
    font-size: 18px;
}

.formulario_trabalhe ul {
    list-style: none;
    margin-left: 0!important;
    padding-left: 0!important;
}

.formulario_trabalhe ul li {
    font-family: "TrendaLight";
    color: #999999;
    font-size: 18px;
}


/* Aparência que terá o seletor de arquivo */

.formulario_trabalhe .file .file_label_inv {
    background-color: #fff;
    border-radius: 5px;
    border: 1px solid #88C54B;
    color: #999;
    cursor: pointer;
    padding: 6px 20px;
    width: 100%;
    margin-left: -15px;
}


/*PAG ONDE ATUAMOS*/

.map_loca {
    margin-top: 40px;
}

.header_map_loc {
    position: relative;
    /* padding-top: 150px;
  padding-bottom: 150px; */
    background-color: #222;
    background-size: cover;
    background-attachment: scroll;
}

.header_map_loc .tit {
    text-align: center;
    line-height: 50px;
}

.header_map_loc .box-titulo_map {
    width: 360px;
    margin-left: auto;
    margin-right: 40px;
    margin-top: 130px;
    padding-bottom: 75px;
}

.header_map_loc .box_txt {
    width: 318px;
    margin-left: auto;
    margin-right: auto;
    line-height: 20px;
}

.header_map_loc .texto {
    font-family: "TrendaLight";
    font-size: 18px;
    font-style: italic;
    color: #7EB800;
    text-align: center;
}


/* .header_map_loc .box-titulo_map {
  width: 260px;
  margin-left: auto;
  margin-right: auto;
} */

.clientes .cli-titulo {
    font-family: 'TrendaBold';
    font-size: 30px;
    color: #666;
}

.clientes .box_clientes {
    display: flex;
    flex-wrap: wrap;
}

.clientes .box_clientes img {
    width: 100%;
    margin: 1%;
}

.clientes .box_clientes img:nth-child(5n) {
    margin-right: 0;
}

.clientes .box_clientes img:nth-child(5n+1) {
    margin-left: 0;
}

.grupo {
    display: none;
}

.empresa-pc {
    display: block;
}

.empresa-mob {
    display: none;
}

.empresa-foto .pc {
    display: block;
}

.empresa-foto-mob {
    display: none;
}

#mainNav {
    display: none;
}

.inf-mob-contato {
    display: none;
}

#carousel {
    display: block;
}

#carousel-mob {
    display: none;
}

.btn-obse-vazio {
    display: none;
}

.titulo_mes_ano {
    font-family: "TrendaBold";
    font-size: 25px;
}

.denuncie-pc {
    display: block;
}

.denuncie-mob {
    display: none;
}

.inf-pc .box-manunt .link-manu a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #00752C;
}

.inf-pc .link-band a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #00804E;
}

.inf-pc .link-band {
    display: flex;
    align-items: flex-end;
    width: 9%;
}

.inf-mobile .box-manunt .link-manu a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #00804E;
}

.inf-mobile .link-band a {
    font-family: "TrendaBold";
    font-size: 15px;
    color: #00804E;
}

.inf-mobile .link-band {
    display: flex;
    justify-content: flex-end;
    width: 100%;
}

.auto_banner {
    display: block;
}

.pc {
    display: block;
}

.ipad{
    display: none;
}

.mob{
    display: none;
}


/*MOBILE*/
@media (max-width: 1440px) {
    #scrollToTopBtn {
        right: 7%;
    }

    .sectionautoatendimento .boxleft {
        padding-right: 1.1%;
    }
}

@media (max-width: 1200px) {
    #scrollToTopBtn {
        bottom: 15%;
        right: 12%;
    }

    .whats-right {
        bottom: 14.5%;
        right: 5%;
    }
  }

  @media (max-width: 1024px) {
    #scrollToTopBtn {
        bottom: 10%;
        right: 30%;
    }

    .whats-right {
        bottom: 9.6%;
        right: 23%;
    }
  }


@media (min-width: 1024px) {
    .nav-cookie-disclaimer {
        padding: 16px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;            
        font-family: "FuturaBook";            
    }
    .nav-cookie-disclaimer__button,
    .nav-cookie-disclaimer__button:active,
    .nav-cookie-disclaimer__button:focus {
        width: initial;
    }
    .nav-cookie-disclaimer__text {
        margin: 0 16px 0 0;
    }
}   


@media (max-width: 1024px) {

    #formcadastroago .container {    
        flex-wrap: wrap;
    }

    #formcadastroago .avisomsgimg {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 5%;
    }

    #formcadastroago .boxformulariocadago {
        width: 100%;
    }

    /*geracao pag*/
    .section-geracao-mob .textdtec{
        font-family: "TrendaLight";
        text-align: justify;
        font-size: 18px;
        margin-top: 2%;
        color: #999;        
    }

    .section_membros_admin_fotos .boximgadm:nth-child(4n){
        margin-right: 0.7%;
    }

    .section_membros_admin_fotos .boximgadm:nth-child(3n){
        margin-right: 0;
    }
    
    .section_conselho_fiscal_fotos .boximgfisc:nth-child(4n) {
        margin-right: 0.7%;
    }

    .section_delegados_fotos .boximgdel:nth-child(4n) {
        margin-right: 0.7%;
      }

    .section_delegados_fotos .boximgdel:nth-child(3n) {
        margin-right: 0;
      }

    .section_conselho_fiscal_fotos .boximgfisc:nth-child(3n) {
        margin-right: 0;
    }

    .section-geracao-mob .boxtituloest {
        display: flex;        
    }

    .section-geracao-mob .tituloest {
        font-family: "TrendaLight";
        margin-right: 1%;
        margin-top: 3%;
        font-size: 20px;
    }

    .section-geracao-mob .subtituloest {
        font-family: "TrendaBold";
        font-size: 20px;
        color: #999999;
        margin-top: 3%;
    }

    .section-geracao-mob .tituloif {
        background-color: #015D4E;
        color: #fff;
        padding: 4px;
        padding-left: 4px;
        border-radius: 8px;
        margin: 0.5% 1% 0.5% 0;
        font-size: 17px;
        width: 50%;
        text-align: left;
        padding-left: 20px;
    }

    .section-geracao-mob .tituloifdesc {
        background-color: #50A55D;
        color: #015D4E;
        padding: 4px;
        border-radius: 8px;
        margin: 0.5% 1% 0.5% 0;
        font-size: 17px;
        width: 50%;
    }

    .main .slider .imgslider {
        width: 300px !important;    
    }

    .section-geracao-mob .boxtitulodadostec {
        background-color: #015D4E;
        padding: 5px;
        position: relative;
        z-index: 5;
        width: 100%;
        top: 5px;        
    }

    .section-geracao-mob .titulodadostec {
        font-family: "TrendaBold";
        font-size: 30px;
        color: #EAC427;
    }

    .section-geracao-mob .titulodadostec1 {
        font-family: "TrendaLight";
        font-size: 25px;
        margin-right: 1%;
        color: #fff;
    }

    .section-geracao-mob .titulodadostec2 {
        font-family: "TrendaBold";
        font-size: 25px;
        color: #fff;
    }

    .geracao-pc{
        display: none;
    }

    .geracao-mob{
        display: block;
    }
    /*geracao pag*/
    div.img_banner {       
        left: -117px;
    }

    div.fechar {     
        left: -90px;        
    }
}

@media (max-width: 1023px) {     
    .nav-cookie-disclaimer {
        padding: 16px 15px;
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        align-items: baseline;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;            
        font-family: "FuturaBook";            
    }
    .nav-cookie-disclaimer__button,
    .nav-cookie-disclaimer__button:active,
    .nav-cookie-disclaimer__button:focus {
        width: initial;
    }    
    /* .footerbottom {
        margin-bottom: 127px !important;
    } */

    .footerfixobottom{
        margin-bottom: 103px!important;
    }
}



@media (max-width: 729px) {             
    .footerbottom {
        margin-bottom: 125px !important;
    }

    .footerfixobottom{
        margin-bottom: 64px!important;
    }

    .perguntas .container {     
        flex-direction: column;
    }

    .perguntas .menu {
        width: 100%;
    }
}

@media (max-width: 518px) {               
    .footerbottom {
        margin-bottom: 150px !important;
    }

    .footerfixobottom{
        margin-bottom: 64px!important;
    }
}


@media (max-width: 421px) {                
    .footerbottom {
        margin-bottom: 170px !important;
    }

    .footerfixobottom{
        margin-bottom: 64px!important;
    }
}

@media (max-width: 360px) {                
    .footerbottom {
        margin-bottom: 195px !important;
    }

    .footerfixobottom{
        margin-bottom: 64px!important;
    }
    
    .whats-right {
        bottom: 43.6%;
        right: 9%;
    }

    #scrollToTopBtn {
        bottom: 45%;
        right: 30%;
    }
    
}

@media (max-width: 340px) {                
    .footerbottom {
        margin-bottom: 220px !important;
    }

    .footerfixobottom{
        margin-bottom: 64px!important;
    }
}

@media (max-width: 324px) {                
    .footerbottom {
        margin-bottom: 240px !important;
    }

    .footerfixobottom{
        margin-bottom: 64px!important;
    }
}

@media (max-width: 285px) {                
    .footerbottom {
        margin-bottom: 265px !important;
    }

    .footerfixobottom{
        margin-bottom: 64px!important;
    }
}






/**/
@media (max-width: 1834px) {
    .owl-nav {
        bottom: -290px;
    }
    .btnnoticias {
        left: 220px;
    }
}

@media (max-width: 1608px) {
    .btnnoticias {
      left: 104px;
    }
}


@media (max-width: 1395px) {
    .header-info-box {
        margin-left: 3%;
    }
}

@media (max-width: 1380px) {
    .sectionpagautoatendimento .card:nth-child(5n) {
        margin-right: 2.5%;
    }
}


@media (max-width: 1350px) {
    .header-info-box {
        margin-left: 2%;
    }
    .navbar-nav .nav-item {
        margin-left: 1%;
    }
}

@media (max-width: 1309px) {
    .header-info-box {
      margin-left: 1%;
    }
    .header-info-box .txt {
        margin-left: 17px;
    }
    .header-info-box .box-header {
        margin-left: 20px;
    }
  }

@media (max-width: 1300px) {
    .navbar-nav .nav-item {
        margin-left: 0;
    }
}

@media (max-width: 1244px) {
    .sectioninftecnicas .boxitens {        
        flex-wrap: wrap;
    }

    .sectioninftecnicas .itens {
        margin-bottom: 5%;
    }
}

@media (max-width: 1226px) {
    .header-info-box1 .txt {
        margin-right: 10px;
    }

    .header-info-box .txt {
        margin-right: 10px;
    }

    .header-info-box .box-header {
        margin-left: 15px;
    }
}

@media (max-width: 1200px) {
    .sectioninftecnicas .boxitens { 
        justify-content: flex-start;
    }

    .sectioninftecnicas .itens {
        margin-right: 3%;
    }

    .sectionvisaoemp .boxitem {
        width: 100%;
        padding: 40px 30px;
        height: auto;
    }

    .sectionvisaoemp .boxtitulo {
        display: flex;    
        align-items: center;
    }

    .sectionvisaoemp .titulo {
        margin-top: 0;
        margin-left: 15px;
    }
    
    .sectionvisaoemp .boxitemval {
        width: 100%;     
    }

    .sectionvisaoemp .boxitemval .txt {        
        margin-top: -30px;
    }
}

@media (max-width: 1168px) {
    .sectioninftecnicas .box {
        width: 100%;
    }
    .sectioninftecnicas .boxitens {        
        flex-wrap: wrap;
    }

    .sectioninftecnicas .itens {        
        margin-bottom: 5%;
    }
}

@media (max-width: 992px) {
    .sectioninftecnicas .boxitens {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    
    .sectioninftecnicas .itens {        
        margin-right:  3%;
    }
    .sectionredessociais .boxitem1 {
        width: 100%;
        margin-bottom: 50px;
    }

    .sectionredessociais .boxitem2 {
        width: 100%;
        margin-bottom: 50px;
    }
}


@media(max-width: 834px) {

    .perguntas .projeto-fotos .item{
        width: 100%;
        height: auto;
    }

    .sectionmanut .box {
        width: 100%;
        flex-wrap: wrap;
    }

    .sectionmanut .item1 {
        width: 100%;
    }

    .sectionmanut .boxitem1 {
        width: 100%;
        height: auto;
        padding: 20px 20px;
        margin-bottom: 40px;
    }

    .sectionmanut .item2 {
        width: 100%;
    }

    .sectionmanut .titulo {
        width: auto;
    }

    .boxnavegacao {
        position: relative;
        bottom: -346px;
        left: 16px;
    }

    .titulonav {
        text-align: center;
    }

    #formcadastroago .container {    
        flex-wrap: wrap;
    }

    #formcadastroago .avisomsgimg {
        width: 100%;
        justify-content: space-between;
        margin-bottom: 5%;
    }

    #formcadastroago .boxformulariocadago {
        width: 100%;
    }

    .box-pres .box-inf-pres {
        margin-right: 2.7%;
    }
    .box-pres .box-inf-pres:nth-child(6n) {
        margin-right: 2.7%;
    }

    .section_membros_admin_fotos .boximgadm:nth-child(3n) {
        margin-right: 0.7%;  
    }

    .section_membros_admin_fotos .boximgadm:nth-child(2n) {
        margin-right: 0;
    }

    .section_conselho_fiscal_fotos .boximgfisc:nth-child(3n) {
        margin-right: 0.7%;
      }

      .section_conselho_fiscal_fotos .boximgfisc:nth-child(2n) {
        margin-right: 0;
      }

      .section_delegados_fotos .boximgdel:nth-child(3n) {
        margin-right: 0.7%;
      }

      .section_delegados_fotos .boximgdel:nth-child(2n) {
        margin-right: 0;
      }

      .section_membros_admin_fotos_presid .boximgadmpresid{
        margin-bottom: 25px;
      }

    
    /*geracao pag*/
    .section-geracao-mob .textdtec{
        font-family: "TrendaLight";
        text-align: justify;
        font-size: 18px;
        margin-top: 2%;
        color: #999;        
    }

    .section-geracao-mob .boxtituloest {
        display: flex;        
    }

    .section-geracao-mob .tituloest {
        font-family: "TrendaLight";
        margin-right: 1%;
        margin-top: 3%;
        font-size: 20px;
    }

    .section-geracao-mob .subtituloest {
        font-family: "TrendaBold";
        font-size: 20px;
        color: #999999;
        margin-top: 3%;
      }

    .section-geracao-mob .tituloif {
        background-color: #015D4E;
        color: #fff;
        padding: 4px;
          padding-left: 4px;
        border-radius: 8px;
        margin: 0.5% 1% 0.5% 0;
        font-size: 17px;
        width: 50%;
        text-align: left;
        padding-left: 20px;
    }

    .section-geracao-mob .tituloifdesc {
        background-color: #50A55D;
        color: #015D4E;
        padding: 4px;
        border-radius: 8px;
        margin: 0.5% 1% 0.5% 0;
        font-size: 17px;
        width: 50%;
    }

    .main .slider .imgslider {        
        width: 222px !important;    
    }
    
    .section-geracao-mob .boxtitulodadostec {
        background-color: #015D4E;
        padding: 5px;
        position: relative;
        z-index: 5;
        width: 100%;
        top: 5px;        
    }

    .section-geracao-mob .titulodadostec {
        font-family: "TrendaBold";
        font-size: 30px;
        color: #EAC427;
    }

    .section-geracao-mob .titulodadostec1 {
        font-family: "TrendaLight";
        font-size: 25px;
        margin-right: 1%;
        color: #fff;
    }

    .section-geracao-mob .titulodadostec2 {
        font-family: "TrendaBold";
        font-size: 25px;
        color: #fff;
    }
    /*geracao pag*/

    div.fechar {    
        left: -110px;    
    }

    div.img_banner {    
        left: -142px;
    }
}

@media(max-width: 800px) {
    .box-pres .box-inf-pres {
        margin-right: 2%;
    }
    .box-pres .box-inf-pres:nth-child(6n) {
        margin-right: 2%;
    }
    .box-pres .desc {
        width: 90%;
    }
}

@media(max-width: 768px) {

    .catnoticias {
        display: none;
    }
    .catnoticias_mob {
        display: block;
    }


    .section_falta_energia .box {
        flex-wrap: wrap;
    }

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

    .section_falta_energia .box .item2 {
        text-align: center;
    }

    .section_falta_energia .box .item1 img{
        width: 100%;
    }

    .section_falta_energia .box .item2 img{
        width: 100%;
    }

    .whats-right {
        bottom: 3%;
        right: 9%;        
        z-index: 99991;
    }

    #scrollToTopBtn {
        bottom: 4%;
        right: 30%;
        z-index: 99991;
    }

    .noticiaspag .button-hero {
        margin-bottom: 50px;
    }

    .sectionvisaoemp .boxitemval {
        padding: 15px 20px;
    }

    .btnnoticias {
        top: 16px;
        /* left: -236px; */
        left: 32px;
    }

    .ag-lesson-block {    
        padding: 0;
        margin-top: 0;  
        overflow-x: unset;
    }

    .tab{
        font-size: 15px;
    }

     #mainNav {
        display: block;
    }

    /* .boxed-menu .main-nav {
        display: none;
    } */

    .header-inner {
        display: block;
    }

    .pc {
        display: none;        
    }
    
    .ipad{        
        display: block;
    }
    
    .mob{
        display: none;
    }

    .hiddenmenu{
        visibility: hidden;
        transform: scale(0);
    }

    .sectionredessociais .box {        
        flex-wrap: wrap;
    }

    .sectionredessociais .boxitem1 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 30px;
        padding: 25px 35px;
    }

    .sectionredessociais .boxitem2 {
        width: 100%;
        margin-top: 20px;
        margin-bottom: 80px;
        padding: 25px 35px;
    }

    .pagnoticias .card{
        margin-left: 0;
        padding-left: 0;
        margin-right: 0;
        padding-right: 0;
    }

    .sectionperiodos .box {
        width: 100%;
    }

    .sectioninfdiret .box {
        height: auto;
        padding: 35px 25px;
    }

    .sectioninfdiret .boxitens {
        flex-direction: column;
        margin-bottom: 10px;
    }

    .sectioninfdiret .borderlaterias {
        margin-bottom: 40px;
        margin-top: 20px;
    }
    
    .sectiontransf .boxconteudo {
        width: 100%;
    }

    .sectioninfdiret .boxitem .titulo {
        margin-bottom: 10px;        
    }

    .sectioninfdiret .boxitem {
        width: 100%;
        height: auto;
    }

    .transf {
        margin-top: 0;
    }

    .sectiontransf .box {
        flex-wrap: wrap;
    }

    .sectiontransf .pfisica {
        width: 100%;
    }

    .sectiontransf .pjuridica {
        width: 100%;
        margin-top: 50px;
    }

    .sectioninf .boxconteudo {
        width: 100%;
    }

    .transferencia {
        margin-top: 90px;
        margin-bottom: 100px;
    }    

    .sectioninf .boxcuidado {
        margin-right: 0;
    }

    .sectionmudancalig .box {
        /* width: 100%; */
        width: 90%;
    }

    .sectionpagautoatendimento .card {
        /* margin-right: 5%; */
        /* margin-bottom: 5%; */
    }

    .sectionpagautoatendimento .card:nth-child(5n) {
        margin-right: 5%;
    }

    .sectionendauto .boxconteudo {
        margin-bottom: 30px;
    }

    .sectionsustentabilidade .container {
        flex-wrap: wrap;
        padding-left: 0;
    }

    .sectionsustentabilidade .box {
        width: 100%;
    }

    .sectionultimanoticia .container {
        align-items: flex-start;
        padding: 15px 20px;
        flex-wrap: wrap;
        height: auto;
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0;
    }    

    .sectionultimanoticia .box {
        width: 100%;
        margin-right: 0;
    }

    .sectionimgnoticias .container{
        padding-right: 0;
        padding-left: 0;
    }

    .sectionimgnoticias .container img{
        width: 100%;
    }

    .sectionultimanoticia .box {
        padding: 15px 25px;
    }

    .sectionultimanoticia .titulo {
        margin-bottom: 25px;
    }

    .sectionultimanoticia .txt {
        margin-bottom: 35px;
    }

    .noticias_home .box-overlay {
        width: 100%;
    }

    .noticias_home .container {
        padding-left: 0;
        padding-right: 0;
    }

    .noticias_home .vermaisnoticiashome {
        justify-content: flex-start;
        margin-top: 25px;
    }

    .noticias_home .card{
        width: 100%;
        margin-left: 0;
        margin-right: 0;
        padding-left: 0;
        padding-right: 0;
    }

    .perguntas .content {
        width: 100%;
    }

    .sectiontitulo .content {
        width: 100%;
    }

    .sectioninfpag .box {
        width: 100%;
    }
    
    /* .sectionsustentabilidade .box img{
        width: 100%;
    } */

    .sectionsustentabilidade .txt {
        margin-bottom: 50px;
    }

    .box-pres .box-inf-pres {
        margin-right: 1%;
        width: 24%;
    }
    .box-pres .box-inf-pres:nth-child(6n) {
        margin-right: 2%;
    }
    .box-pres .desc {
        width: 90%;
    }

    .sectioninftecnicas .boxitens {
        justify-content: flex-start;
        flex-wrap: wrap;
    }
    .sectioninftecnicas .box {
        width: 100%;
    }

    .sectioninftecnicas .itens {        
        margin-bottom: 7%;
        margin-right: 3%;
    }

    .sectionnumeros .boxitem1{
        width: 100%;
        margin-bottom: 2%;
    }

    .sectionnumeros .boxitem2{
        width: 49%;
    }

    .sectionnumeros .boxitem3{
        width: 49%;
    }
    

    .projetos .card {
        flex-direction: column;
    }
    .projetos .card .card-body {
        padding-top: 2%;
        width: 100%;
    }

    .main .slider .imgslider {
        width: 164px !important;
    }

    div.fechar {    
        left: -110px;    
    }

    div.img_banner {    
        left: -152px;
    }

    .sectionformas .titulo {
        width: 86%;
    }

    .sectioninfpag .boxtxt {
        flex-wrap: wrap;
    }

    .sectioninfpag .titulo {
        width: 100%;
    }

    .sectioninfpag .titpag {
        width: 100% !important;  
        margin-bottom: 20px;      
    }

    .sectioninfpag .txt {
        width: 100%;
    }

    .sectiontipopag .box {       
        width: 70%;
        flex-wrap: wrap;
    }

    .sectiontipopag .item {
        margin-right: 6%;
        margin-bottom: 6%;
    }

    .header-info-box {
        margin-left: 5%;
    }

    .header-info-box .box-header img{
        margin-right: 15px!important;
    }
    
    .header-info-box1 .txt {
        margin-right: 30px;
    }

    .header-info-box .box-header {
        margin-left: 50px;
    }
}

@media(max-width: 760px) {

    .sectioninfpag .titulo {
        margin-top: 0;
    }

    .top-menu {
        display: none;
    }
    .header-menu {
        display: none;
    }
    /* .boxed-menu .main-nav {
        display: none;
    } */
    /* .header-inner {
        display: none;
    }
    .header-toolbar {
        display: none;
    } */
    .menu-mob {
        display: block;
    }
    .auto_banner {
        display: none;
    }
    .footer-fixo {
        display: none;
    }
    .footer-texto {
        width: 100%;
        padding: 15px 5px;
    }
    .footer-bottom .container {
        flex-direction: column;
    }
    .denucie .container {
        display: flex;
        flex-wrap: wrap;
    }
    .denuncie-pc {
        display: none;
    }
    .denuncie-mob {
        display: block;
    }
    .autoatendimento .card {
        width: 100%;
        margin-bottom: 4%;
    }
    .texto2 .box {
        flex-wrap: wrap;
    }
    .empresa-pc {
        display: none;
    }
    .empresa-mob {
        display: block;
    }
    .inst {
        padding: 20px 0;
    }
    .inst .missao {
        padding: 10px 2px;
    }
    .inst .visao {
        padding: 10px 2px;
    }
    .inst .valores {
        padding: 10px 2px;
    }
    .box-amb {
        padding: 5px;
    }
    .header_adm .box-titulo {
        margin-top: 8em;
    }
    .denucie .cadastro {
        width: 100%;
    }
    .box-bandeiras .box-img-band {
        width: 100%;
    }
    .box-bandeiras .box-dados-band {
        width: 100%;
        margin-bottom: 10%;
    }
    .box-fatura {
        flex-wrap: wrap;
    }
    .box-fatura .box-img {
        width: 100%;
    }
    .box-fatura .box-txt {
        width: 100%;
    }
    .denucie .list-banco .itens {
        width: 100%;
        margin: 2% 0;
    }
    .denucie .list-banco .itens img {
        width: 100%;
    }
    .inf-tecnicas-links ul {
        flex-direction: column;
    }
    .inf-tecnicas-links ul li {
        width: 100%;
        margin-bottom: 5%;
        padding: 35px 30px;
    }
    .inf-pc {
        display: none;
    }
    .inf-mobile {
        display: block;
    }
    .empresa-foto-mob .box {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
    .empresa-foto-mob .box img {
        width: 100%;
    }
    .empresa-foto .pc {
        display: none;
    }
    .empresa-foto-mob {
        display: block;
    }
    .empresa-foto-mob .box .itens {
        margin-bottom: 5%;
    }
    .institucional .table-responsive {
        margin-bottom: 5%;
    }
    .institucional table tr,
    td {
        line-height: initial;
    }
    .denucie table th,
    tr,
    td {
        line-height: initial;
    }
    .titulo_pag {
        text-align: center;
    }
    .box-pres .box-inf-pres {
        margin-right: -1.0%;
    }
    .box-pres .desc {
        width: 90%;
    }
    .btn_legislacao .container {
        flex-direction: column;
    }
    .btn_legislacao .btn-leg {
        width: 100%;
        margin-top: 5%;
    }
    .header_adm .tit {
        font-size: 27px;
    }
    .legislacao .titulo_pdf {
        font-size: 16px;
        width: 100%;
    }
    .band-tarifaria-pdf .titulo_pdf {
        width: 100%;
    }
    .btn-obse-vazio {
        font-size: 14px;
        padding: 5px 10px;
        margin-left: 1%;
        background-color: #fff!important;
        color: #fff!important;
        border: 0px;
    }
    .btn-obse-vazio:hover {
        cursor: default;
    }
    .transparencia .titulo_pdf {
        width: 100%;
    }
    .hr-contato .container {
        display: flex;
        flex-wrap: wrap;
    }
    .box-cont-end {
        margin-bottom: 10%;
    }
    .box-cont-end img {
        display: none;
    }
    .box-cont-hora img {
        display: none;
    }
    .cooperativismo {
        padding: 5% 0;
    }
    .cooperativismo .container {
        display: flex;
        flex-direction: column;
        flex-wrap: wrap;
    }
    .cooperativismo .box-mis-vis {
        width: 100%;
    }
    .cooperativismo .box-val {
        width: 100%;
    }
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 16px !important;
    }
    #navbarResponsive {
        background-color: #fff;
        color: #FFF;
        margin-top: 10px;
    }
    .carousel_home {
        margin-top: 4em;
    }
    #mainNav {
        /* display: block; */
    }
    .footer-bottom {
        margin: 0!important;
    }
    .inf-mob-contato {
        display: block;
    }
    footer .box {
        width: 100%;
    }
    footer .box_link {
        width: 15%;
    }
    .grupo {
        display: block;
    }
    .call-to-action .box_txt {
        width: 100%;
    }
    .call-to-action .titulo {
        font-size: 30px;
    }
    .call-to-action .subtitulo {
        font-size: 30px;
        margin: -10px 0 0 0;
    }
    .empresas img {
        margin-bottom: 3%;
    }
    .campanhas .card {
        width: 100%;
    }
    .respon_social p {
        font-size: 30px;
    }
    .patrocionio .container {
        flex-wrap: wrap;
    }
    .patrocionio .box_btn {
        width: 100%;
    }
    .campanhas .card {
        margin: 1% 0;
    }
    .box-titulo_amb {
        width: auto;
    }
    .box-titulo_amb {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        margin-top: 120px;
        padding-bottom: 47px;
        line-height: 35px;
    }
    .header_grupo .box-titulo {
        width: 100%;
    }
    .tit {
        font-size: 27px;
    }
    .section_filiais {
        height: 30vh;
        top: -50px;
    }
    .section_filiais img {
        width: 48%;
    }
    .section_right .txt_conc {
        padding-bottom: 4%;
    }
    .section_right {
        padding-bottom: 4%;
    }
    .section_left {
        display: none;
    }
    .grupo p {
        margin: 20% 0;
    }
    .sect_op {
        background-color: #f7f7f7;
        display: block;
        margin-bottom: 3%;
    }
    .pc {
        display: none;
    }
    .mobile {
        margin: 6% 0;
        display: block;
        padding-bottom: 15px;
        /* border-bottom: 1px solid #88C54B!important; */
    }
    .mobile_ult {
        margin: 5% 0;
        display: block;
        padding-bottom: 15px;
        border-bottom: 1px!important;
    }
    .grupo .btn {
        margin: 5% 0;
    }
    .clientes .cli-titulo {
        font-size: 23px;
    }
    .clientes .box_clientes img {
        width: 48%;
        margin: 3px;
    }
    .clientes .box_clientes img:nth-child(2n) {
        margin-right: 0;
    }
    .clientes .box_clientes img:nth-child(2n+1) {
        margin-left: 0;
    }
    .negocios_home .box_neg {
        display: flex;
        flex-direction: column;
    }
    .negocios_home .item {
        width: 100%;
        margin: 3% 0 1% 0;
    }
    .negocios_home .box_neg .item img {
        width: 100%;
    }
    .noticias .card {
        width: 100%;
        margin: 1% 0;
    }
    /* .noticias_home p {
     font-size: 35px;
    } */
    .noticias_home .card {
        width: 100%;
        margin: 1% 0;
    }
    .noticias_campanhas p {
        font-size: 19px;
    }
    .noticias_campanhas .card {
        width: 100%;
        margin: 1% 0;
    }
    .contato_end {
        margin-left: 0;
        padding-left: 0;
    }
    .noticias_rec .formtext {
        font-size: 17px;
        margin-left: 0;
        margin-bottom: 1rem !important;
    }
    .formulario_sugestoes .formtext {
        font-size: 17px;
        margin-left: 0;
    }
    .formulario_sugestoes .box_txt {
        width: 100%;
    }
    .formulario span {
        font-size: 12px;
    }
    .map .map-frase {
        margin-top: 10%;
        font-size: 20px;
    }
    .map .painel-map-nav ul.abas li a {
        height: 50px !important;
    }
    .map .painel {
        padding: 84px 15px 15px 15px!important;
    }
    .atuacao {
        /* height: 50vh; */
    }
    .header_map_loc .box-titulo_map {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
    }
    .header_map_loc .box-titulo_map .tit {
        font-size: 19px;
    }
    .header_map_loc .box_txt {
        width: 100%;
    }
    .header_amb .box_txt {
        width: 100%;
    }
    .respon_social {
        height: 100vh;
    }
    .box-mensagem {
        width: 100%;
        line-height: 25px!important;
    }
    .box-mensagem .txt_1 {
        font-size: 17px;
    }
    .box-mensagem .txt_2 {
        font-size: 25px;
    }
    .noticias ul {
        padding-left: 2px;
    }
    .header_cont_forn .box-titulo_cont_forn {
        width: 100%;
    }
    .header_cont_inv .box-titulo_cont_inv {
        width: 100%;
    }
    .header_cont_trab .box-titulo_cont_trab {
        width: 100%;
    }
    .sutent-pc {
        display: none;
    }
    .sutent-mob {
        display: block;
    }
    #mainNav {
        background-color: #F8F8FA;    
        margin-top: 30px;
        margin-bottom: 10px;    
        /* border-bottom: 1px solid #88C54B; */
    }
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        padding-top: 10px!important;
        padding-bottom: 12px!important;
    }
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 16px!important;
    }
    .navbar-nav>li>a {
        height: 45px;
    }
    header.video {
        display: none!important;
    }
    /* header.carousel_home{
    display: block;
    margin-top: 100px;
    } */
    .inf-section {
        display: none;
    }
    .inf-section-mobile {
        display: none;
    }
    .inf-section-mobile .container {
        display: flex;
        flex-wrap: wrap;
    }
    .inf-section-mobile .bx {
        width: 50%;
    }
    .inf-section-mobile .bx img {
        width: 100%;
    }
    .mensagem {
        /* padding: 100px 0;
    text-align: center;
    background-size: cover;
    background-attachment: scroll; */
        /* height:auto;
  	min-height:100vh;
  	background-size:cover;
  	background-position:center;
    background-size: 100%; */
        height: 33%;
        width: 100%;
        /* min-height: 42vh; */
        background-size: contain;
        background-position: center;
        background-size: 100%;
        background-attachment: scroll
        /* height: 85vh;
    min-height: 300px;
    background: no-repeat center center scroll;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover; */
    }
    .negocios_home .item .overlay {
        top: 83%;
    }
    .numeros {
        display: none;
    }
    .numeros_mobile {
        display: block;
    }
    .numeros_mobile .titulo {
        font-family: "TrendaBold";
        font-size: 27px;
        color: #fff;
    }
    .numeros_mobile .box-numeros {
        padding: 2px;
        margin-top: 5px;
        display: flex;
        flex-wrap: wrap;
    }
    .numeros_mobile .itens {
        width: 50%;
        font-size: 10px;
        color: #fff;
        margin-bottom: 5%;
    }
    .numeros_mobile .box-numeros .itens img {
        width: 100%;
    }
    .numeros_mobile .ligacoes {
        font-size: 10px;
        color: #fff;
    }
    .numeros_mobile .municipios,
    .pessoas,
    .veranistas {
        font-family: "TrendaBold";
    }
    .map .painel {
        padding: 84px 5px!important;
    }
    .map .painel p {
        font-size: 13px;
    }
    .map .painel ul li ul li b {
        font-size: 13px;
    }
    .clientes .box_clientes {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
    }
    .clientes .box_itens {
        width: 33%;
    }
    .clientes .box_itens img {
        width: 100%;
    }
    .noticias .box_vj {
        display: none;
    }
    .noticias .box_vj_mobile {
        display: block;
    }
    .respon_social {
        padding: 100px 0;
        background-size: cover;
        background-attachment: scroll;
    }
    .section_filiais {
        left: 0;
    }
    .mensagem {
        display: none;
    }
    #concessoes {
        display: none;
    }
    #operacao {
        display: none;
    }
    #filiais {
        display: none;
    }
    .mob-neg {
        display: block;
        background-color: #F7F7F7;
    }
    #filiais_mob {
        margin-top: 1em;
    }
    #filiais_mob .container {
        display: flex;
    }
    #filiais_mob img {
        width: 49%;
        margin-bottom: 0.4em;
    }
    .transparencia .btn-obse {
        width: 100%;
    }
    .trans-btn-pc {
        display: none;
    }
    .trans-btn-mob {
        width: 100%;
        display: block;
    }

    .section_membros_admin_fotos .boximgadm {
        width: 379px;
    }

    .section_membros_admin_fotos .boximgadm .boximgft{
        width: 379px;
        height: auto;
    }

    .section_conselho_fiscal_fotos .boximgfisc {
        width: 379px;
    }

    .section_conselho_fiscal_fotos .boximgfisc .boximgft{
        width: 379px;
        height: auto;
    }

    .section_delegados_fotos .boximgdel {
        width: 379px;
    }

    .section_delegados_fotos .boximgdel .boximgft{
        width: 379px;
        height: auto;
    }

    .sectionsustentabilidade {
        width: 100%;
        height: 100%;
    }

    .sectionsustentabilidade .txt {
        width: 100%;
    }
}

@media(max-width: 575px) {


    .sectionpagautoatendimento .card:nth-child(5n) {
        margin-right: 2.5%;
    }

    .sectionpagautoatendimento .card {
        width: 47%;
    }

    .noticiaspag .button-hero {
        margin-bottom: 50px;
    }

    .pagnoticias .box-overlay {
        width: auto;
        height: auto;
    }

    .sectiondivisor {    
        top: -125px;
    }

    .pagnotsec{
        margin-bottom: 0!important;
    }

    .noticiascarousel .box-overlay {
        width: auto;
        height: 275px;
    }

    .noticiascarousel{
        margin-bottom: 170px;
    }

    .btnnoticias {
        width: 200px;
        top: 52px;
        /* left: -85px; */
        font-size: 15px;
        
    }

    .institucionalemp .content{
        margin-left: 0!important;
        margin-right: 0!important;
    }

    .institucionalemp{
        margin-bottom: 0!important;
    }

    .ag-lesson-block {
        /* padding: 80px 0; */
        margin-top: -60px;
        margin-bottom: 200px;
    }

    /* .pagnoticias .card:nth-child(3n+1) {
        margin-left: auto;
        padding-left: auto;
        margin-right: auto;
    } */

/* Seus estilos existentes aqui */

.navitem-menu-mob:hover .dropdown-toggle::after {
    transform: rotate(180deg);
  }
  
  .navbar-toggler-icon {
    background-color: #333; /* Cor do ícone de hambúrguer */
  }
  
  .navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
    background-color: transparent; /* Cor do ícone 'X' quando o menu está aberto */
  }
  
  .fixed-navbar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 1000;
    background-color: #333; /* Cor de fundo do menu fixo */
    transition: background-color 0.3s; /* Adicionado para suavizar a transição de cor de fundo */
  }
  
  /* Adicione a classe submenu-opened quando o submenu estiver aberto */
  .submenu-opened .nav-link {
    color: #01509F; /* Cor do texto do item do menu quando o submenu está aberto */
  }
  
  /* Adicione a classe submenu-opened ao item do menu com submenu quando o submenu estiver aberto */
  .submenu-opened .navitem-menu-mob:hover .dropdown-toggle::after {
    transform: rotate(180deg);
  }
  
  /* Outros estilos conforme necessário */
  

  #mainNav {
    margin-top: 0;
  }




    .homemarginbootom{
        margin-bottom: 50px!important;
    }

    /* .sectionbannerhome .container{            
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; 
    } */

    .sectionbannerhome .conteiner {
        width: 100%;
        padding-right: var(--bs-gutter-x,.75rem);
        padding-left: var(--bs-gutter-x,.75rem);
        margin-right: auto;
        margin-left: auto;
    }


    
    .sectionbannerhome .boxconteiner {
        border-bottom-right-radius: 0;
        border-bottom-left-radius: 0; 
        padding-bottom: 50px;
    }

    .sectionbannerhome .titulo {
        font-family: "Red Hat Display";
        font-size: 32px;
        font-weight: 700;
        line-height: 44px;
    }

    .sectionbannerhome .txt {
        font-family: "Red Hat Display";
        font-size: 16px;
        font-weight: 500;
        line-height: 25px;
        letter-spacing: 0em;
        text-align: left;
        color: #F8F8FA;
        width: 100%;
    }

    .sectionbannerhome .box {
        width: 85%!important;                
        margin-top: 50px;
        margin-right: 20px;
        margin-left: 20px;
    }

    .pagdisjuntor .boxcuidado {        
        height: 420px !important;
        justify-content: space-around;
    }

    .pagdisjuntor .boxinf {
        height: auto!important;
    }

    .sectiontransf .boxconteudo {
        width: 90%;
    }

    .transferencia .boxtransf {
        height: auto!important;
    }

    .transferencia {
        margin-top: 35px!important;
        height: auto!important;
        margin-bottom: 10px!important;
    }

    .box-fatura .box-txt {
        width: 100%;
        margin-top: 40px;
    }

    .box-fatura {     
        margin-top: -60px;
    }

    .sectiontxt .container {
        display: flex;
        justify-content: center;
    }

    .sectionresarcimento .box {
        width: 90%;
    }

    .sectiontxt .box {
        width: 90%;
    }

    .sectionsustentabilidade{
        width: 100%;
        padding-right: 15px;
        padding-left: 15px;
        margin-right: auto;
        margin-left: auto;
    }

    .sectionboxs .box {
        width: 100%;
        height: auto;
    }

    .legislacao ul li {
        flex-wrap: wrap;
        padding-bottom: 10px;
        justify-content: center;
    }
    .legislacao .titulo_pdf {
        font-size: 15px;
        text-align: left;
    }
    .legislacao .box-pdf {      
        width: 100%;
    }

    .legislacao a {
        text-align: left;
        justify-content: flex-start;    
        width: 100%;
    }

    .legislacao a {
        font-size: 16px !important;
    }

    .sectioninfpag .content {
        display: flex;
        justify-content: center;
        margin-top: 80px;
        margin-left: 15px;
        margin-right: 15px;
    }

    .pc {
        display: none;
    }
    
    .ipad{                
        display: none;
    }
    
    .mob{
        display: block;
    }

    .sectioninf .box {    
        flex-wrap: wrap;
    }

    .sectioninf .boxcuidado {
        width: 100%;
        height: 350px;
        margin-bottom: 45px;
    }

    .sectioninf .boxinf {
        width: 100%;
        height: auto;
        padding: 40px 15px 20px 20px;
    }

    .sectioninf .boxtel {
        flex-direction: column;        
        margin-bottom: 6%;
        margin-top: 10%;
    }

    .sectioninf .boxtel .box {
        width: 100%;
        margin-bottom: 18px;
    }

    .divisor{
        display: none;
    }

    .sectioninf .boxtel .box2 {
        margin-left: 0;        
        margin-bottom: 20px;
        margin-top: 20px;
    }

    .sectioninf {
        margin-top: -50px;
    }

    /* .sectionbanner {
        margin-top: -40px;
    } */

    .sectionbanner {
        margin-top: 20px;
        margin-bottom: 0px;
    }

    .sectionpagamento {
        margin-top: 40px;
    }

    .sectionpagamento .imgitem {
        justify-content: center;
    }

    .sectionpagamento .imgpg {

    }

    .sectionpagamento .imgitem .item {    
        margin-bottom: 2%;
        margin-top: 3%;
    }

    

    .sectioncontato .content {
        width: 90%;
        flex-wrap: wrap;
        margin-bottom: 80px;
    }
    .sectioncontato .inf {
        width: 100%;
        margin-top: 100px;
    }

    .sectioncontato .inf .tituloinf {
        text-align: center;
        margin-top: 40px;
    }

    .sectioncontato .formcontato {
        width: 100%;
    }

    .sectioncontato .inf .item {
        width: 100%;
        height: auto;
    }

    .sectionpagamento .imgpg {
        margin-bottom: 5%!important;
    }

    .sectioncontato .form-group{
        width: 100%;
    }

    .sectioncontato .form-group{
        width: 100%;
        height: auto;
    }

    .sectioncontato .formcontato .input_cont {
        width: 100%;
        /* height: auto; */
        height: 57px;
    }

    .sectioncontato{
        margin-top: -70px;
    }

    .sectioncontato .formcontato textarea {
        width: 100%;        
    }
}


@media(max-width: 518px) {

    /* .boxtabs {
        flex-wrap: wrap;
        margin-bottom: 40px;
    } */

    .sectionautoatendimento .boxleft {
        gap: unset;
    }

    .sectionautoatendimento .card {
        margin-right: 2.5%;
        margin-bottom: 2.5%;
    }   

    .sectiondivisor::after {     
        bottom: 3px;
        left: 87px;
        width: 150px;
    }

    .owl-nav{
        /* bottom: 0; */
        bottom: -197px;
    }


    main {
        margin-bottom: -100px;
    }

    .tab {
        font-size: 12px;
        margin-top: 15px;
    }

    .boxtabs {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 40px;
    }

    .slick-slide{
        margin-left:  15px;
        margin-right:  15px;
    }

    .slick-center{
        transform: scale(1.2);
    }

    .slick-list {
        overflow: visible!important;
    }
    
    .tab {
        margin-right: 20px; /* Adicione a margem desejada */
    }
    
    .tab:last-child {
        margin-right: 0; /* Remova a margem para o último elemento */
    }

    .boxnavegacao {        
        /* bottom: -346px; */
        bottom: -289px;
        left: 0px;
    }

    .sectionconhecer .boxitem {
        margin-right: 0;
        padding: 20px;
    }

    .sectionvisaoemp .boxitemval .txt {        
        margin-top: -30px;
    }

    .sectionconhecer .box {
        width: 100%;
    }

    .sectionvisaoemp .box {
        width: 100%;
    }

    .sectionvisaoemp .boxitem {
        margin-right: 0;
        margin-bottom: 30px;
    }

    .sectionvisaoemp .boxitemval {
        width: 100%;
        /* height: 335px;         */
        height: auto;
        border-radius: 16px;
        margin-right: 0;
    }

    .sectionlist .item{
        width: 100%;
    }

    .sectionlist .cargo{
        width: 43%;
    }

    .sectionlist .nome{
        width: 50%;
    }

    .sectionvisaoemp .boxitemval .titulob {
        display: flex;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .sectionvisaoemp{
        margin-bottom: 60px;
    }

    .sectioninfdiret .boxitens {
        flex-direction: column;
    }
    
    .sectioninfdiret .boxitem {
        width: 100%;
        margin-bottom: 10px;
    }

    .sectioninfdiret .box {
        height: auto;   
        padding: 35px 25px;
    }

    .sectionconhecer .boxitem {
        /* width: 326px; */
        width: 100%;
        height: 350px;
        border-radius: 16px;        
        margin-right: 0;    
        margin-bottom: 30px;       
    }

    .sectioninfdiret .borderlaterias{
        margin-bottom: 40px;
        margin-top: 20px;
    }

    .sectioninfdiret .boxitem .titulo {
        margin-bottom: 10px;
    }

    .sectioninfdiret .boxitem {
        height: auto;
    }

    .sectioninfdiret{
        margin-bottom: 50px;
    }

    .sectionlocalcad .boxlocalcad {
        width: 339px;
        height: 223px;        
        border-radius: 16px;
        padding: 20px;
        justify-content: flex-start;
    }

    .sectionlocalcad .titulo {
        display: flex;
        align-items: flex-start;
        margin-top: 20px;
    }

    .sectionlocalcad .boxlocalcad .txt {
        margin-left: 58px;
    }

    .sectionmanuntencaomob .inf {     
        font-size: 13px;
    }

    .sectionmanuntencaomob .subtitulo {
        font-size: 14px;
    }

    .sectionpagautoatendimento .card .card-title {    
        width: 100%;
    }

    .sectionmanuntencaomob .titulo {
        font-size: 20px;
    }

    .sectionautoatendimento .card .card-title {       
        width: 100%;
    }

    .sectionmanuntencaomob .box .box1 {
        width: 90%;
    }

    .sectionmanuntencaomob .box .box2 {
        padding: 22px 26px;
    }
    

    .sectionautoatendimento .card {        
        /* margin-bottom: 25px; */
    }

    .sectionmanuntencaomob .imgmanut {            
        width: 92%;
        left: 3%;
    }

    footer.footer p {
        text-align: center!important;
    }

    footer .list-unstyled {
        text-align: center!important;
    }

    footer .box {
        margin-left: 0;
        width: 100%;
    }

    .footercorsel{
        width: 100%!important;
    }

    .footercorsel2 {
        width: 100% !important;
    }

    .footercorsel3 {
        width: 100% !important;
        margin-top: -46px;
    }

    .footercorsel4 {
        width: 100% !important;
    }

    .footerinf .container {
        flex-wrap: wrap;
    }

    .boxfooterinf {
        width: 100%;
    }

    .boxfooterend {
        width: 100%;
        text-align: center;
    }

    .boxredes{
        margin-top: 50px;
        display: flex;
        justify-content: space-around;
        align-items: baseline;
        width: 70%;
    }

    /* .boxredes img{
        margin-right: 20px;
    } */

    .boxfooterend {     
        font-size: 12px;
        font-weight: 500;        
        letter-spacing: 0em;
        text-align: center;
        margin-top: 20px;
        margin-bottom: 20px;
      }     

      .divisor{
        border: 1px solid #178043;
        margin-bottom: 20px;
        margin-top: 30px;
      }

      footer.footer {
        margin-bottom: 0px;
        padding-bottom: 40px;
      }

    .boxredes .titulo{
        font-size: 14px;
    }

    .noticias_home {    
        margin-top: 45px;
        /* margin-bottom: 50px; */
        margin-bottom: -15px;
    }

    .noticias_home .titulo {        
        color: #19211B;
    }

    .noticiadetalhes .box-overlay {
        width: 100%;
        height: auto;
    }

    .outrasnoticiasdet .titulo{
        color: #51A8B1;
    }

    .noticias_home .vermaisnoticiashome a{
        color: #51A8B1;
    }

    .sectionautoatendimento {    
        margin-bottom: 30px;
        margin-top: 78px;
    }

    .sectionautoatendimento .titulo {
        margin-bottom: 20px;
    }

    .sectionautoatendimento .mostrar {
        margin-bottom: 40px;
    }

    .sectionautoatendimento .card {
        /* width: 100%; */
        width: 47%;
    }

    .swiper-pagination {
        display: none;
    }

    .sectionautoatendimento .boxleft {
        margin-right: 2.5%;
        padding-right: 1.1%;
    }

    .sectionautoatendimento .card:nth-child(4n) {
        margin-right: 2.5%;
    }
    .header-info-boxes {
        flex-direction: column;
        align-items: center;
    }

    .header-info-box {
        margin-left: 0;
        border-left: 0;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .header-info-box .box-header {
        margin-left: 0;
    }

    .header-info-box1 .txt {
        margin-right: 10px;
    }

    .header-info-box1 {    
        border-bottom: 2px solid #C2C2C8;        
        padding-bottom: 20px;
        margin-top: 20px;
    }
    .navbar-nav > li > a {
        height: auto;
        color: #fff;
    }

    .navbar-nav > li >  .linkvirtual{
        color: #fff;
    }

    .navbar-nav > li >  .linkvirtual:hover{
        color: #01509F;
    }

    .navbar-nav > li >  .linkportaltransp{
        color: #01509F;
    }


    .sectiontipopag .box {
        width: 100%;
    }

    .sectiontipopag .item {
        width: 100%;
        height: 141px;
        margin-right: 0;
    }

    .sectioninfpag .btnsolicitar {
        margin-bottom: 80px;
    }

    .perguntas .content {        
        width: 100%;        
        /* width: 90%;       */
    }

    .perguntas .titulo {
        font-size: 18px;
    }

    .perguntas .text {
        font-size: 16px;
    }

    .sectioninfpag{
        margin-bottom: 20px;
    }

    .sectionperguntas {
        margin-top: 0;
    }

    .menu {
        margin-bottom: 50px;
    }

    .pagnoticias .card .card-body .noticiastarja {
        top: 145px;
    }

    .pagnoticias .card{
        margin-bottom: 50px;
    }

    .noticiascarousel .card .card-body .noticiastarja {
        top: 150px;    
    }

    .noticias_home .card .card-body .noticiastarja {
        top: 179px;    
    }



    .sectiontituloatend .boxauto {
        width: 100%;
    }

    .sectionendauto .boxauto {
        width: 100%;
    }

    .sectionsustentabilidade .titulo {
        font-size: 40px;
    }

    .sectionpagautoatendimento .titulo {
        font-size: 38px;
    }

    .sectionpagautoatendimento .boxauto {
        width: 100%;
    }

    .sectionpagautoatendimento .box {       
        /* justify-content: center; */
        justify-content: flex-start;
    }

    .sectionpagautoatendimento .card {
        /* margin-right: 10px; */
        /* margin-right: 0; */
        margin-bottom: 40px;
        /* width: 180px; */
        width: 48.7%;
        margin-bottom: 2%;
    }

    .sectionpagautoatendimento .card:nth-child(2n) {
        margin-right: 0;
    }

    .sectionpagautoatendimento .card:nth-child(5n) {
        margin-right: 2%;
    }

    .sectiontituloatend .titulo {
        font-size: 38px;
    }

    .sectionsustentabilidade .brands {
        font-size: 12px;
    }

    .sectionsustentabilidade .txt {
        /* width: 330px; */
        width: 100%;
        padding-right: 5px;
    }

    .sectionsustentabilidade .box {
        margin-right: 15px;
        margin-left: 15px;
    }

    .sectionsustentabilidade .titulo {
        width: 311px;
        font-family: "Red Hat Display";
        font-size: 37px;
        /* font-size: 40px; */
        font-weight: 700;
        line-height: 44px;
        letter-spacing: 0em;
        text-align: left;
    }

    .sectionsustentabilidade .subtitulo {
        font-size: 16px;
    }

    .sectionsustentabilidade .subtitulo img {
        margin-right: 10px;
    }

    .noticias_home .container {
        padding-left: 15px!important;
        padding-right: 15px!important;
    }

    /*PAG SUSTENTABILIDADE*/
    .sectiontitulo .content {
        width: 100%;
        margin-left: 15px;
        margin-right: 15px;
    }

    .sectiontitulo .titulo {
        font-size: 38px;
    }

    .sectionpagamento .imgitem .item {
        margin-right: 0;
    }

    .sectiontipopag .titulo {
        margin-top: 38px;
    }

    #formcadastroago .avisomsgimg {
        flex-wrap: wrap;
    }
    
    #SubmitButton{
        margin-top: 5%;
    }

    .section-geracao-mob .titulodadostec {
        font-family: "TrendaBold";
        font-size: 21px;
        color: #EAC427;
      }
      
      .section-geracao-mob .titulodadostec1 {
        font-family: "TrendaLight";
        font-size: 20px;
        margin-right: 1%;
        color: #fff;
      }

      #formcadastroago .avisoimg{
        width: 100%;
      }

      #formcadastroago .avisomsgimg{
        width: 100%;
      }
      
      .section-geracao-mob .titulodadostec2 {
        font-family: "TrendaBold";
        font-size: 20px;
        color: #fff;
      }
      
      .main .slider .imgslider {
        width: 350px !important;
      }

        .sectionnumeros .boxitem1{
            width: 100%;
            margin-bottom: 5%;
        }

        .sectionnumeros .boxitem2{
            width: 100%;
            margin-bottom: 5%;
        }      

        .sectionnumeros .boxitem3{
            width: 100%;
        } 

        .sectioninfpag .titulo {
            font-size: 33px;
            /* font-size: 40px; */
            width: 100%;
            /* margin-top: 40px; */
            margin-top: -40px;
            margin-bottom: 40px;
            line-height: 44px;
            letter-spacing: 0em;
        }
    }
    

    @media(max-width: 454px) {
    .sectioninftecnicas .boxitens {
        justify-content: center;        
      }
    }
    
@media(max-width: 428px) {

    .compartilha .titulo{
        font-size: 33px!important;
    }
    .btnnoticias {    
        left: 17px;
    }

    .owl-nav {
        bottom: -246px;
    }
    

    .header-info-boxes {
        flex-direction: column;
        align-items: center;
    }

    .header-info-box {
        margin-left: 0;
        border-left: 0;
        margin-top: 25px;
        margin-bottom: 20px;
    }

    .header-info-box .box-header {
        margin-left: 0;
    }

    .header-info-box1 .txt {
        margin-right: 10px;
    }

    .header-info-box1 {    
        border-bottom: 2px solid #C2C2C8;        
        padding-bottom: 20px;
        margin-top: 20px;
    }

    .section-geracao-mob .titulodadostec {
        font-family: "TrendaBold";
        font-size: 21px;
        color: #EAC427;
    }
    
    .section-geracao-mob .titulodadostec1 {
        font-family: "TrendaLight";
        font-size: 20px;
        margin-right: 1%;
        color: #fff;
    }
    
    .section-geracao-mob .titulodadostec2 {
        font-family: "TrendaBold";
        font-size: 20px;
        color: #fff;
    }
    
    .main .slider .imgslider {
        width: 350px !important;
    }

    .section_membros_admin_fotos_presid .boximgadmpresid {
        width: 100%;
      }

      .section_membros_admin_fotos_presid .boximgadmpresid .boximgft {
        width: 100%;
        height: auto;
      }
    
    .section_membros_admin_fotos .boximgadm {
        width: 100%;
    }

    .section_membros_admin_fotos .boximgadm .boximgft{
        width: 100%;
        height: auto;
    }

    .section_conselho_fiscal_fotos .boximgfisc {
        width: 100%;
    }

    .section_conselho_fiscal_fotos .boximgfisc .boximgft{
        width: 100%;
        height: auto;
    }

    .section_delegados_fotos .boximgdel {
        width: 100%;
    }

    .section_delegados_fotos .boximgdel .boximgft{
        width: 100%;
        height: auto;
    }
}


@media(max-width: 414px) {

    #accordion .i-icon2 {
        margin-bottom: 50px;
    }

    #accordion .i-icon3 {
        margin-bottom: 50px;
    }

    div.img_banner {        
        left: 9px;
      }

    div.banner {
        left: 20px;
    }
    div.img_banner img {
        width: 350px;        
    }

    div.fechar {
        left: 25px;
    }

    #carousel {
        display: none;
    }
    #carousel-mob {
        display: block;
    }
    .box-pres .box-inf-pres {
        margin-right: 10%;
    }
    .transparencia ul li {
        width: 100%;
        flex-wrap: wrap;
    }
    .transparencia .box-btn {
        display: flex;
        width: 100%;
        margin: 5% 0;
    }
    .transparencia .btn-obse {
        width: 100%;
    }
    .trans-btn-pc {
        display: none;
    }
    .trans-btn-mob {
        width: 100%;
        display: block;
    }
    .box-pres .box-inf-pres {
        margin-right: 1%;
        width: 48%;
    }

    .section-geracao-mob .titulodadostec {
        font-family: "TrendaBold";
        font-size: 21px;
        color: #EAC427;
    }
    
    .section-geracao-mob .titulodadostec1 {
        font-family: "TrendaLight";
        font-size: 20px;
        margin-right: 1%;
        color: #fff;
    }
    
    .section-geracao-mob .titulodadostec2 {
        font-family: "TrendaBold";
        font-size: 20px;
        color: #fff;
    }
    
    .main .slider .imgslider {
        width: 350px !important;
    }
}

@media(max-width: 384px) {
    .box-pres .box-inf-pres {
        /* margin-right: 6%; */
    }

    div.img_banner {
        left: -3px;    
    }

    .section-geracao-mob .tituloif {
        font-size: 15px;
      }
    
      .section-geracao-mob .tituloifdesc {
        font-size: 15px;
      }
    
     .section-geracao-mob .titulodadostec { 
       font-size: 18px;
     }
    
     .section-geracao-mob .titulodadostec1 {
       font-size: 17px;
     }
    
     .section-geracao-mob .titulodadostec2 {
       font-size: 17px;
     }    
}

@media(max-width: 375px) {
    .box-pres .box-inf-pres {
        /* margin-right: 6%; */
    }

    div.img_banner {
        left: -8px;
    }

    div.fechar {
        left: 10px;
    }

    .sectionresarcimento .box {
        width: 90%;
    }

    .legislacao .box{
        width: 100%;
    }

    .legislacao .titulo_pdf {
        font-size: 15px;     
        text-align: center;
    }

    .legislacao a {
        font-size: 16px!important;     
    }

    .sectioninfpag .brands {     
        font-size: 12px;
    }

    .sectioninfpag {
        /* margin-top: 90px; */
        /* margin-top: -30px; */
        margin-top: 0px;
    }

    .sectioninfpag .boxdenuncie {
        margin-bottom: 0;
    }

    .sectioninfpag .box {
        width: 100%;
    }

    .sectioninfpag .boxtxt {    
        flex-wrap: wrap;
    }

    .sectioninfpag .titulo {
        font-size: 40px;
        font-size: 40px;
        width: 100%;
        margin-top: 0;
        /* margin-top: 40px; */
        margin-bottom: 40px;
        line-height: 44px;
        letter-spacing: 0em;
    }

    .sectioninfpag .txt {
        width: 100%;
    }

    .formulario_cadastro label {     
        font-size: 16px;
    }

    .denucie{
        padding-bottom: 60px;
    }

    /* .pc {
        display: none;
    }
    
    .ipad{                
        display: none;
    }
    
    .mob{
        display: block;
    } */
}

@media(max-width: 360px) {
    .box-pres .box-inf-pres {
        /* margin-right: 4%; */
    }
    div.banner {
        left: 20px;
    }
    div.img_banner img {
        width: 310px;
    }
    div.img_banner {
        left: 5px;
    }

    .sectionpagautoatendimento .card {
        margin-right: 7px;      
        /* width: 164px; */
        /* width: 47%; */
        margin-bottom: 2%;
    }
}


@media(max-width: 320px) {
    .box-pres .box-inf-pres {
        /* margin-right: -8%; */
    }

    div.banner {
        left: 20px;
    }
    div.img_banner img {
        width: 280px;
    }
}




/*novo css*/

* {
    box-sizing: border-box;
}

body {
    margin: 0;
    font-family: "Red Hat Display";
    font-weight: 500;
    font-size: 1rem;
    line-height: 1.5;
    color: #19211B;
    overflow-x: hidden;
    background-color: #F8F8FA;
}

.video-header {
    height: 100vh;
    display: flex;
    align-items: center;
    color: #fff;
}

.wrap {
    max-width: 960px;
    padding-left: 1rem;
    padding-right: 1rem;
    margin: auto;
    text-align: center;
}

.fullscreen-video-wrap {
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
    width: 100%;
    overflow: hidden;
}

.fullscreen-video-wrap video {
    min-height: 100%;
    min-width: 100%;
}

.header-overlay {
    height: 100vh;
    width: 100vw;
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(34, 33, 33, 0.65);
    opacity: 0.80;
}

.header-content {
    z-index: 2;
    margin-top: 20%;
    padding: 0 5rem;
}

.header-content h1 {
    font-size: 50px;
    margin-bottom: 0;
}

.header-content p {
    font-size: 1.5rem;
    display: block;
    padding-bottom: 2rem;
    margin-top: 10px;
}

.my-btn {
    padding: 1rem 1rem;
}

@media(max-width: 1200px) {
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 11px;
    }
}

@media(max-width: 991px) {
    #mainNav .navbar-collapse .navbar-nav>.nav-item>.nav-link {
        font-size: 13px;
    }

    .sectionautoatendimento .titulo {
        font-size: 30px;
    }
}

@media(max-width:768px) {
    .header-content h1 {
        font-size: 40px;
    }
    .header-content p {
        font-size: 1rem;
    }

    .navbar-nav{
        margin-top: -6px;
    }

    .navbar-nav > li > a {
        max-width: 100% !important;
    }

    .navbar-brand img {
        width: 55%;
    }
}

section {
    /* text-align: center; */
    margin-top: 0;
    font-size: 1.5rem;
}

.navbar {
    z-index: 10;
}

.my-nav .nav-link {
    color: aliceblue;
}

.my-nav .navbar-brand {
    color: aliceblue;
}

.navbar-toggler-icon {
    color: aliceblue;
}