/* ---- Preferências do visitante: tema claro/escuro e idioma ----
   Componente compartilhado por todas as páginas. Cada página define as
   cores em --tk-line, --tk-hover, --tk-on-bg e --tk-on-fg. */
.tk-prefs{display:inline-flex;align-items:center;gap:6px;flex:none}
.tk-theme{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;flex:none;
  background:transparent;color:inherit;border:1px solid var(--tk-line,rgba(127,127,127,.35));border-radius:999px;
  cursor:pointer;padding:0;transition:border-color .15s,background .15s}
.tk-theme:hover{background:var(--tk-hover,rgba(127,127,127,.1))}
.tk-theme svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tk-theme .tk-sun{display:none}
:root[data-theme="dark"] .tk-theme .tk-sun{display:block}
:root[data-theme="dark"] .tk-theme .tk-moon{display:none}
.tk-lang{display:inline-flex;align-items:center;height:36px;padding:3px;gap:2px;flex:none;
  border:1px solid var(--tk-line,rgba(127,127,127,.35));border-radius:999px}
.tk-prefs .tk-lang a{display:inline-flex;border:0;align-items:center;justify-content:center;min-width:30px;height:28px;padding:0 7px;
  border-radius:999px;font:600 11px/1 'Inter',system-ui,sans-serif;letter-spacing:.06em;text-decoration:none;
  color:inherit;opacity:.72;transition:opacity .15s,background .15s}
.tk-prefs .tk-lang a:hover{opacity:1;background:var(--tk-hover,rgba(127,127,127,.1))}
.tk-prefs .tk-lang a[aria-current]{opacity:1;background:var(--tk-on-bg,#141413);color:var(--tk-on-fg,#faf9f5)}
.tk-theme:focus-visible,.tk-prefs .tk-lang a:focus-visible{outline:2px solid currentColor;outline-offset:2px}

/* Versões das imagens para cada tema (selos e logos em fundo claro ou escuro) */
:root:not([data-theme="dark"]) .th-dark,
:root[data-theme="dark"] .th-light{display:none!important}