/* =====================================================
   CAPTAÇÃO DE LEADS — janela antes do WhatsApp + campos de contato dos simuladores.
   Arquivo próprio (carregado depois do style-v38.css). Segue o tema claro/escuro
   pelas variáveis do style-v38. Reaproveita .field,
   .input-prefix e .btn do CSS principal.
   ===================================================== */

.lead-modal{
  position:fixed;inset:0;z-index:1000;
  display:flex;align-items:center;justify-content:center;
  padding:16px;box-sizing:border-box;
  background:rgba(10,0,130,0.45);
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
  animation:leadFade .35s ease-out;
}
.lead-modal[hidden]{display:none;}
.lead-modal-aberto,.lead-modal-aberto body{overflow:hidden;}

.lead-modal-card{
  position:relative;width:100%;max-width:440px;max-height:calc(100vh - 32px);overflow-y:auto;
  box-sizing:border-box;padding:32px 28px 24px;
  background:var(--surface);
  border:1px solid var(--line);
  border-radius:var(--radius-l);
  box-shadow:var(--shadow-2);
  backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);
  font-family:var(--font-body);color:var(--text);
  animation:leadSobe .45s cubic-bezier(.22,.8,.3,1);
}
.lead-modal-card h2{font-size:22px;line-height:1.25;color:var(--house);margin:0 36px 8px 0;}
.lead-modal-sub{font-size:14.5px;line-height:1.55;color:var(--text-soft);margin:0 0 22px;}
.lead-modal-form{gap:16px;}
.lead-modal button,.lead-modal input,.lead-modal select{font-family:var(--font-body);}
.lead-modal-form select{width:100%;box-sizing:border-box;}

.lead-modal-fechar{
  position:absolute;top:14px;right:14px;width:40px;height:40px;
  border:none;border-radius:50%;background:transparent;cursor:pointer;
  color:var(--text-soft);font-size:28px;line-height:1;
}
.lead-modal-fechar:hover,.lead-modal-fechar:focus-visible{background:var(--surface-2);color:var(--house);outline:none;}

.lead-modal-pular{
  align-self:center;border:none;background:none;cursor:pointer;padding:6px;
  font-family:var(--font-body);font-size:13px;font-weight:600;color:var(--text-soft);
  text-decoration:underline;text-underline-offset:3px;
}
.lead-modal-pular:hover{color:var(--house);}

.lead-erro{margin:0;font-size:13.5px;font-weight:600;color:var(--danger);overflow-wrap:anywhere;}

/* Campo isca contra robôs: fora da tela, invisível para pessoas e leitores de tela */
.lead-isca{position:absolute !important;left:-9999px !important;width:1px;height:1px;overflow:hidden;}

/* Aviso de privacidade abaixo dos campos de contato dos simuladores */
.lead-aviso{font-size:12.5px;color:var(--text-soft);margin:-8px 0 0;line-height:1.5;}

@keyframes leadFade{from{opacity:0;}to{opacity:1;}}
@keyframes leadSobe{from{opacity:0;transform:translateY(24px);}to{opacity:1;transform:none;}}

@media (max-width:480px){
  .lead-modal{align-items:flex-end;padding:0;}
  .lead-modal-card{max-width:none;border-radius:var(--radius-l) var(--radius-l) 0 0;padding:28px 18px 20px;max-height:92vh;}
  .lead-modal-card h2{font-size:20px;}
}

@media (prefers-reduced-motion: reduce){
  .lead-modal,.lead-modal-card{animation:none;}
}
