/* ============================================================
   Periograma da Captação — formulário simples de captação.
   brand.css é a lei e não se edita; tudo específico vive aqui.
   ============================================================ */

html{overflow-x:hidden}
body{min-height:100vh}

/* ---------- header ---------- */
.hd{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}
.hd-in{height:58px;display:flex;align-items:center;justify-content:center;gap:10px}
.hd-title{font-size:14px;font-weight:600;color:var(--creme)}
.stage{max-width:560px;margin:0 auto;padding:56px 24px 90px}
.screen{animation:slidein .4s var(--spring) both}
@keyframes slidein{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}

/* ---------- foco visível ---------- */
button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid rgba(168,130,60,.6);outline-offset:2px}

/* ---------- formulário ---------- */
.form{display:flex;flex-direction:column;gap:18px;margin-top:30px}
.err{display:none;margin:6px 0 0;font-size:11.5px;color:var(--warn)}
.err.show{display:block}
.lgpd{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--creme-70);cursor:pointer}
.lgpd input{margin-top:3px;accent-color:var(--brass);width:16px;height:16px;flex:none}
@keyframes pulso{0%,100%{opacity:1}50%{opacity:.55}}
.btn-wait{animation:pulso .9s ease-in-out infinite;pointer-events:none}
.btn-main{width:100%}

/* ---------- sucesso ---------- */
.sucesso .check{width:56px;height:56px;border-radius:16px;display:flex;align-items:center;justify-content:center;color:var(--brass-lite);border:1px solid rgba(200,160,90,.4);background:rgba(168,130,60,.1)}

/* ---------- reduced motion ---------- */
@media(prefers-reduced-motion:reduce){
  .screen{animation:none}
  .btn-wait{animation:none}
}