/* ===== Estilos Gerais e Configuração do Tailwind ===== */
body {
  font-family: 'Inter', sans-serif; /* Usando Inter como fonte principal para consistência */
  scroll-behavior: smooth;
}

/* Configuração de cores personalizadas para o Tailwind */
/* Esta parte precisa ser configurada no seu ambiente de build do Tailwind, */
/* mas para o CDN, o script no HTML antigo já fazia isso. */
/* Para referência, as cores são: */
/* 'ceripa-green': '#2e5325' */
/* 'ceripa-green-dark': '#1a3115' */
/* 'ceripa-beige-bg': '#F5F5DC' */
/* 'ceripa-beige-text': '#EAE7DC' */
.bg-ceripa-green { background-color: #2e5325; }
.bg-ceripa-green-dark { background-color: #1a3115; }
.bg-ceripa-beige-bg { background-color: #F5F5DC; }
.text-ceripa-green { color: #2e5325; }
.text-ceripa-beige-text { color: #EAE7DC; }
.border-ceripa-green { border-color: #2e5325; }
.border-ceripa-green-dark { border-color: #1a3115; }
.hover\:bg-ceripa-green:hover { background-color: #2e5325; }
.hover\:bg-ceripa-green-dark:hover { background-color: #1a3115; }
.hover\:text-ceripa-green:hover { color: #2e5325; }
.hover\:text-white:hover { color: white; }


/* ===== Estilos do Carrossel ===== */
.carousel-item, .carousel-item-noticia {
  display: none;
}

.carousel-item.active, .carousel-item-noticia.active {
  display: block;
  animation: fadeIn 0.7s;
}

@keyframes fadeIn {
  from { opacity: 0.4; }
  to { opacity: 1; }
}

/* ===== Estilos de Conteúdo (Prose) ===== */
/* Estilos para listas dentro de artigos de notícias para garantir a formatação correta */
.prose ul {
  list-style-position: outside;
  padding-left: 1.5rem;
}

.prose ul li {
  padding-left: 0.5rem;
}

/* ===== Estilos da Paginação de Notícias ===== */
.pagination-btn {
  padding: 0.5rem 1rem;
  border-radius: 0.5rem;
  transition: background-color 0.3s, color 0.3s;
  font-weight: 600;
  cursor: pointer;
}

.pagination-btn.active {
  background-color: #2e5325; /* ceripa-green */
  color: white;
}

.pagination-btn:not(.active) {
  background-color: #F5F5DC; /* ceripa-beige-bg */
  color: #2e5325; /* ceripa-green */
}

.pagination-btn:not(.active):hover {
  background-color: #e6e2c7;
}