/* ============================================================
   pagina.css — o chão das páginas públicas.

   Estava dentro do index.html, que foi o sítio certo enquanto houve
   uma página pública só. Com a sobre.html passou a haver duas, e a
   segunda saiu sem estilo nenhum: levou as regras das suas secções e
   não levou isto.

   Aqui estão as variáveis de cor, o reset, a tipografia de base, o
   `.wrap`, os botões, a faixa de secção e o rodapé. O que é próprio de
   uma página fica na página — o herói e as medidas continuam no index,
   os cartões de serviço continuam na sobre.

   Extraído por correcoes/extrair-css-base.mjs. Se voltar a haver uma
   página pública nova, é a este ficheiro que se liga, e não a uma
   cópia.
   ============================================================ */

:root{
  --paper:#F7F5F0; --paper2:#F1EEE6; --surface:#FFFFFF; --ink:#191510; --ink2:#6B6357;
  --ink3:#9A9184; --line:#E5DFD3; --line2:#D8D1C2; --amber:#B3781A; --amber2:#C88A2A;
  --amber-soft:#F3E9D6; --radius:12px;
  --disp:"Fraunces",Georgia,"Times New Roman",serif;
  --body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --mono:ui-monospace,"SFMono-Regular",Menlo,Consolas,monospace;
  color-scheme:light;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--paper);color:var(--ink);font-family:var(--body);font-size:16.5px;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2{font-family:var(--disp);font-weight:400;letter-spacing:-.02em;line-height:1.06;text-wrap:balance;color:var(--ink)}
a{color:var(--ink);text-decoration:none}
.wrap{max-width:1080px;margin:0 auto;padding:0 28px}
.data{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.eyebrow{display:flex;align-items:center;gap:9px;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.15em;color:var(--ink2)}
.eyebrow::before{content:"";width:2px;height:13px;background:var(--amber);flex:none;border-radius:2px}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--body);font-size:.95rem;font-weight:500;padding:12px 22px;border-radius:9px;border:1px solid var(--ink);background:var(--ink);color:var(--paper);cursor:pointer;transition:opacity .15s,border-color .15s;text-align:center}
.btn:hover{opacity:.86}
.btn.ghost{background:transparent;color:var(--ink);border-color:var(--line2)}
.btn.ghost:hover{opacity:1;border-color:var(--ink)}
.btn.sm{padding:9px 16px;font-size:.88rem}
.btn.block{width:100%}

body:not(.is-in) .so-conta{display:none}
body.is-in .so-anon{display:none}

section.blk{padding:34px 0 52px}
.head{max-width:660px;margin-bottom:20px}
.head h2{font-size:1.7rem;margin:9px 0 4px}
.head p{color:var(--ink2);font-size:1.02rem}

footer{padding:38px 0;font-size:.85rem;color:var(--ink3)}
footer .wrap{display:block;text-align:center}
footer .f-marca{margin:0 0 14px}
footer .f-marca b{color:var(--ink2,#6B6357);font-weight:500}
footer .f-legal{margin:14px 0 0}
footer .f-ig{display:inline-flex;align-items:center;justify-content:center;
  width:38px;height:38px;border-radius:50%;border:1px solid var(--line,#E5DFD3);
  transition:color .15s,border-color .15s}
footer .f-ig:hover{color:var(--amber,#B3781A);border-color:var(--amber,#B3781A)}
footer a{color:var(--ink2)}
footer a:hover{color:var(--ink)}