/* Shell visual das páginas legais do iaJus.pt (Termos, Cookies).
   Extraído do bloco inline de privacidade.html — mesma aparência, uma só fonte.
   privacidade.html mantém o bloco inline por agora (página legal VIVA; converge
   num roll em que o COPY do Dockerfile e o deploy sejam verificados juntos). */
:root {
  --bg: #161b28; --ink: #f8f9fa;
  --text-primary: #e9e7dd; --text-secondary: #b4b1a5; --text-tertiary: #9c9a8e;
  --gold: #b89244; --gold-bright: #d8b86a; --gold-soft: #a37f37;
  --hair: rgba(255, 255, 255, 0.09); --rule: rgba(201, 162, 39, 0.28);
}
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body {
  font-family: 'Public Sans', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
  color: var(--text-primary); background: var(--bg); line-height: 1.7;
  -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility;
}
::selection { background: rgba(201, 162, 39, 0.28); color: #fff; }
a { color: var(--gold-bright); }
a:focus-visible { outline: 2px solid var(--gold-bright); outline-offset: 2px; border-radius: 6px; }

.bg-layer { position: fixed; inset: 0; z-index: -1; pointer-events: none; overflow: hidden; }
.bg-layer::before {
  content: ""; position: absolute; width: 680px; height: 680px; top: -320px; left: -200px;
  border-radius: 50%; filter: blur(140px); opacity: 0.4;
  background: radial-gradient(circle, rgba(141, 137, 245, 0.36), transparent 70%);
}

.wrap { max-width: 760px; margin: 0 auto; padding: clamp(36px, 7vh, 72px) clamp(22px, 6vw, 48px) 64px; }

.top { display: flex; align-items: center; justify-content: space-between; gap: 16px; margin-bottom: clamp(30px, 5vh, 48px); }
.lockup { display: flex; align-items: center; gap: 12px; text-decoration: none; }
.lockup .mark { width: 34px; height: 34px; }
.wordmark { display: flex; align-items: baseline; line-height: 1; font-size: 1.5rem; }
.wordmark .ia { font-weight: 700; color: var(--ink); }
.wordmark .jus { font-family: 'Lora', Georgia, serif; font-style: italic; font-weight: 600; color: var(--gold); }
.wordmark .pt { margin-left: 5px; font-family: 'Fira Code', monospace; font-size: 0.58em; color: var(--gold-soft); transform: translateY(-0.18em); }
.back { font-family: 'Fira Code', monospace; font-size: 0.82rem; color: var(--text-secondary); text-decoration: none; }
.back:hover { color: var(--gold-bright); }

h1 { font-size: clamp(1.7rem, 1.3rem + 2vw, 2.4rem); font-weight: 700; color: var(--ink); line-height: 1.18; letter-spacing: -0.01em; }
h1 em { font-family: 'Lora', Georgia, serif; font-style: italic; font-weight: 600; color: var(--gold); }
.updated { margin-top: 10px; font-family: 'Fira Code', monospace; font-size: 0.8rem; color: var(--text-tertiary); }
.intro { margin-top: 18px; font-size: 1.04rem; color: var(--text-secondary); }

h2 { margin-top: clamp(34px, 5vh, 44px); font-size: 1.22rem; font-weight: 700; color: var(--ink); display: flex; align-items: baseline; gap: 10px; }
h2 .n { font-family: 'Fira Code', monospace; font-size: 0.85rem; color: var(--gold-soft); }
h3 { margin-top: 22px; font-size: 1.02rem; font-weight: 600; color: var(--text-primary); }
p { margin-top: 12px; color: var(--text-secondary); }
ul { margin-top: 12px; padding-left: 22px; color: var(--text-secondary); }
li { margin-top: 7px; }
li strong, p strong { color: var(--text-primary); font-weight: 600; }
.law { font-family: 'Fira Code', monospace; font-size: 0.85em; color: var(--gold-soft); }

.rule { width: 100%; height: 1px; margin: clamp(34px, 5vh, 48px) 0 0; background: var(--hair); border: 0; }

.card { margin-top: 16px; border: 1px solid var(--hair); border-radius: 14px; padding: 18px 20px; background: linear-gradient(180deg, rgba(255,255,255,0.025), rgba(255,255,255,0)); }
.card p { margin-top: 6px; }
.card.warn { border-color: var(--rule); }

/* Legenda de tabela lida por leitores de ecrã, invisível no ecrã. */
.sr-only {
  position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px;
  overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;
}

.table-scroll { margin-top: 14px; overflow-x: auto; }
table { width: 100%; border-collapse: collapse; font-size: 0.92rem; min-width: 520px; }
th, td { text-align: left; padding: 10px 12px; border-bottom: 1px solid var(--hair); vertical-align: top; }
th { color: var(--text-primary); font-weight: 600; }
td { color: var(--text-secondary); }

footer { margin-top: 56px; padding-top: 24px; border-top: 1px solid var(--hair); font-family: 'Fira Code', monospace; font-size: 0.78rem; color: var(--text-tertiary); text-align: center; }
footer a { color: var(--text-secondary); margin: 0 8px; }
footer .sep { color: var(--gold-soft); }

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }