/* Título centralizado para clientes */
    .titlespags2 {
      text-align: center;
      font-weight: bold;
      font-size: 28px;
      color: #791F1C;
      margin-bottom: 20px;
    }

    /* Barra vermelha atrás (faixa estendida para baixo) */
    .carousel-red-bar {
      position: relative;
      z-index: 1;
      margin-bottom: 0; 			/* remover margem negativa para ajustar o footer */
      background-color: #791F1C;
	  height: 180px; 				/* epessura da faixa vermelha*/
      padding-bottom: 30px; 		/* espaço para o contador */
      border-radius: 0 0 0px 0px;
    }

/* Container amarelo claro dentro da faixa vermelha */
.carousel-container {
  max-width: 1100px;	  	/* Define a largura máxima do container: até 1100px */
  margin: 0 auto;			/* Centraliza o container horizontalmente (margem automática nas laterais),e remove margem superior/inferior */
  position: relative;		/* Permite posicionar o elemento em relação à sua posição normal */
  top: -80px;				/* Move o container 40px para cima */
  font-family: Arial, sans-serif;	/* Define a fonte usada dentro do container: Arial, ou uma fonte genérica sans-serif */
  background: #fdfbe8;			/* Define a cor de fundo como amarelo claro (#fdfbe8) */
  padding: 5px 10px 10px 10px;	/* Define o espaçamento interno (padding):
								 - Topo: 5px
								 - Direita: 10px
								 - Inferior: 10px
								 - Esquerda: 10px
								*/ 
  border-radius: 6px;			/* Deixa os cantos do container arredondados com raio de 6px */
  border: 4px solid #D2691E;	/* Adiciona uma borda sólida de 4px com cor chocolate (#D2691E) */
  box-sizing: border-box;		/* Garante que padding e borda sejam incluídos dentro do tamanho total (máx. 1100px) */
  
}

    /* Título do carrossel */
    .carousel-title {
      font-weight: 900;
      color: #791F1C;
      margin-bottom: 15px;
      font-size: 18px;
      text-align: center;
    }

    /* Wrapper do carrossel */
    .carousel-wrapper {
      overflow: hidden;
      width: 100%;
    }

    /* Faixa com os itens do carrossel */
    .carousel-track {
      display: flex;
      transition: transform 0.6s ease;
    }

    /* Cada item do carrossel */
    .carousel-item {
      flex: 0 0 18%;
      margin: 0 1%;
      box-sizing: border-box;
      text-align: center;
    }

    /* Imagens dos itens */
    .carousel-item img {
      max-width: 100%;
      height: auto;
      display: inline-block;
      border-radius: 4px;
    }

    /* Navegação por pontos (dots) */
    .carousel-dots {
      text-align: center;
      margin-top: 15px;
    }

    .carousel-dot {
      display: inline-block;
      width: 12px;
      height: 12px;
      margin: 0 6px;
      background-color: #791F1C;
      border-radius: 50%;
      cursor: pointer;
      transition: background-color 0.3s ease;
    }

    .carousel-dot.active {
      background-color: #D2691E;
    }

    /* Responsivo: 2 itens por linha no mobile */
    @media (max-width: 767px) {
      .carousel-item {
        flex: 0 0 45%;
        margin: 0 2.5%;
      }
    }