/* Fontes */
@import url('https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300..900;1,9..144,300..900&family=DM+Sans:ital,opsz,wght@0,9..40,300..800;1,9..40,300..800&display=swap');

body {
  font-family: "DM Sans", sans-serif;
  overflow-x: clip;
  background-color: #FEF6F6;
  color: #3d0a10;
}

.font-display {
  font-family: 'Fraunces', Georgia, serif;
}

::selection {
  background-color: #8A0918;
  color: #FEF6F6;
}

/* Animações Customizadas baseadas no tailwind.config.js e index.css originais */

@keyframes marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}

@keyframes float-soft {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}

@keyframes pulse-ring {
  0% { box-shadow: 0 0 0 0 rgba(114, 123, 92, 0.45); }
  70% { box-shadow: 0 0 0 14px rgba(40, 167, 69, 0); }
  100% { box-shadow: 0 0 0 0 rgba(40, 167, 69, 0); }
}

.animate-marquee {
  animation: marquee 28s linear infinite;
}

.animate-float-soft {
  animation: float-soft 5s ease-in-out infinite;
}

.animate-pulse-ring {
  animation: pulse-ring 2.2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

@media (prefers-reduced-motion: reduce) {
  .animate-marquee,
  .animate-float-soft,
  .animate-pulse-ring {
    animation: none;
  }
}

/* Base de botões e links para tirar o outline azul feio do navegador */
button:focus, a:focus {
  outline: none;
}

/* Estilos adicionais para o Accordion (FAQ) */
.accordion-content {
  overflow: hidden;
  transition: max-height 0.3s ease-out;
  max-height: 0;
}
.accordion-content.open {
  max-height: 500px; /* valor alto para permitir abrir, ajustável */
}

/* Classes para a animação "Reveal" que o React usava */
.reveal-hidden {
  opacity: 0;
  transform: translateY(30px);
  transition: opacity 0.8s ease-out, transform 0.8s ease-out;
}

.reveal-visible {
  opacity: 1;
  transform: translateY(0);
}