/* Páginas institucionais (termos, privacidade, contato) — mesmos tokens da landing (index.html) e do app (apps/web/src/styles.css). Light/dark. */ :root { --bg:#f6f7f9; --panel:#ffffff; --ink:#131722; --mut:#646b78; --faint:#9aa0ac; --line:#e4e6eb; --acc:#4f46e5; --acc-press:#4338ca; --acc-ink:#ffffff; --fx:#8b5cf6; --sans:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif; } @media (prefers-color-scheme: dark){ :root:not([data-theme="light"]){ --bg:#101216; --panel:#16181e; --ink:#e8e9ee; --mut:#979dab; --faint:#6b7180; --line:#262932; --acc:#6d63f2; --acc-press:#4f46e5; --fx:#a78bfa; } } :root[data-theme="dark"]{ --bg:#101216; --panel:#16181e; --ink:#e8e9ee; --mut:#979dab; --faint:#6b7180; --line:#262932; --acc:#6d63f2; --acc-press:#4f46e5; --fx:#a78bfa; } *{ box-sizing:border-box; } body{ margin:0; background:var(--bg); color:var(--ink); font-family:var(--sans); line-height:1.6; -webkit-font-smoothing:antialiased; } .wrap{ max-width:1140px; margin:0 auto; padding:0 26px; } a{ color:inherit; } header{ border-bottom:1px solid var(--line); position:sticky; top:0; background:color-mix(in srgb,var(--bg) 88%,transparent); backdrop-filter:blur(10px); z-index:10; } .nav{ display:flex; align-items:center; justify-content:space-between; height:64px; } .brand{ display:flex; align-items:center; gap:9px; font-weight:800; font-size:19px; letter-spacing:-.03em; text-decoration:none; } .brand .ai{ color:var(--acc); } .nav-right{ display:flex; align-items:center; gap:14px; } .nav-login{ font-weight:650; font-size:14.5px; color:var(--mut); text-decoration:none; } .nav-login:hover{ color:var(--ink); } .lang{ display:flex; gap:2px; border:1px solid var(--line); border-radius:8px; padding:2px; } .lang button{ font:inherit; font-weight:750; font-size:11.5px; padding:4px 8px; border:none; background:none; color:var(--mut); border-radius:6px; cursor:pointer; } .lang button.on{ background:var(--acc); color:var(--acc-ink); } .lang button:focus-visible,a:focus-visible{ outline:2px solid var(--acc); outline-offset:2px; } /* Texto longo: coluna de leitura (~70ch) */ .doc{ max-width:calc(72ch + 52px); padding:48px 26px 72px; } .doc h1{ font-size:clamp(30px,4.6vw,42px); font-weight:850; letter-spacing:-.035em; line-height:1.05; margin:0 0 6px; text-wrap:balance; } .doc .meta{ color:var(--faint); font-size:13.5px; margin:0 0 30px; } .doc h2{ font-size:19px; font-weight:800; letter-spacing:-.02em; margin:34px 0 8px; } .doc p, .doc li{ font-size:16px; color:var(--ink); } .doc p{ margin:0 0 12px; } .doc ul{ padding-left:22px; margin:0 0 12px; } .doc li{ margin:4px 0; } .doc .lead{ font-size:18px; color:var(--mut); margin-bottom:22px; } .doc a{ color:var(--acc); text-decoration:none; } .doc a:hover{ text-decoration:underline; } .doc code{ font-size:14px; background:color-mix(in srgb,var(--ink) 7%,transparent); padding:1px 6px; border-radius:5px; } /* Cartões de contato */ .cards{ display:grid; grid-template-columns:1fr 1fr; gap:16px; margin:26px 0 6px; } .card{ background:var(--panel); border:1px solid var(--line); border-radius:14px; padding:22px; } .card h3{ margin:0 0 6px; font-size:16px; font-weight:800; } .card p{ color:var(--mut); font-size:15px; margin:0 0 14px; } .card .btn{ display:inline-flex; align-items:center; gap:9px; font-weight:750; font-size:15px; padding:11px 18px; border-radius:10px; background:var(--acc); color:var(--acc-ink); text-decoration:none; } .card .btn:hover{ background:var(--acc-press); } .card .btn svg{ width:18px; height:18px; } .card .btn--ghost{ background:none; color:var(--acc); border:1px solid var(--line); } .card .btn--ghost:hover{ background:color-mix(in srgb,var(--acc) 10%,transparent); } @media (max-width:640px){ .cards{ grid-template-columns:1fr; } } /* Só um idioma visível por vez (o script põe data-lang em ) */ [data-l]{ display:none; } html[data-lang="pt"] [data-l="pt"], html[data-lang="en"] [data-l="en"]{ display:block; } html[data-lang="pt"] span[data-l="pt"], html[data-lang="en"] span[data-l="en"]{ display:inline; } [hidden]{ display:none !important; } footer{ padding:32px 0; border-top:1px solid var(--line); } .frow{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:14px; color:var(--faint); font-size:13.5px; } .frow a{ margin-left:18px; text-decoration:none; color:var(--mut); } .frow a[aria-current]{ color:var(--ink); font-weight:650; } @media (prefers-reduced-motion:reduce){ *{ transition:none!important; } } .brand--sm{ font-size:15px; } .fine{ color:var(--faint); font-size:14px; margin-top:28px; }