/* AGENDAR DEMONSTRAÇÃO · FORMULÁRIO DO PLUGIN "UOS LEAD CAPTURE" (shortcode [uos_demo_form]) — v0.67.0
   O plugin entrega o próprio HTML e o próprio CSS (assets/form.css). Este arquivo só repinta o formulário com a identidade do tema
   (preto, laranja #FE8724 com texto preto, vermelho #B92C13 em textos, papel #F0EEE9, tipografia leve). NÃO altera a lógica, os campos,
   os nomes dos campos, o rastreamento nem o envio. Seletores com .uos-main para vencer a ordem de carregamento do CSS do plugin.
   - A introdução do plugin (.uos-demo-form-intro, com H2 e três chips) é ocultada: o container 01 do tema traz o H1 e os mesmos três sinais.
   - Se o plugin mudar nomes de classes, esta folha deixa de ter efeito visual, mas o formulário continua funcionando.
   O raio do cartão repete o token do tema (clamp 20–32px) porque --hm-radius só existe dentro de .uos-x. Para voltar ao visual do plugin, apague este arquivo. */
.uos-main .uos-demo-form-section {
  padding: clamp(32px, 4vw, 56px) 0 clamp(64px, 8vw, 112px);
  background: var(--uos-paper);
  color: var(--uos-black);
  scroll-margin-top: 90px;
}
.uos-main .uos-demo-form-intro { display: none; }
.uos-main .uos-demo-form-card {
  margin-top: 0;
  border: 1px solid var(--uos-line);
  border-radius: clamp(20px, 2.2vw, 32px);
  box-shadow: none;
}
.uos-main .uos-demo-form-rail {
  background:
    radial-gradient(circle at 18% 10%, rgba(254, 135, 36, 0.42), transparent 36%),
    var(--uos-black);
}
.uos-main .uos-demo-form-rail__brand span { font-weight: 400; letter-spacing: -0.01em; }
.uos-main .uos-demo-form-rail li[aria-current="step"] > span { color: var(--uos-orange); }
.uos-main .uos-demo-form-progress > span b { color: var(--uos-red); }
.uos-main .uos-demo-form-progress > i > b { background: var(--uos-orange); }
.uos-main .uos-demo-step legend {
  color: var(--uos-black);
  font-family: var(--uos-font-display);
  font-weight: 300;
  letter-spacing: -0.02em;
  line-height: 1.08;
}
.uos-main .uos-demo-step legend > span { color: var(--uos-red); font-weight: 600; }
.uos-main .uos-demo-form input:focus,
.uos-main .uos-demo-form textarea:focus {
  border-color: var(--uos-orange);
  background: var(--uos-white);
  box-shadow: 0 0 0 4px rgba(254, 135, 36, 0.22);
}
.uos-main .uos-demo-choice input:checked + span {
  border-color: var(--uos-orange);
  background: rgba(254, 135, 36, 0.12);
  box-shadow: 0 0 0 3px rgba(254, 135, 36, 0.2);
}
.uos-main .uos-demo-choice input:checked + span b { border-color: var(--uos-orange); background: var(--uos-orange); color: var(--uos-black); }
.uos-main .uos-demo-choice input:focus-visible + span { outline-color: rgba(254, 135, 36, 0.55); }
.uos-main .uos-demo-form-consent input { accent-color: var(--uos-orange); }
.uos-main .uos-demo-form-consent a { color: var(--uos-red); }
.uos-main .uos-demo-form .uos-demo-button,
.uos-main .uos-demo-form-success .uos-demo-button {
  border-radius: 999px;
  background: var(--uos-orange);
  color: var(--uos-black);
  box-shadow: none;
}
.uos-main .uos-demo-form .uos-demo-button:hover,
.uos-main .uos-demo-form-success .uos-demo-button:hover { background: #ec7a17; box-shadow: none; }
.uos-main .uos-demo-form .uos-demo-button:focus-visible { outline-color: rgba(254, 135, 36, 0.55); }
.uos-main .uos-demo-form .uos-demo-button--back { border: 1px solid var(--uos-line); background: var(--uos-white); color: var(--uos-black); }
.uos-main .uos-demo-form .uos-demo-button--back:hover { background: var(--uos-paper); }
.uos-main .uos-demo-form-success > span { color: var(--uos-red); }
.uos-main .uos-demo-form-success > strong { font-family: var(--uos-font-display); font-weight: 300; letter-spacing: -0.02em; line-height: 1.05; }
.uos-main .uos-demo-form-success > div > a:not(.uos-demo-button) { color: var(--uos-black); }
/* Correção: o CSS do plugin dá display:flex aos botões e anula o atributo hidden, então "Voltar" e "Solicitar demonstração" apareciam já na etapa 1.
   Esta regra devolve ao atributo hidden o efeito esperado. O ideal é corrigir no plugin (ver INSTRUCOES.md). */
.uos-main .uos-demo-form [hidden],
.uos-main .uos-demo-form-section [hidden] { display: none !important; }