/* Custom CSS */
/* A maior parte do estilo é tratada pelo Tailwind no HTML, 
   aqui ficam apenas ajustes finos ou animações personalizadas */

html {
  scroll-behavior: smooth;
}

/* Garante que o detalhe do FAQ remova a seta padrão em todos os browsers */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Animação sutil de pulo para o botão de compra */
@keyframes bounce-subtle {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-3px); }
}

.animate-bounce-subtle {
  animation: bounce-subtle 2s infinite;
}

/* Ajuste de seleção de texto para ficar na cor da marca */
::selection {
  background-color: #D97757; /* Cor accent */
  color: white;
}

/* Esconde a barra de rolagem do carrossel mas mantém a função */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}
/* Esconde a barra de rolagem do carrossel mas mantém a função */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;
    scrollbar-width: none;
}