.custom-carousel {
  overflow: hidden; /* Ocultar overflow */
  position: relative; /* Para layout adequado */
  width: 100%; /* Largura total para o contêiner */
}

.custom-carousel-items {
  display: flex;
  transition: transform 0.5s ease-in-out;
}

.custom-warning {
  flex: 0 0 100%; /* Cada slide ocupa 100% do contêiner */
  box-sizing: border-box;
  padding: 20px;
  font-size: 16px;
  font-weight: bold;
  color: white;
  display: flex;
  justify-content: center; /* Centralizar texto estático */
  align-items: center; /* Centralizar verticalmente */
  white-space: nowrap; /* Impedir quebra de linha */
  overflow: hidden; /* Ocultar excedente */
  position: relative; /* Para efeito de rolagem */
}

.custom-warning.scrolling {
  justify-content: flex-start; /* Alinhar texto rolável à esquerda */
}

.custom-warning span {
  display: inline-block;
  white-space: nowrap; /* Garantir que o texto permaneça em uma linha */
  transform: translateX(100%); /* Posição inicial para texto rolável */
}

/* Define animação de rolagem */
@keyframes scroll-text {
  0% {
    transform: translateX(100%); /* Começar fora da tela à direita */
  }
  100% {
    transform: translateX(-100%); /* Mover para fora da tela à esquerda */
  }
}