/* Formulário público de pedido de orçamento.
   Página de marca, vista por clientes: fica SEMPRE clara, mesmo que o
   navegador da pessoa esteja em tema escuro. O painel interno continua
   acompanhando o tema de quem trabalha nele. */
body.pub{
  color-scheme:light;
  --ground:#F4F6FA; --surface:#FFFFFF; --surface-2:#EDF0F7; --line:#DBDFEC;
  --ink:#171B28; --ink-2:#565D75; --ink-3:#868DA5;
  --brand:#364B8E; --brand-2:#17BDF5; --brand-forte:#2A3B70; --brand-tint:#E3F3FD;
  --signal:#0B86B8; --ok:#2C7A57; --warn:#9C6B18; --danger:#A9433A;
  --shadow:0 1px 2px rgba(23,27,40,.06), 0 8px 24px rgba(23,27,40,.07);
  background:var(--ground); color:var(--ink); padding:0;
}
.pub-wrap{max-width:760px;margin:0 auto;padding:28px 18px 56px}
.pub-topo{text-align:center;padding:14px 0 24px}
.pub-logo{width:150px;height:auto;margin:0 auto 18px;display:block}
.pub-topo h1{font-family:'Archivo';font-size:26px;font-weight:700;margin:0 0 10px;color:var(--ink)}
.pub-topo p{margin:0 auto;max-width:56ch;color:var(--ink-2);font-size:15px;line-height:1.6}

.pub-cartao{background:var(--surface);border:1px solid var(--line);border-radius:14px;
  box-shadow:var(--shadow);padding:26px 26px 30px;display:flex;flex-direction:column;gap:14px;
  position:relative;overflow:hidden}
/* filete da marca no alto do cartao */
.pub-cartao::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--brand) 0%,var(--brand-2) 58%,var(--brand) 100%)}
.pub-secao{font-family:'Archivo';font-size:12px;font-weight:600;letter-spacing:.09em;text-transform:uppercase;
  color:var(--brand);margin:14px 0 -2px;padding-bottom:7px;border-bottom:1px solid var(--line)}
.pub-cartao .f label{font-size:12.5px;text-transform:none;letter-spacing:0;color:var(--ink-2);font-weight:600}
.pub-cartao .f input,.pub-cartao .f select,.pub-cartao .f textarea{padding:11px 12px;font-size:15px;
  background:var(--surface);border:1px solid var(--line)}
.pub-cartao .f input:focus,.pub-cartao .f select:focus,.pub-cartao .f textarea:focus{border-color:var(--brand-2)}
.pub-cartao .f textarea{font-family:'Asap';resize:vertical}
.f.destaque{background:var(--brand-tint);border:1px solid var(--brand-2);border-radius:10px;padding:14px 16px}
.f.destaque label{color:var(--brand);font-size:13.5px}
.f.destaque select{font-size:16px;font-weight:600}

.pub-enviar{margin-top:8px;padding:14px 22px;font-size:16px;justify-content:center}
.pub-nota{margin:0;text-align:center;font-size:12.5px;color:var(--ink-3)}
.pub-isca{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

.pub-ok h2{font-family:'Archivo';font-size:21px;margin:0 0 12px;color:var(--brand)}
.pub-ok p{margin:0 0 14px;font-size:15px;line-height:1.65;color:var(--ink-2)}
.pub-assina{margin:18px 0 0!important;font-weight:600;color:var(--ink)!important}
.pub-assina span{font-weight:400;font-size:13.5px;color:var(--ink-3)}

.pub-rodape{text-align:center;margin-top:26px;font-size:12.5px;color:var(--ink-3);line-height:1.8}
.pub-rodape b{color:var(--brand);letter-spacing:.06em}

@media (max-width:640px){
  .pub-wrap{padding:18px 14px 40px}
  .pub-cartao{padding:20px 18px 24px;border-radius:12px}
  .pub-topo h1{font-size:22px}
  .grid{grid-template-columns:1fr}
}
.pub-topo h1 span{display:block;font-size:.62em;font-weight:600;color:var(--brand);margin-top:6px;
  letter-spacing:.01em}
