/* Lava&Pronto — landing styles (complemento ao Tailwind Play CDN) */

:root {
  --teal: #10B5A8;
  --teal-deep: #0C6B65;
  --teal-bright: #16C8B9;
  --coral: #FF6A3D;
  --sol: #FFC23D;
  --ink: #0F172A;
  --mist: #F1F5F4;
}

/* Rolagem suave para as âncoras internas, com folga pro header sticky */
html {
  scroll-behavior: smooth;
  scroll-padding-top: 5rem;
}

body {
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

/* Foco visível e consistente para navegação por teclado (acessibilidade) */
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible {
  outline: 3px solid var(--teal-bright);
  outline-offset: 2px;
  border-radius: 0.5rem;
}

/* Acordeão FAQ — ícone gira ao abrir */
.faq-trigger[aria-expanded="true"] .faq-icon {
  transform: rotate(45deg);
}

.faq-panel {
  animation: faq-fade 0.18s ease-out;
}

@keyframes faq-fade {
  from { opacity: 0; transform: translateY(-4px); }
  to   { opacity: 1; transform: translateY(0); }
}

/* Respeita usuários que preferem menos movimento */
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  * { animation-duration: 0.001ms !important; transition-duration: 0.001ms !important; }
}