.socialmedia{
    height: 4rem; background-color: #f9f9f9; color: #161B22; display: flex; align-items: center; justify-content: center; font-size: 1.1em; font-weight: 500;
   }
  h2{color: white; font-weight:200!important;}
  h1{color:#3D6183;font-size: clamp(2em, 3.2vw, 33pt); text-align: center; font-family: prometto; font-weight: 600;}
  .apresentacao{
    background-image:url('../img/banner1.png');
    padding-top:clamp(90px, 20vh, 160px)!important;
    background-size: cover;
}
  .section{min-height:  clamp(540px, 80vh, 670px); padding-bottom: 2em; padding-top:2em; padding-left: clamp(4rem,5vw,5.8em)!important; padding-right: clamp(4rem,5vw,5.8em)!important;}
  nav{background-color: #0A1F3C;}
  .header{ font-size: clamp(4rem, 5.8vw, 105px); color:#60AFFE; font-weight: 700!important; transform: skew(-0); text-align: left!important;}

  .btn{border-radius: 10em 0 10em 0!important; min-width: 13em;}
  .row{margin:0}
  .divnav::before {
  content: "";display: block;position:absolute;height: 30px;background: #60AFFE;border-radius: 40px 0 40px 0;z-index:99;width: 90%;margin:-18px auto 50px 5%
}
  .section-2{
  position:absolute;height: 250px;background: #09AFFE;border-radius:150px 0 150px 0;z-index:99;width: 60%;margin:-150px auto 50px 20%;
}
  footer{
    min-height: 400px; background-color: #0A1F3C;
}
.nav-item{
  align-self: center!important;
}
  .img_apresentacao{
  height: clamp(300px, 35vw, 540px);
}

  p{font-size: clamp(15px, 1.6vw, 20px); font-family: prometto; font-weight: 400;} 

  .etica{
  background: #006590;
  min-height: 355px;
  border-radius: 0 13.5em 0 13.5em ;
    max-width: 800px!important;
}

.footer-txt:hover{
  text-decoration-line:underline!important;
}
.btn-dark:hover{
  transform: scale(1.03);

}
  .panel-part h3{color: white!important;}
  .sociais{
  background-image: url(../img/sociais.png);
  background-position: center;
  background-size: 1000px;
  min-height: 355px;
  border-radius: 0 13.5em 0 13.5em ;
  max-width: 800px!important;
  
  
}
.lin:hover,.ins:hover,.yt:hover{fill:#09affe}
.active{
  color:#60AFFE!important;
}
.clientes,.estados{ 
  height: clamp(250px, 27vh, 300px); border-radius: 0 6em 0 6em; margin-bottom:1em; 
}
.parceiros,.beneficiadas{ 
  margin-bottom: 1em; height: clamp(250px, 27vh, 300px); border-radius: 6em 0 6em 0;
  
}
.clientes,.beneficiadas{
  background-color: #006590;
}
.estados{
  background-color: #0A1F3C;
}
.parceiros{
  background-color: #09AFFE;
}

.painel {
  position: fixed;
  top: 100px; /* altura da navbar */
  left: 0;
  width: 100%;
  background-color: #fff;
  color: #0a1f3c;
  display: none;
  z-index: 998;
}
.panel-part{
  padding: 20px 0;
}
.panel-content{
  color: white!important;
}
.painel.active {
  display: block;
}

.painel-content {
  margin: auto;
  
}
a,button{font-family: prometto; font-weight: 500;}
.descricao_apresentacao{
color:#99C1DA;font-size: 13pt;font-weight: 300; 
}
.nome_apresentacao{
color:#09AFFE;font-size:clamp(19pt, 5vw, 24pt);font-weight: 700;
}

h3{
  font-size: clamp(2.5rem, 5vw, 45px); text-align: center; font-weight: 400;
}

.foto_denuncia{
  background-image: url(../img/denuncia.png);
  background-size: cover;background-position: center;min-height: clamp(300px, 40vh, 480px);position: relative;
  border-radius:  150px 0 150px 0;z-index:4; width: 100%;
}
.footer-section{
  padding: 30px 0 30px 0;
}
@media only screen and (max-width: 800px) {
  .foto_denuncia{display:none;}
  .section_denuncia{display: none;}
    .etica,.sociais{
      /* padding */
  }
  .foter{margin-top:9px;}
  .footer-section{
  padding: 20px 0 0px 0;
}
  .navbar-nav{width: 100vw!important;}
}

.banner{
  background-image: url(../img/bannerSagaCap.png);background-size: cover;background-position: center;}

.cat{
 background-image: url(../img/cat.png);background-size: contain;background-position: center;
  min-height: clamp(100px, 40vw, 150px);
  background-repeat: no-repeat;
}
.ptec{
background-image: url(../img/pantantal.png);background-size: contain;background-position: center;
  min-height: clamp(100px, 40vw, 150px);
  background-repeat: no-repeat;
}
.saga{
background-image: url(../img/saga.png);background-size: contain;background-position: center;
  min-height: clamp(100px, 40vw, 150px);
  background-repeat: no-repeat;
}

@font-face {
  font-family: prometto;
  src: url(../font/fonnts.com-Prometo.otf);
  font-weight: 500;
}

@font-face {
  font-family: prometto;
  src: url(../font/fonnts.com-Prometo_Thin.otf);
  font-weight: 400;
}
@font-face {
  font-family: prometto;
  src: url(../font/fonnts.com-Prometo_Bold.otf);
  font-weight: 700;
}
.img-pc{margin-left:50px;}
li{list-style-type: none;}

.mb{
  display: none;
}

  .img-cell{margin-bottom: 2em; margin-top: 1.1em;}
@media screen and (max-width:992px) {
  .img-pc{display: none!important;}
  .dropdown-toggle{ max-height: 90px;}
  .etica,
.sociais,
.section-2{
border-radius:110px 0 110px 0;
max-width: 90%!important;
}
.section-2{
width:90%; margin: -150px auto 50px 5%
}
.section{padding-left: clamp(1.4rem,1.4vw,4.8em)!important; padding-right: clamp(2rem,2vw,4.8em)!important;}
.mb{display: inherit;}
.pc{display: none;}
}
@media screen and (min-width:992px) {
  .img-cell{
display: none!important;
  }
  .img-pc{
    display: block!important;
  }
  
}

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

  background-color: #0a1f3c;       
  background-size: cover;
  background-position: center;
  aspect-ratio: 1.3090909 / 1;
  margin: 1em 0;

  position: relative;
  overflow: hidden;
}

.empresa::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: var(--bg-img);
  background-size: cover;
  background-position: center;
  opacity: 0;
  transition: opacity 0.6s ease;
}

.empresa:hover::before {
  opacity: 1;
}

.collapse-list {
  max-height: 0;
  overflow: hidden;
  transition: max-height 0.6s ease;
  color: white; /* ajusta ao fundo escuro */
  padding-left: 20px;
}

.collapse-list.show {
  max-height: 1000px; /* valor grande pra comportar o conteúdo */
}
/* ====== BLOCO PADRÃO ====== */
.janio a,
.roger a,
.eleide a {
  position: relative;
  background-size: cover;
  background-position: center;
  overflow: hidden;
  text-decoration: none;
  transition: background-color .3s ease, border-radius .3s ease;
}

/* foto de cada um */
.janio a { background-image: url(../img/janio.png); }
.roger a { background-image: url(../img/roger.png); }
.eleide a { background-image: url(../img/eleide.png); }

/* overlay azul que entra com fade */
.janio a::before,
.roger a::before,
.eleide a::before {
  content: "";
  position: absolute;
  inset: 0;
  background: #0a1f3c;
  opacity: 0;
  transition: opacity .8s ease;
  border-radius: inherit;
  z-index: 0;
}

/* ====== LOGO ====== */.janio .logo,
.roger .logo,
.eleide .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  height: 90px;
  max-width: 230px;
  clip-path: polygon(0 0, 0 100%, 0% 100%, 0% 0);
  transition: transform .8s ease, clip-path .8s ease, opacity .8s ease;
  z-index: 10;
  transition-delay: 0.1s;
}.roger .logo {
  height: 130px !important;
  max-width: 286px !important;
}

.eleide .logo {
  height: 70px !important;
  max-width: 230px !important;
}
@media (min-width: 1920px) {
  .container,
  .container-fluid {
    max-width: 1920px !important;
    margin:auto;
  }
}
/* logos específicas */
.logocat   { background: url("../img/cat.png") no-repeat center/contain; }
.logopan   { background: url("../img/pantantal.png") no-repeat center/contain; }
.logosag   { background: url("../img/saga.png") no-repeat center/contain; }

/* ====== HOVER ====== */
.janio a:hover::before,
.roger a:hover::before,
.eleide a:hover::before {
  opacity: 1;
}

.janio:hover .logo,
.roger:hover .logo,
.eleide:hover .logo {
  transform: translate(-50%, -50%) scale(1); /* mantém centralizado */
  clip-path: polygon(0 0, 0 100%, 100% 100%, 100% 0);
}

.janio a:hover .textoo,
.roger a:hover .textoo,
.eleide a:hover .textoo {
  opacity: 0;
  transition: opacity .2s ease;
}

.notify-box {
  z-index: 9999;
  position: fixed;
  bottom: 30px;             /* você pode trocar onde quiser */
  right: 20px;
  min-width: 350px;
  max-width: 450px;
  height: 100px;

  background: #fff;
  color: #fff;
  padding: 20px;
  border-radius: 10px;

  /* efeito de surgimento */
  transform-origin: right center;
  transform: scaleX(0);
  animation: reveal 0.5s ease-out forwards;
}
.notify-box > img{
 opacity: 0;
  animation: re 0.3s ease-out forwards ; 
  animation-delay: .5s;
}

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

/* animação */
@keyframes reveal {
  from {
    transform: scaleX(0);
    opacity: 0;
  }
  to {
    transform: scaleX(1);
    opacity: 1;
  }
}
.testesss{
  margin: 0 1px ;
  max-height: 56px;
  max-width: 330px;
}

.testess4{
  margin: 20px 4px ;
  max-height: 160px;
  max-width: 400px;
}