/* Páginas legais (/privacidade, /cookies, /termos) e o rodapé legal de todas as páginas públicas (20/10/2026).
   Carregado depois de site.css: usa as mesmas cores, fontes e o modo claro/escuro do site. */
.foot__legal{grid-column:1/-1;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--mute)}
.foot__links{display:flex;flex-wrap:wrap;gap:6px 18px;font-family:var(--label);font-weight:500;font-size:13px}
.foot__links a{color:var(--ink-2)}
.foot__empresa{margin:0;flex:1 1 360px;line-height:1.5}
.foot__credito{display:inline-flex;align-items:center;gap:10px;font-family:var(--label);font-size:12px;letter-spacing:.04em;color:var(--mute);text-decoration:none}
.foot__credito:hover{text-decoration:none;color:var(--ink-2)}
.foot__credito img{height:28px;width:auto}
.foot__credito .dz-clara{display:none}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]) .foot__credito .dz-clara{display:block}
  :root:not([data-theme="light"]) .foot__credito .dz-escura{display:none}
}
:root[data-theme="dark"] .foot__credito .dz-clara{display:block}
:root[data-theme="dark"] .foot__credito .dz-escura{display:none}

/* página legal */
.legal{padding-block:clamp(36px,6vw,72px) clamp(48px,7vw,88px)}
.legal .wrap{max-width:820px}
.legal h1{font-size:clamp(38px,6vw,60px);margin:14px 0 10px}
.legal__data{margin:0 0 30px;font-family:var(--label);font-size:13px;letter-spacing:.04em;color:var(--mute)}
.legal h2{font-size:clamp(21px,2.6vw,26px);font-weight:800;line-height:1.15;margin:34px 0 10px}
.legal p,.legal li{color:var(--ink-2);max-width:44em}
.legal p{margin:0 0 12px}
.legal ul{margin:0 0 12px;padding-left:20px;display:grid;gap:6px}
.legal strong{color:var(--ink);font-weight:600}
.legal a{text-underline-offset:3px}
.legal .falta{background:var(--warn-soft);color:var(--warn);padding:1px 6px;border-radius:6px;font-weight:500}
.legal__outros{display:flex;flex-wrap:wrap;gap:10px;margin-top:40px}
.top .legal__volta{margin-left:auto}
@media (max-width:760px){.legal__nav{display:none}}
.legal ~ .foot .foot__legal{border-top:0;padding-top:0}