/* Captura /cadastro/ no tema. Reusa os tokens e o hero da home.css; aqui só o
   que é próprio da página: o grid copy+form, o card do formulário e a seção
   "como funciona" (escura, pra casar com o hero e o rodapé). */

/* hero da captura: um pouco mais compacto que o da home */
.cad-hero .cad-grid{position:relative;display:grid;grid-template-columns:1.05fr .95fr;
  gap:clamp(32px,4vw,60px);align-items:center;
  padding-top:clamp(34px,6vh,64px);padding-bottom:clamp(40px,7vh,72px)}
.cad-hero .kicker{text-transform:none}
.cad-hero h1{font-size:clamp(32px,4.2vw,54px)}
.cad-copy .hero-sub{max-width:34em}

.cad-bullets{list-style:none;margin:clamp(20px,3vh,30px) 0 0;padding:0;display:grid;gap:12px}
.cad-bullets li{position:relative;padding-left:30px;color:rgba(255,255,255,.82);
  font-size:15.5px;line-height:1.45}
.cad-bullets li b{color:#fff}
.cad-bullets li::before{content:"";position:absolute;left:0;top:2px;width:19px;height:19px;
  border-radius:50%;background:var(--red);
  -webkit-mask:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") ,
        linear-gradient(var(--red),var(--red));
  mask:no-repeat center/12px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E");
  background:var(--red)}

/* card do formulário */
.cad-formwrap{position:relative}
.cad-form{background:#fff;color:var(--ink);border-radius:20px;
  padding:clamp(26px,3vw,34px);
  box-shadow:0 40px 80px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.05);
  display:flex;flex-direction:column;gap:14px}
.cad-form-head{margin-bottom:4px}
.cad-form-head strong{display:block;font-size:21px;font-weight:900;letter-spacing:-.01em;line-height:1.15}
.cad-form-head span{display:block;margin-top:6px;font-size:14px;color:var(--muted);line-height:1.4}
.cad-form label{display:block}
.cad-form label span{display:block;font-size:13px;font-weight:700;color:var(--ink);margin-bottom:6px}
.cad-form input{width:100%;font:inherit;font-size:16px;padding:13px 15px;
  border:1.5px solid var(--line);border-radius:12px;background:var(--paper);color:var(--ink);
  transition:border-color .15s,box-shadow .15s}
.cad-form input::placeholder{color:#9a93b3}
.cad-form input:focus{outline:none;border-color:var(--vivid);background:#fff;
  box-shadow:0 0 0 4px rgba(98,39,243,.15)}
.cad-submit{width:100%;justify-content:center;margin-top:6px;font-size:16px;padding:16px 26px}
.cad-fine{display:block;text-align:center;font-size:12.5px;color:var(--muted);margin-top:2px}
.cad-erro{margin:0;padding:11px 14px;border-radius:10px;font-size:14px;font-weight:600;
  background:rgba(237,53,62,.1);color:var(--red-deep);border:1px solid rgba(237,53,62,.3)}

/* honeypot: fora da tela, sem display:none (bot ignora none) */
.cad-hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}

/* "como funciona": escura, pra casar com hero + rodapé */
.cad-metodo{background:var(--indigo-900);color:#fff}
.cad-metodo .eyebrow{color:#fff}
.cad-metodo .sec-head h2{color:#fff}
.cad-metodo .sec-head p{color:rgba(255,255,255,.78)}

/* lançamento (/independencia-financeira/): a copy do Davi é curta e vem em
   parágrafos soltos, não em bullets, pra sair na ordem em que ele escreveu. */
/* O respiro entre a sirene do Davi e a palavra é CSS, não um espaço enfiado
   dentro do texto dele. */
.lanc-sirene{margin-right:.16em;display:inline-block}
.lanc-h1{font-size:clamp(30px,4.6vw,58px);line-height:1.02;letter-spacing:-.02em;margin:0 0 14px}
.lanc-aviso{margin:14px 0 0;padding:12px 15px;border-radius:12px;max-width:34em;
  background:rgba(237,53,62,.14);border:1px solid rgba(237,53,62,.42);
  color:#fff;font-size:15.5px;line-height:1.5;font-weight:600}
.lanc-data{margin:20px 0 0;font-size:clamp(17px,2vw,21px);font-weight:900;color:#fff;letter-spacing:-.01em}
.lanc-decisao{margin:4px 0 0;font-family:'Caveat',cursive;font-size:28px;color:#39d98a}
/* O botão carrega a frase inteira do Davi, então quebra em várias linhas de
   propósito: text-transform nenhum (ela já vem em caixa alta dele) e altura
   livre. Sem isto o texto vaza do botão no celular. */
.lanc-submit{font-size:14.5px;line-height:1.25;padding:15px 18px;text-align:center;
  white-space:normal;height:auto}

@media(max-width:860px){
  .cad-hero .cad-grid{grid-template-columns:1fr;gap:30px}
  .cad-formwrap{order:-1}   /* no celular, o form vem primeiro */
}

@media(max-width:860px){
  /* Nas capturas o form vem primeiro no celular, e ali isso é certo: quem chega
     já sabe qual concurso quer. No lançamento, não: o botão do Davi pede o
     clique ("CLIQUE AQUI E TENHA...") e apareceria ANTES do título que diz o que
     é. Medido em 390px: a copy vem primeiro, e só aqui. */
  .edd-lancamento .cad-formwrap{order:0}
}

@media(max-width:430px){
  .lanc-submit{font-size:13.5px;padding:14px 14px}
}