/* Wisee Digital – Landing page de Validação de Cupons */

:root {
  --accent: #1652F0;       /* cor de destaque (botões, títulos de seção) */
  --accent-hover: #0E3BB5;
  --ink: #0A1633;
}

*, *::before, *::after { box-sizing: border-box; }

html { scroll-behavior: smooth; }

body {
  margin: 0;
  background: #FFFFFF;
  -webkit-font-smoothing: antialiased;
}

section[id] { scroll-margin-top: 80px; }

a { color: var(--accent); }
a:hover { color: var(--accent-hover); }

/* Botões com cor de destaque: leve resposta ao passar o mouse */
a[style*="var(--accent)"], button[type="submit"] {
  transition: filter .2s ease, transform .2s ease;
}
a[style*="background: var(--accent)"]:hover,
button[type="submit"]:hover {
  filter: brightness(0.9);
  transform: translateY(-1px);
}

/* Foco visível para navegação por teclado */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible {
  outline: 3px solid #12B5D6;
  outline-offset: 2px;
}

/* Campos do formulário */
#form-contato input::placeholder { color: #8B98B8; }
#form-contato input:focus, #form-contato select:focus { border-color: #12B5D6 !important; outline: none; }
#form-contato .campo-erro { border-color: #F08A6B !important; }

.form-feedback {
  margin: 0;
  padding: 14px 16px;
  border-radius: 10px;
  font-size: 15px;
  line-height: 1.5;
}
.form-feedback.ok   { background: #0F3B2A; color: #B9F2D5; }
.form-feedback.erro { background: #4A1C10; color: #FFD3C4; }

/* Animação de entrada das seções */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity .6s ease, transform .6s ease; }
.reveal.visivel { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .reveal { opacity: 1; transform: none; transition: none; }
}

/* Celular */
@media (max-width: 760px) {
  .wz-navlinks { display: none !important; }
}