html { scroll-behavior: smooth; }
body { font-family: Inter, system-ui, -apple-system, "Segoe UI", Roboto, Arial, "Helvetica Neue", sans-serif; }
summary { list-style: none; }
summary::-webkit-details-marker { display: none; }

#lightbox{ display:none; opacity:0; transition:opacity .25s ease; }
#lightbox.show{ opacity:1; }

[data-animate]{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; }
[data-animate].in{ opacity:1; transform:none; }

@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  #lightbox{ transition:none; }
  [data-animate]{ transition:none; transform:none; opacity:1; }
}
/* Fade-in suave para os textos do HERO */
@keyframes fadeInUp {
  0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: translateY(0); }
}
.fade-in-up {
  opacity: 0;
  animation: fadeInUp .7s ease forwards;
}
/* Botões WhatsApp flutuantes */
.wa-float{
  position: fixed;
  right: 18px;
  bottom: 18px;
  display: flex;
  flex-direction: column;
  gap: 12px;
  z-index: 60; /* acima do conteúdo */
}
.wa-btn{
  display: inline-flex;
  align-items: center;
  gap: 10px;
  padding: 14px 18px;
  border-radius: 9999px;
  background: #10b981;          /* emerald 500 */
  color: #fff;
  font-weight: 700;
  box-shadow: 0 6px 18px rgba(0,0,0,.18);
  transition: transform .2s ease, box-shadow .2s ease, background .2s ease;
}
.wa-btn:hover{
  transform: translateY(-1px);
  background: #059669;          /* emerald 600 */
  box-shadow: 0 8px 22px rgba(0,0,0,.24);
}
.wa-btn.wa-alt{ background:#16a34a; } /* tonalidade diferente pro segundo */
.wa-btn.wa-alt:hover{ background:#15803d; }

@media (max-width: 640px){
  .wa-btn{ padding: 12px 14px; font-size: .95rem; }
}