@charset "UTF-8";
/* Tema claro institucional do site público (vitrine, contratação, pedido, lista de vereadores, páginas legais e avisos).
   Vale só para <body class="pf pf-site">; o painel da equipe e os portais dos vereadores não usam este arquivo.
   Paleta Datasy em tons claros: branco, gelo #f3f7fb, névoa #e8f1f9; navy #021a30 para texto, cabeçalhos escuros e rodapé; azul #0079aa nas ações; ciano #08d3fe só como detalhe. */
.pf-site{
  --s-white:#fff;--s-ice:#f3f7fb;--s-mist:#e8f1f9;--s-line:#d7e4f1;--s-line2:#c3d4e6;
  --s-navy:#021a30;--s-ink:#0b1b2b;--s-text:#2f4256;--s-muted:#5a6b7e;--s-blue:#0079aa;--s-blue-h:#00678f;--s-cyan:#08d3fe;--s-cyan6:#0096c7;--s-tint:#e2f4fb;
  --g9:#021a30;--g8:#0b2a4a;--g7:#0079aa;--g6:#0096c7;--g2:#cfe6f3;--g1:#e8f3fa;
  --gold:#0096c7;--gold-d:#00678f;--gold-1:#e2f4fb;
  --ink:#0b1b2b;--ink2:#2f4256;--muted:#5a6b7e;--paper:#f3f7fb;--surface:#fff;--line:#d7e4f1;--line2:#c3d4e6;
  --shadow:0 1px 2px rgb(2 26 48/.05),0 16px 36px -20px rgb(2 26 48/.25);--shadow-lg:0 36px 80px -34px rgb(2 26 48/.4)}
body.pf-site{background:var(--s-ice);color:var(--s-text)}
.pf-site ::selection{background:rgb(8 211 254/.35);color:var(--s-navy)}
.pf-site a:where(:not(.btn)){color:var(--s-blue)}
.pf-site h1,.pf-site h2,.pf-site h3,.pf-site h4{color:var(--s-navy)}
.pf-site :focus-visible{outline-color:var(--s-cyan6)}
.pf-site .skip{background:var(--s-navy);color:#fff}

/* Cabeçalho claro e rodapé navy */
.pf-site .pf-header{background:rgb(255 255 255/.92);backdrop-filter:blur(12px) saturate(1.2);-webkit-backdrop-filter:blur(12px) saturate(1.2);border-bottom:1px solid var(--s-line)}
.pf-site .pf-nav a:not(.btn){color:var(--s-text)}
.pf-site .pf-nav a:not(.btn):hover,.pf-site .pf-nav a[aria-current=page]{background:var(--s-tint);color:var(--s-navy)}
.pf-site .pf-header .pf-word{color:var(--s-navy)}
.pf-site .pf-header .pf-word i{color:var(--s-cyan6)}
.pf-site .pf-menu{border-color:var(--s-line2);color:var(--s-navy)}
.pf-site .pf-footer{background:var(--s-navy);color:#a9bccf}
.pf-site .pf-footer a{color:#dce8f3}
.pf-site .pf-footer a:hover{color:var(--s-cyan)}
.pf-site .pf-footer h4{color:#fff}
.pf-site .pf-footer .legal{border-top-color:rgb(255 255 255/.14)}
@media (max-width:720px){.pf-site .pf-nav{background:#fff;border-bottom:1px solid var(--s-line);box-shadow:0 18px 30px -20px rgb(2 26 48/.35)}}

/* Botões */
.pf-site .btn-gold,.pf-site .btn-green{background:var(--s-blue);color:#fff;border-color:transparent;box-shadow:0 10px 22px -12px rgb(0 121 170/.7)}
.pf-site .btn-gold:hover,.pf-site .btn-green:hover{background:var(--s-blue-h);box-shadow:0 14px 28px -12px rgb(0 121 170/.85)}
.pf-site .btn-line{background:#fff;color:var(--s-navy);border-color:var(--s-line2)}
.pf-site .btn-line:hover{border-color:var(--s-cyan6);background:var(--s-tint)}
.pf-site .btn-ghost{color:var(--s-navy);border-color:var(--s-line2)}

/* Cabeçalhos de página e seções */
.pf-site .page-hero{background:linear-gradient(180deg,var(--s-mist),var(--s-ice));color:var(--s-text);border-bottom:1px solid var(--s-line)}
.pf-site .page-hero h1{color:var(--s-navy)}
.pf-site .page-hero p{color:var(--s-text)}
.pf-site .eyebrow,.pf-site .page-hero .eyebrow{color:var(--s-blue-h)}
.pf-site .lead{color:var(--s-muted)}
.pf-site .proof{background:#fff}
.pf-site .done-hero .lead,.pf-site .done-hero p{color:var(--s-muted)}

/* Cartões e listas */
.pf-site .card,.pf-site .step,.pf-site .feature,.pf-site .plan,.pf-site .person,.pf-site .filters,.pf-site .faq details{background:#fff;border-color:var(--s-line)}
.pf-site .plan.hl{border-color:var(--s-cyan6)}
.pf-site .plan .tag{background:var(--s-cyan);color:var(--s-navy)}
.pf-site .feature:hover,.pf-site .person:hover{border-color:rgb(0 150 199/.5)}
.pf-site .avatar{background:linear-gradient(135deg,var(--s-cyan6),var(--s-navy));color:#fff}
.pf-site .badge-gold{background:#fff4d6;color:#8a5a00}
.pf-site .cta-band{background:linear-gradient(120deg,#08507d,#0a6a9e)}
.pf-site .cta-band p{color:#d8f3fb}

/* Formulários */
.pf-site input:focus,.pf-site select:focus,.pf-site textarea:focus{border-color:var(--s-cyan6);outline-color:rgb(0 150 199/.22)}
.pf-site .slug-group:focus-within{border-color:var(--s-cyan6);outline-color:rgb(0 150 199/.22)}
.pf-site .palette-chip.is-active{border-color:var(--s-blue);box-shadow:0 0 0 3px rgb(0 121 170/.18)}
.pf-site .palette-chip:hover{border-color:#6fb5d3}
.pf-site .urlbox{background:var(--s-tint);border-color:#9fdcf1}
.pf-site .pixbox{background:var(--s-tint);border-color:var(--s-cyan6)}