/* Tamanho da Logo */ .logo img {max-height: 10% !important;}
.g_ .logo a > img{max-height: 50px !important;}


/* --- BARRA PROMOCIONAL (TOP-BAR ROTATIVA) --- */
.top-bar-rotativa {
  position: fixed;
  top: 0;
  width: 100%;
  background: #ffffff;
  text-align: center;
  overflow: hidden;
  height: 40px;
  z-index: 10000;
}

.top-bar-rotativa .msg {
  display: block;
  animation: slide 20s infinite;
  animation-timing-function: ease-in-out;
  font-size: 14px;
  line-height: 40px;
  color: #000000;
  font-family: 'Poppins', sans-serif;
}

@keyframes slide {
  0%, 15%    { transform: translateY(0%);    opacity: 1; }
  20%, 35%   { transform: translateY(-100%); opacity: 1; }
  40%, 55%   { transform: translateY(-200%); opacity: 1; }
  60%, 75%   { transform: translateY(-300%); opacity: 1; }
  80%, 95%   { transform: translateY(-400%); opacity: 1; }
  100%       { transform: translateY(0%);    opacity: 1; }
}

body {
  padding-top: 40px;
}

/* Banners nativos mobile – melhor nitidez e formato */
@media (max-width: 767px) {
  /* Seletores mais amplos para alcançar o banner principal */
  section.banner,
  div.banner,
  .banner,
  .main-banner,
  .banner-principal,
  [class*="banner"] img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
    image-rendering: auto !important;
    -webkit-backface-visibility: hidden;
    transform: translateZ(0);
  }
  
  section.banner,
  div.banner,
  .banner,
  .main-banner,
  .banner-principal,
  [class*="banner"] {
    border-radius: 20px !important;
    overflow: hidden !important;
  }
}




/* 🔧 Correções exclusivas para mobile */
@media screen and (max-width: 767px) {

/* ✂️ Garante que o topo (promo bar) não fique por cima do menu */
.top-bar {
  position: relative !important;
  z-index: 1 !important;
}

/* ✂️ Garante que o header fique acima da top-bar */
.header {
  position: relative !important;
  z-index: 10 !important;
}

  /* 🔹 Remove espaçamento fantasma entre menu e full banner */
  .home__full-banner {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  .home__banners,
  .main-content,
  main {
    margin-top: 0 !important;
    padding-top: 0 !important;
  }

  /* 🔹 Adiciona margem para afastar o full banner do header */
  .home__full-banner {
    margin-top: 20px !important;
  }

}





@media screen and (max-width: 767px) {
  /* 🔧 Top-bar fixa no topo e bem visível */
  .top-bar-rotativa {
    position: fixed !important;
    top: 0 !important;
    left: 0;
    width: 100% !important;
    height: 40px !important;
    z-index: 10000 !important;
  }
  
  /* Faz com que não crie aquele espaço gigante*/
  .conteiner-principal {
      padding-top: 0px !important;
  }
  
  /* Faz o menu ficar abaixo do rotativo */
   .g_ header.fix-on-top {
       position: relative !important;
   }
}