@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/montserrat-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/montserrat-latin-500-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/montserrat-latin-600-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/montserrat-latin-700-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url(fonts/montserrat-latin-800-normal.woff2) format("woff2")}
@font-face{font-family:Montserrat;font-style:normal;font-weight:900;font-display:swap;src:url(fonts/montserrat-latin-900-normal.woff2) format("woff2")}

:root{--bg:#f4f5f7;--card:#fff;--tx:#111;--mu:#5b6470;--bd:#dcdfe4;--ac:#004a8d;--ac-tx:#fff;--ac2:#e6edf4;--lk:#004a8d;--co:#d64f37;--er:#b3261e;--er-bg:#fdecea;--ok:#1b6b3a;--ok-bg:#e7f5ec;--wa:#128c4a;--topo:#fff;--topo-tx:#111}
@media (prefers-color-scheme:dark){:root{--bg:#0c0e11;--card:#161a1f;--tx:#f2f4f6;--mu:#9aa3ad;--bd:#2a3038;--ac:#004a8d;--ac-tx:#fff;--ac2:#0e1b28;--lk:#fff;--er:#ff9d94;--er-bg:#3a1f1d;--ok:#8ad9a8;--ok-bg:#16301f;--wa:#3ecf7f;--topo:#111;--topo-tx:#fff}}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--tx);font:16px/1.55 Montserrat,system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
a{color:var(--lk)}
.w{max-width:760px;margin:0 auto;padding:0 16px}
.w.larga{max-width:1040px}
main.w{padding-top:28px;padding-bottom:48px}
.topo{background:var(--topo);color:var(--topo-tx);border-bottom:1px solid var(--bd);position:relative}
.topo::after{content:"";display:block;height:6px;background:repeating-linear-gradient(-45deg,var(--co) 0 12px,var(--ac) 12px 24px)}
.topo .w{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;min-height:64px;padding-top:6px;padding-bottom:6px}
.marca{display:inline-flex;align-items:center;gap:12px;font-weight:800;color:var(--topo-tx);text-decoration:none}
.marca span{font-weight:600;font-size:.85rem;text-transform:uppercase;letter-spacing:.08em;color:var(--mu)}
.logo{display:block;height:36px;width:auto;max-width:200px;min-width:120px;object-fit:contain}
.menu{display:flex;gap:16px;align-items:center;flex-wrap:wrap;font-weight:600;font-size:.92rem}
.menu a,.menu button.link{color:var(--topo-tx);text-decoration:none}
.menu a:hover,.menu button.link:hover{text-decoration:underline}
.rodape{border-top:1px solid var(--bd);padding:20px 0;font-size:.85rem;color:var(--mu)}
.rodape p{margin:6px 0 0}
h1{font-size:1.9rem;font-weight:900;line-height:1.15;margin:0 0 10px;letter-spacing:-.01em}
h1::before{content:"";display:block;width:48px;height:6px;background:var(--co);margin:0 0 14px}
h2{font-size:1.1rem;font-weight:800;margin:20px 0 8px}
.mu{color:var(--mu)}.pequeno{font-size:.85rem;margin:4px 0 0}
.g{display:grid;gap:12px}
.c{display:block;background:var(--card);border:1px solid var(--bd);border-left:4px solid var(--ac);border-radius:8px;padding:16px 18px;color:inherit;text-decoration:none}
.c:hover,.c:focus-visible{border-left-color:var(--co)}
.c b{display:block;font-size:1.05rem;font-weight:800}.c span{color:var(--mu);font-size:.92rem}
.f{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:18px}
.r{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}
.fd.full{grid-column:1/-1}
@media(max-width:600px){.r{grid-template-columns:1fr}h1{font-size:1.5rem}}
.fd{margin-bottom:14px}
label,legend{display:block;font-size:.88rem;font-weight:600;margin:0 0 4px}
fieldset{border:0;margin:0;padding:0}
input,select,textarea{width:100%;padding:10px;border:1px solid var(--bd);border-radius:4px;background:var(--bg);color:var(--tx);font:inherit}
input:focus,select:focus,textarea:focus{outline:2px solid var(--ac);outline-offset:1px;border-color:var(--ac)}
@media (prefers-color-scheme:dark){input:focus,select:focus,textarea:focus{outline-color:#fff;border-color:#fff}}
.ck{display:flex;gap:8px;align-items:flex-start;font-weight:400;margin:6px 0}
.ck input{width:auto;margin-top:5px}
.req{color:var(--er)}
.er{color:var(--er);font-size:.88rem;margin:4px 0 0}
.tem-erro input,.tem-erro select{border-color:var(--er)}
.bt{display:inline-block;background:var(--ac);color:var(--ac-tx);border:2px solid var(--ac);border-radius:4px;padding:11px 20px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none}
.bt:hover{filter:brightness(1.15)}
.bt.s{background:transparent;color:var(--lk);border-color:var(--lk)}
.bt.wa{background:var(--wa);border-color:var(--wa);color:#fff}
.bt[disabled]{opacity:.6;cursor:wait}
.dc{background:var(--ac2);border-radius:8px;padding:12px;font-size:.92rem;margin:8px 0 16px}
.dc.destaque{font-size:1rem}
.aviso-erro,.aviso-ok{border-radius:8px;padding:10px 12px;margin:0 0 14px}
.aviso-erro{background:var(--er-bg);color:var(--er)}
.aviso-ok{background:var(--ok-bg);color:var(--ok)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.login{max-width:380px;margin:24px auto}
.acoes{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.abas{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 12px}
.aba{padding:6px 14px;border:1px solid var(--bd);border-radius:4px;text-decoration:none;font-size:.88rem;font-weight:600;background:var(--card)}
.aba.ativa{background:var(--ac);color:var(--ac-tx);border-color:var(--ac)}
.filtros{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px}
.filtros input[type=search]{flex:1 1 260px;width:auto}
.filtros select{width:auto}
.tabela-wrap{overflow-x:auto;background:var(--card);border:1px solid var(--bd);border-radius:8px}
.tabela{width:100%;border-collapse:collapse;font-size:.93rem}
.tabela th,.tabela td{padding:10px 12px;text-align:left;border-bottom:1px solid var(--bd);vertical-align:top}
.tabela th{font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.05em;color:var(--mu)}
.tabela tr:last-child td{border-bottom:0}
.badge{display:inline-block;padding:2px 10px;border-radius:4px;font-size:.78rem;font-weight:700;background:var(--ac2);color:var(--lk)}
.badge.st-nova{background:var(--co);color:#111}
.badge.st-fechada{background:var(--ok-bg);color:var(--ok)}
.pag{display:flex;gap:16px;align-items:center;justify-content:center;margin-top:16px}
.dl{display:grid;grid-template-columns:minmax(120px,220px) 1fr;gap:6px 16px;margin:0 0 8px}
.dl dt{color:var(--mu)}.dl dd{margin:0;overflow-wrap:anywhere}
@media(max-width:600px){.dl{grid-template-columns:1fr}.dl dd{margin-bottom:6px}}
.lista{margin:0;padding-left:20px}
.inline{display:inline;margin:0}
button.link{background:none;border:0;color:var(--lk);font:inherit;cursor:pointer;padding:0;text-decoration:underline}
code{background:var(--ac2);padding:1px 6px;border-radius:4px}
.notas{list-style:none;margin:0;padding:0}
.notas li{border-left:4px solid var(--ac2);padding:2px 0 2px 12px;margin:0 0 12px}
.notas li p{margin:0}
.zona-perigo{border-color:var(--er)}
.bt.perigo{background:transparent;color:var(--er);border-color:var(--er)}
.bt.perigo:hover{background:var(--er-bg);filter:none}
.lista-equipe{list-style:none;margin:0;padding:0}
.lista-equipe>li{border-bottom:1px solid var(--bd);padding:12px 0}
.lista-equipe>li:last-child{border-bottom:0}
.lista-equipe details{margin-top:8px}
.lista-equipe summary{cursor:pointer;color:var(--lk);font-weight:600;font-size:.9rem}
.mini{display:flex;gap:8px;flex-wrap:wrap;align-items:flex-end;margin:8px 0 0}
.mini .fd{margin:0;flex:1 1 200px}
.mini .bt{padding:8px 14px}
[hidden]{display:none!important}

/* Formulário em seções numeradas */
.fs{display:grid;gap:16px}
.sec{background:var(--card);border:1px solid var(--bd);border-radius:8px;padding:0 0 18px}
.sec>*:not(.sec-t){margin-left:18px;margin-right:18px}
.sec-t{display:flex;align-items:center;flex-wrap:wrap;gap:4px 12px;padding:14px 18px;margin-bottom:16px;border-bottom:1px solid var(--bd)}
.sec-t h2{margin:0;font-size:1.05rem;font-weight:800}
.sec-n{display:inline-flex;align-items:center;justify-content:center;flex:none;width:30px;height:30px;border-radius:4px;background:var(--ac);color:var(--ac-tx);font-weight:800;font-size:.95rem}
.sec-s{color:var(--mu);font-size:.85rem}
.sec .r{margin-left:18px;margin-right:18px}
.lb{display:flex;align-items:center;gap:8px;margin:0 0 4px}
.lb label{margin:0}
.aj{flex:none;width:22px;height:22px;border-radius:50%;border:1.5px solid var(--co);background:transparent;color:var(--tx);font:inherit;font-weight:800;font-size:.75rem;line-height:1;cursor:pointer;padding:0}
.aj:hover,.aj[aria-expanded="true"]{background:var(--co);color:#111}
.aj:focus-visible{outline:2px solid var(--tx);outline-offset:2px}
.ajuda{margin:0 0 8px;padding:8px 10px;border-radius:4px;background:var(--ac2);font-size:.85rem}
.alerta{padding:12px 14px;border-radius:4px;border-left:4px solid var(--co);background:var(--ac2);font-size:.92rem;margin-bottom:12px}
.lgpd{margin:8px 18px 14px;font-size:.88rem}
.lgpd summary{cursor:pointer;font-weight:600;color:var(--lk)}
.lgpd p{margin:6px 0 0;color:var(--mu)}
.sec>.bt{margin-top:6px}
.rodape p{margin:4px 0 0}
.rod-nome{color:var(--tx)}

/* Visual 2: a pergunta é a abertura. Faixa azul com as opções como linhas grandes, formulário plano em passos. */
.w,.hero .w,.pg-hub main.w{max-width:1040px}
.pg-form .fs,.pg-form .obrig,.pg-form .aviso-erro,.pg-form .confia,.pg-form .prog,.aviso-acomp{max-width:760px}
input,select,textarea{border-radius:12px;border-width:1.5px;padding:13px 14px;font-size:1rem}
.bt{border-radius:12px;padding:13px 24px;font-size:1rem}
.topo{border-bottom:0}

.hero{background:#004a8d;color:#fff;position:relative;overflow:hidden;padding:clamp(32px,6vw,64px) 0 clamp(28px,5vw,48px)}
.hero::after{content:"";position:absolute;right:-80px;top:-40px;bottom:-40px;width:42%;background:repeating-linear-gradient(-45deg,rgba(255,255,255,.09) 0 18px,transparent 18px 44px);pointer-events:none}
.hero .w{position:relative;z-index:1}
.hero h1{color:#fff;font-size:clamp(2.2rem,7.4vw,4.6rem);line-height:1;font-weight:900;letter-spacing:-.035em;margin:0 0 14px;max-width:11em}
.hero h1::before{display:none}
.lead{font-size:1.05rem;max-width:34em;margin:0;color:#dbe6f1}
.voltar{display:inline-block;margin:0 0 20px;color:#fff;font-weight:600;font-size:.92rem}
.pg-form .hero{padding-bottom:clamp(24px,4vw,40px)}
.pg-form .hero h1{font-size:clamp(1.9rem,5.4vw,3.2rem)}

.escolha{display:grid;margin-top:clamp(24px,4vw,40px);border-top:2px solid rgba(255,255,255,.4)}
.escolha a{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr) 40px;align-items:center;gap:6px 28px;padding:22px 4px;border-bottom:2px solid rgba(255,255,255,.4);color:#fff;text-decoration:none;position:relative}
.escolha b{font-size:clamp(1.7rem,5vw,3rem);font-weight:900;letter-spacing:-.025em;line-height:1.05}
.escolha span{color:#dbe6f1;font-size:.95rem}
.escolha .ico{width:40px;height:40px;justify-self:end}
.escolha a::before{content:"";position:absolute;left:0;bottom:-2px;height:6px;width:0;background:var(--co);transition:width .22s}
.escolha a:hover::before,.escolha a:focus-visible::before{width:100%}
.escolha a:focus-visible{outline:3px solid #fff;outline-offset:-3px}
@media(max-width:700px){.escolha a{grid-template-columns:1fr 36px;gap:2px 16px}.escolha span{grid-column:1}.escolha .ico{grid-column:2;grid-row:1/3;width:34px;height:34px}}
@media (prefers-reduced-motion:reduce){.escolha a::before{transition:none}}

.pg-hub main.w{padding-top:40px}
.como h2{margin:0 0 18px;font-size:1.5rem;font-weight:900;letter-spacing:-.01em}
.como ol{list-style:none;margin:0;padding:0 0 0 22px;border-left:3px solid var(--co);display:grid;gap:22px;max-width:620px;counter-reset:p}
.como li{counter-increment:p;position:relative;padding-left:20px}
.como li::before{content:counter(p);position:absolute;left:-46px;top:-1px;width:40px;height:40px;border-radius:50%;background:var(--bg);border:3px solid var(--co);color:var(--tx);font-weight:900;display:flex;align-items:center;justify-content:center}
.como li b{display:block;font-size:1.1rem}
.como li span{color:var(--mu);font-size:.95rem}
.zap{margin-top:32px}

.pg-form main.w{padding-top:24px}
.pg-form .obrig{margin:0 0 12px}
.confia{display:flex;gap:12px;align-items:flex-start;margin:0 0 20px;font-size:.9rem;color:var(--mu)}
.confia strong{color:var(--tx)}
.ico-s{flex:none;color:var(--lk);margin-top:1px}
.prog{margin:0 0 12px}
.prog-b{display:flex;gap:4px}
.prog-b i{flex:1;height:6px;border-radius:3px;background:var(--bd)}
.prog-b i.ok{background:var(--ac)}
.prog-b i.ag{background:var(--co)}
@media (prefers-color-scheme:dark){.prog-b i.ok{background:#5b8fc4}}
.prog-t{margin:10px 0 0;font-size:.95rem;font-weight:700}
.sec{border-radius:10px;overflow:hidden}
.wiz .sec>.sec-t{background:var(--card);border-bottom:0;padding-bottom:0;margin-bottom:10px}
.wiz .sec-n{display:none}
.wiz .sec-t h2{font-size:1.5rem;font-weight:900;letter-spacing:-.015em}
.wiz-nav{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px!important;margin-bottom:0}
.wiz-nav .bt{flex:1 1 140px;text-align:center}
.wiz-nav .bt:not(.s){flex:2 1 200px}
.rev-b{border:1.5px solid var(--bd);border-radius:10px;padding:12px 14px;margin:0 0 12px;background:var(--bg)}
.rev-h{display:flex;justify-content:space-between;align-items:center;gap:12px}
.rev-h h3{margin:0;font-size:.95rem;font-weight:800}
.rev-b .dl{margin:8px 0 0;font-size:.92rem}

.aviso-acomp{background:var(--card);border:1.5px solid var(--bd);border-left:6px solid var(--co);border-radius:10px;padding:18px 20px}
.aviso-acomp h2{margin:0 0 6px}
.aviso-acomp p{margin:0 0 12px}
.aviso-acomp p:last-child{margin-bottom:0}
.wa-flutua{position:fixed;right:16px;bottom:16px;z-index:20;width:56px;height:56px;border-radius:50%;background:#25a05a;color:#fff;display:flex;align-items:center;justify-content:center;text-decoration:none}
.wa-flutua:hover,.wa-flutua:focus-visible{background:#1c8348}
.wa-flutua:focus-visible{outline:3px solid var(--tx);outline-offset:3px}
.rodape{padding-bottom:84px}
@media (prefers-color-scheme:dark){.hero{background:#00315e}}
.msg-pronta{margin:0 0 14px;padding:12px 14px;border-left:4px solid var(--ac);background:var(--ac2);border-radius:0 8px 8px 0;font-size:.95rem}