/* =========================================
   Arquivo: public_html/index.css
   Este é o seu arquivo de estilos globais.
   ========================================= */

/* --- Estilos Gerais --- */
body {
  /* Deixa as fontes mais nítidas no Mac e iOS */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* --- Animações --- */

/* Animação de Brilho (Shine Effect) para os botões.
  Move da esquerda para a direita e já aplica a inclinação (skewX).
*/
@keyframes shine {
  100% {
    transform: translateX(100%) skewX(-12deg);
  }
}

/* --- Utilitários Personalizados --- */

/* Remove a setinha padrão do elemento <details> (usado no FAQ) */
details > summary {
  list-style: none;
}
details > summary::-webkit-details-marker {
  display: none;
}

/* Melhora a quebra de linha em títulos (funciona em navegadores modernos) */
.text-balance {
  text-wrap: balance;
}

/* Efeito de "Vidro Fosco" (Glassmorphism) - Caso você use em algum lugar */
.glass-card {
  background: rgba(255, 255, 255, 0.03);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  border: 1px solid rgba(255, 255, 255, 0.05);
}

/* Esconder barra de rolagem (útil para carrosseis ou áreas de overflow) */
.scrollbar-hide::-webkit-scrollbar {
    display: none;
}
.scrollbar-hide {
    -ms-overflow-style: none;  /* IE e Edge */
    scrollbar-width: none;  /* Firefox */
}