/* Simo Engenharia · formulário de orçamento e botão flutuante
   Carregado pelo lead.js, então funciona em qualquer página que chame o lead.js. */
body.lead-aberto{overflow:hidden}
/* sem esta linha o display:flex abaixo vence o atributo hidden e a janela não fecha */
.lead[hidden]{display:none!important}
.lead{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;font-family:'Inter',system-ui,sans-serif;line-height:1.5}
.lead-fundo{position:absolute;inset:0;background:rgba(7,41,62,.62)}
.lead-caixa{position:relative;background:#fff;border-radius:18px;width:100%;max-width:640px;max-height:calc(100vh - 40px);overflow:auto;box-shadow:0 30px 80px rgba(7,41,62,.35);outline:0}
.lead.chat{align-items:flex-end;justify-content:flex-end;padding:0 24px 96px}
.lead.chat .lead-fundo{background:rgba(7,41,62,.28)}
.lead.chat .lead-caixa{max-width:440px;max-height:calc(100vh - 120px)}
.lead-topo{display:flex;gap:14px;align-items:center;background:#07293E;color:#fff;padding:20px 60px 20px 24px}
.lead-topo img{width:44px;height:44px;border-radius:50%;background:#fff;padding:7px;flex:none;box-sizing:border-box;margin:0}
.lead-topo b{display:block;font-size:18px}
.lead-topo span{display:block;font-size:14px;color:rgba(255,255,255,.72);margin-top:2px;line-height:1.4}
.lead-x{position:absolute;top:16px;right:16px;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.14);color:#fff;font-size:22px;line-height:1;cursor:pointer}
.lead-form{padding:22px 24px 24px;text-align:left}
.lead-inline .lead-form{padding:0}
.lead-duas{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-campo{margin:0 0 16px}
fieldset.lead-campo{border:0;padding:0;min-width:0}
.lead-campo>label,.lead-campo legend{display:block;font-size:14px;font-weight:700;color:#0A3550;padding:0}
.lead-campo legend{margin-bottom:8px}
.lead-form input[type=text],.lead-form input[type=tel],.lead-form select{display:block;width:100%;box-sizing:border-box;margin-top:8px;border:1px solid #C9D8E2;border-radius:10px;padding:12px 14px;font:inherit;font-size:16px;font-weight:400;color:#25404F;background:#fff}
.lead-form input:focus,.lead-form select:focus{outline:2px solid #2F5D7C;outline-offset:1px;border-color:#2F5D7C}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{position:relative;display:block}
.chips input{position:absolute;opacity:0;width:1px;height:1px}
.chips span{display:inline-block;border:1px solid #C9D8E2;border-radius:999px;padding:8px 14px;font-size:14px;font-weight:600;color:#25404F;cursor:pointer;background:#fff;transition:.12s}
.chips span:hover{border-color:#2F5D7C}
.chips input:checked+span{background:#2F5D7C;border-color:#2F5D7C;color:#fff}
.chips input:focus-visible+span{outline:2px solid #59C9EC;outline-offset:2px}
.lead-erro{display:none;color:#B42318;font-size:13px;margin-top:6px}
.lead-campo.invalido .lead-erro{display:block}
.lead-campo.invalido input,.lead-campo.invalido select{border-color:#B42318}
.lead-campo.invalido .chips span{border-color:#E7A29B}
.lead-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.btn.lead-enviar{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;border:0;border-radius:10px;cursor:pointer;font:inherit;font-weight:700;font-size:16px;margin-top:6px;padding:15px 22px;background:#2F5D7C;color:#fff;white-space:normal;text-align:center}
.lead-nota{font-size:12.5px;color:#5E7382;margin-top:12px;text-align:center}
.lead-nota a{color:#2F5D7C;text-decoration:underline}
.lead-ok{padding:34px 24px;text-align:center}
.lead-ok b{display:block;font-size:21px;color:#0A3550;margin-bottom:8px}
.lead-ok p{color:#5E7382}
.lead-ok .btn{margin-top:20px}
.modelo.lead-inline{padding:28px 30px}

/* botão flutuante e balão */
.waFlut{position:fixed;right:24px;bottom:24px;z-index:90;display:flex;align-items:center;gap:10px;height:58px;padding:0 22px 0 16px;border:0;border-radius:999px;background:#25D366;color:#fff;font-family:'Inter',system-ui,sans-serif;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 12px 30px rgba(7,41,62,.28)}
.waFlut svg{width:28px;height:28px}
.waBolha{position:fixed;right:24px;bottom:96px;z-index:90;max-width:290px;background:#fff;border-radius:14px;padding:16px 40px 16px 18px;font-family:'Inter',system-ui,sans-serif;font-size:14.5px;line-height:1.45;color:#25404F;cursor:pointer;box-shadow:0 16px 40px rgba(7,41,62,.25)}
.waBolha b{display:block;color:#0A3550;font-size:15.5px;margin-bottom:3px}
.waBolha-x{position:absolute;top:8px;right:8px;width:26px;height:26px;border:0;border-radius:50%;background:#F3F8FB;color:#5E7382;font-size:17px;line-height:1;cursor:pointer}

@media (max-width:900px){
  .lead,.lead.chat{padding:0;align-items:flex-end;justify-content:center}
  .lead-caixa,.lead.chat .lead-caixa{max-width:none;border-radius:18px 18px 0 0;max-height:92vh}
  .lead-duas{grid-template-columns:1fr;gap:0}
  .modelo.lead-inline{padding:22px}
  .waFlut{right:16px;bottom:16px;width:58px;padding:0;justify-content:center}
  .waFlut span{display:none}
  .tem-wafix .waFlut{display:none}
}
