@font-face{font-family:'News';font-weight:400;font-style:normal;font-display:swap;src:url(/static/fonts/newsreader-400.woff2) format('woff2')}
  @font-face{font-family:'News';font-weight:500;font-style:normal;font-display:swap;src:url(/static/fonts/newsreader-500.woff2) format('woff2')}
  @font-face{font-family:'News';font-weight:600;font-style:normal;font-display:swap;src:url(/static/fonts/newsreader-600.woff2) format('woff2')}
  @font-face{font-family:'News';font-weight:500;font-style:italic;font-display:swap;src:url(/static/fonts/newsreader-500i.woff2) format('woff2')}
  :root{
    --bg:#F5EEE2;--panel:#FFFFFF;--panel-2:#FBF6EE;--hover:#F1E8D8;
    --linha:#ECE1CF;--linha-2:#DED0B8;
    --tinta:#2C2117;--suave:#6E6052;--faint:#9E9080;
    --azul:#8A3341;--azul-ink:#8A3341;--azul-2:#6F2733;--azul-dim:#F4E4E2;
    --latao:#AE8235;--latao-2:#8A6626;--latao-dim:#F4EAD3;
    --crit:#BE3A2B;--crit-dim:#F8E3DE;--amb:#C07A22;--amb-dim:#F8ECD8;--ok:#5C7A4E;--ok-dim:#E7EEDF;
    --info:#3C6A88;--info-dim:#E1ECF2;
    --pin-bg:#F4EAD3;--pin-bd:#E0CB97;
    --btnh:34px;--rad:9px;--rad-2:16px;--sb:256px;--maxw:1000px;
    --news:'News',Palatino,'Palatino Linotype',Georgia,serif;
    --body:Georgia,'Iowan Old Style','Times New Roman',serif;
    --sans:system-ui,-apple-system,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;
    /* --- linguagem "Gabinete": aliases dos nomes usados nos mockups -> valores desta paleta
       (via var(), então herdam o tema automaticamente) + tokens novos (cantos macios, metal, grão) --- */
    --paper:var(--bg);--surface:var(--panel);--surface-2:var(--panel-2);--inset:var(--panel-2);
    --ink:var(--tinta);--ink-soft:var(--suave);--ink-faint:var(--faint);
    --line:var(--linha);--line-2:var(--linha-2);
    --primary:var(--azul);--primary-ink:var(--azul-ink);--primary-deep:var(--azul-2);--primary-tint:var(--azul-dim);
    --brass:var(--latao);--brass-deep:var(--latao-2);--brass-tint:var(--latao-dim);
    --brass-rule:color-mix(in srgb,var(--latao) 50%,transparent);
    --warn:var(--amb);--warn-tint:var(--amb-dim);--crit-tint:var(--crit-dim);--ok-tint:var(--ok-dim);--info-tint:var(--info-dim);
    --serif:var(--news);
    --r:16px;--r-sm:11px;--r-xs:8px;
    --shadow:var(--sombra-1);--shadow-lg:var(--sombra-2);
    --brass-metal:linear-gradient(140deg,#EAD08A 0%,#C6A052 44%,#8C6828 100%);
    --grain:.05;
  }
  /* tema escuro Gabinete "couro noturno" — couro escuro + pergaminho, bordô/latão claros.
     Segue o SO (prefers-color-scheme) e o toggle (data-theme) sobrepõe nos dois sentidos. */
  @media (prefers-color-scheme:dark){:root{--bg:#1A1512;--panel:#241D17;--panel-2:#2B231B;--hover:#322820;--linha:#39301F;--linha-2:#4E4234;--tinta:#F1E7D6;--suave:#BBA98F;--faint:#86755F;--azul:#A8394A;--azul-ink:#D98A94;--azul-2:#8E2F3E;--azul-dim:#3A2620;--latao:#CBA24E;--latao-2:#DCC085;--latao-dim:#332916;--crit:#E58072;--crit-dim:#3A231D;--amb:#DDA153;--amb-dim:#382A17;--ok:#93B07F;--ok-dim:#26301F;--info:#77A6C4;--info-dim:#1E2B33;--pin-bg:#332916;--pin-bd:#574823}}
  :root[data-theme=light]{--bg:#F5EEE2;--panel:#FFFFFF;--panel-2:#FBF6EE;--hover:#F1E8D8;--linha:#ECE1CF;--linha-2:#DED0B8;--tinta:#2C2117;--suave:#6E6052;--faint:#9E9080;--azul:#8A3341;--azul-ink:#8A3341;--azul-2:#6F2733;--azul-dim:#F4E4E2;--latao:#AE8235;--latao-2:#8A6626;--latao-dim:#F4EAD3;--crit:#BE3A2B;--crit-dim:#F8E3DE;--amb:#C07A22;--amb-dim:#F8ECD8;--ok:#5C7A4E;--ok-dim:#E7EEDF;--info:#3C6A88;--info-dim:#E1ECF2;--pin-bg:#F4EAD3;--pin-bd:#E0CB97}
  :root[data-theme=dark]{--bg:#1A1512;--panel:#241D17;--panel-2:#2B231B;--hover:#322820;--linha:#39301F;--linha-2:#4E4234;--tinta:#F1E7D6;--suave:#BBA98F;--faint:#86755F;--azul:#A8394A;--azul-ink:#D98A94;--azul-2:#8E2F3E;--azul-dim:#3A2620;--latao:#CBA24E;--latao-2:#DCC085;--latao-dim:#332916;--crit:#E58072;--crit-dim:#3A231D;--amb:#DDA153;--amb-dim:#382A17;--ok:#93B07F;--ok-dim:#26301F;--info:#77A6C4;--info-dim:#1E2B33;--pin-bg:#332916;--pin-bd:#574823}
  :root{--sombra-1:0 1px 2px rgba(60,40,20,.04),0 6px 18px rgba(60,40,20,.05);--sombra-2:0 2px 6px rgba(60,40,20,.05),0 14px 40px rgba(60,40,20,.08);--ease:cubic-bezier(.4,0,.2,1);--dur:.18s}
  @media (prefers-color-scheme:dark){:root{--sombra-1:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.3);--sombra-2:0 2px 6px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.45)}}
  :root[data-theme=dark]{--sombra-1:0 1px 2px rgba(0,0,0,.3),0 8px 22px rgba(0,0,0,.3);--sombra-2:0 2px 6px rgba(0,0,0,.35),0 18px 44px rgba(0,0,0,.45)}
  :root[data-theme=light]{--sombra-1:0 1px 2px rgba(60,40,20,.04),0 6px 18px rgba(60,40,20,.05);--sombra-2:0 2px 6px rgba(60,40,20,.05),0 14px 40px rgba(60,40,20,.08)}
  @keyframes surge{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
  *{box-sizing:border-box}
  body{font-family:var(--sans);margin:0;background:var(--bg);color:var(--tinta);font-size:15px;line-height:1.55;-webkit-font-smoothing:antialiased}
  a{color:var(--azul-ink);text-decoration:none} a:hover{text-decoration:underline}
  .tnum{font-variant-numeric:tabular-nums}
  :focus-visible{outline:2px solid var(--azul);outline-offset:1px;border-radius:2px}
  /* troca de tema suave — classe efêmera (só durante o toggle; não afeta navegação/hover) */
  html.tema-anim,html.tema-anim *{transition:background-color .3s var(--ease),color .3s var(--ease),border-color .3s var(--ease)!important}
  @media (prefers-reduced-motion:reduce){*,html.tema-anim *{transition:none!important;animation:none!important}}

  /* botões — sans, um tamanho, cantos quase retos (cara de papel) */
  button{font-family:var(--sans);height:var(--btnh);padding:0 15px;border-radius:var(--r-sm);border:1px solid var(--azul-2);background:linear-gradient(180deg,var(--azul),var(--azul-2));color:#FFFDF8;font-size:12.5px;font-weight:600;letter-spacing:.02em;cursor:pointer;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;box-shadow:0 1px 2px rgba(60,40,20,.14);transition:transform .12s var(--ease),box-shadow .14s,filter .14s}
  button[hidden]{display:none}   /* o display:inline-flex acima (author) venceria o [hidden] do UA — restaura o esconder */
  button:hover{filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 11px rgba(110,39,51,.22)}
  button.sec{background:var(--panel);color:var(--tinta);border-color:var(--linha-2);box-shadow:var(--sombra-1)}
  button.sec:hover{background:var(--hover);border-color:var(--latao)}
  button.perigo{background:var(--panel);color:var(--crit);border-color:color-mix(in srgb,var(--crit) 42%,transparent)}
  button.perigo:hover{background:var(--crit-dim)}
  a.btn{font-family:var(--sans);display:inline-flex;align-items:center;gap:6px;height:var(--btnh);padding:0 15px;border-radius:var(--r-sm);background:linear-gradient(180deg,var(--azul),var(--azul-2));color:#FFFDF8;font-weight:600;font-size:12.5px;letter-spacing:.02em;white-space:nowrap;border:1px solid var(--azul-2);box-shadow:0 1px 2px rgba(60,40,20,.14)}
  a.btn:hover{text-decoration:none;filter:brightness(1.05);transform:translateY(-1px);box-shadow:0 4px 11px rgba(110,39,51,.22)}
  a.btn.sec{background:var(--panel);color:var(--tinta);border-color:var(--linha-2)}
  a.btn.sec:hover{background:var(--hover)}
  a.wa-abrir{font-family:var(--sans);display:inline-flex;align-items:center;height:var(--btnh);padding:0 14px;background:#1F7A44;color:#fff;font-weight:600;font-size:12.5px;border-radius:var(--rad)}
  a.wa-abrir:hover{text-decoration:none;filter:brightness(1.06)}