/* Barra de Anúncios colada ao menu fixo */
.anuncios-bar {
  position: fixed;
  top: 60px; /* mesma altura do header */
  left: 0;
  width: 100%;
  margin-top: 20px;
  background-color: var(--cor-verde-escuro);
  color: var(--cor-branco);
  text-align: center;
  font-size: 0.9rem;
  font-weight: 500;
  padding: 10px 0;
  z-index: 1000; /* imediatamente abaixo do header */
  border-top: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
}

/* Ajuste do conteúdo para não ficar escondido atrás do header + anúncios */
body {
  padding-top: 110px; /* 60px do header + ~50px da barra */
}

/* Mobile */
@media (max-width: 768px) {
  .anuncios-bar {
    top: 50px; /* header menor */
    font-size: 0.85rem;
    padding: 8px 0;
    margin-top: 25px;
  }

  body {
    padding-top: 95px; /* 50 + 45 */
  }
}


/* Ajuste do conteúdo principal */
body {
  padding-top: 95px; /* 60px do header + 35px da barra de anúncios */
}

/* Responsividade */
@media (max-width: 768px) {
  .anuncios-bar {
    top: 50px; /* Header menor em mobile */
    font-size: 0.8rem;
    padding: 6px 0;
  }
  
  body {
    padding-top: 80px; /* 50px do header + 30px da barra em mobile */
  }
}

/* Animação de entrada */
@keyframes slideDown {
  from {
    transform: translateY(-100%);
    opacity: 0;
  }
  to {
    transform: translateY(0);
    opacity: 1;
  }
}

.anuncios-bar {
  animation: slideDown 0.3s ease-out;
}