/* Maquinaço — estilos complementares ao Tailwind */

/* Animações de entrada (revelar ao rolar) */
.reveal,
.reveal-left,
.reveal-right {
  opacity: 0;
  transition: opacity 0.7s ease, transform 0.7s ease;
}
.reveal { transform: translateY(30px); }
.reveal-left { transform: translateX(-30px); }
.reveal-right { transform: translateX(30px); }
.reveal.revealed,
.reveal-left.revealed,
.reveal-right.revealed {
  opacity: 1;
  transform: none;
}

/* Navbar compacta ao rolar a página */
#siteHeader { transition: all 0.3s ease; }
#siteHeader.scrolled {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -4px rgba(0, 0, 0, 0.1);
}

/* Mensagens de retorno dos formulários */
.form-msg {
  display: none;
  margin-top: 1rem;
  padding: 0.9rem 1.2rem;
  border-radius: 0.75rem;
  font-size: 0.9rem;
}
.form-msg.show { display: block; }
.form-msg.error { background: #fee2e2; color: #991b1b; }
.form-msg.success { background: #dcfce7; color: #166534; }

/* Botão durante o envio */
.btn-loading { opacity: 0.6; pointer-events: none; }

html { scroll-behavior: smooth; }