/* Folha de estilo das páginas legais da Prissia.
 *
 * Por que é ficheiro e não `<style>` inline como o `index.html` e o
 * `eliminar-conta.html`: são duas páginas longas que partilham exactamente o
 * mesmo aspecto, e o bloco de `@font-face` traz doze nomes com hash de
 * conteúdo. Inline seriam duas cópias a mais desses hashes, a dessincronizar na
 * primeira vez que uma fonte mudasse. O custo é um pedido de rede numa página
 * que se lê uma vez.
 *
 * As fontes são as auto-hospedadas da Fase 1 do `docs/compliance/PLANO_RGPD.md`
 * — nenhuma origem externa aqui, e `scripts/check_web_origens.py` varre `.css`
 * tal como varre `.html`.
 */

  /* Cormorant Garamond 300 — latin */
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/cormorant-garamond-300-latin.8e5887ea.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* Cormorant Garamond 300 — latin-ext */
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/cormorant-garamond-300-latin-ext.18f28803.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* Cormorant Garamond 400 — latin */
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/cormorant-garamond-400-latin.982538ce.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* Cormorant Garamond 400 — latin-ext */
  @font-face {
    font-family: 'Cormorant Garamond';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/cormorant-garamond-400-latin-ext.d665c608.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* Manrope 300 — latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/manrope-300-latin.3589cb95.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* Manrope 300 — latin-ext */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 300;
    font-display: swap;
    src: url('/fonts/manrope-300-latin-ext.b17e4ca6.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* Manrope 400 — latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/manrope-400-latin.f905aed2.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* Manrope 400 — latin-ext */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url('/fonts/manrope-400-latin-ext.50973fb5.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* Manrope 500 — latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/manrope-500-latin.611b17f1.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* Manrope 500 — latin-ext */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 500;
    font-display: swap;
    src: url('/fonts/manrope-500-latin-ext.fe73841a.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* Manrope 600 — latin */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/manrope-600-latin.c0ade936.woff2') format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* Manrope 600 — latin-ext */
  @font-face {
    font-family: 'Manrope';
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url('/fonts/manrope-600-latin-ext.20fe28d6.woff2') format('woff2');
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }

  :root {
    --bordo-profundo:#4A1424; --bordo:#6B1F35; --bege:#EFE6DA; --nevoa:#F8F3EC;
    --tinta:#241B1C; --tinta-suave:#4A403E; --borda:#DCCFBE;
    --serif:'Cormorant Garamond', Georgia, serif;
    --sans:Manrope, 'Helvetica Neue', Arial, sans-serif;
  }
  *, *::before, *::after { box-sizing: border-box; }
  body {
    margin:0; background:var(--bege); color:var(--tinta);
    font-family:var(--sans); font-weight:400; font-size:17px; line-height:1.6;
    -webkit-font-smoothing:antialiased;
    padding: 40px 16px calc(40px + env(safe-area-inset-bottom, 0px));
  }
  main { max-width:64ch; margin:0 auto; }
  h1, h2 { font-family:var(--serif); font-weight:300; color:var(--bordo); line-height:1.15; }
  h1 { font-size:clamp(30px, 6vw, 42px); margin:0 0 8px; }
  h2 { font-size:clamp(22px, 4vw, 27px); margin:40px 0 8px; }
  p, li { color:var(--tinta); }
  .apoio { color:var(--tinta-suave); }
  a { color:var(--bordo); text-underline-offset:3px; }
  ul { padding-left:1.2em; }
  li { margin:6px 0; }
  .caixa {
    background:var(--nevoa); border:1px solid var(--borda); border-radius:8px;
    padding:20px; margin:24px 0;
  }
  .caixa h2 { margin-top:0; }
  footer {
    margin-top:56px; padding-top:20px; border-top:1px solid var(--borda);
    font-size:15px; color:var(--tinta-suave);
  }
  code { font-size:0.9em; background:var(--nevoa); padding:2px 5px; border-radius:4px; }

  /* ——— O que estas páginas acrescentam ao molde do `eliminar-conta.html` ——— */

  /* Cabeçalho de versão. O identificador de versão no topo é requisito do
     `PRD-0044` §6.7 (opção C): é ele que o registo de consentimento guarda,
     em `consents.document_version`. Sem ele, "que versão aceitaste?" não tem
     resposta. */
  .versao {
    font-size: 14px; color: var(--tinta-suave); letter-spacing: .02em;
    margin: 0 0 28px;
  }
  .versao strong { color: var(--bordo); font-weight: 600; }

  /* Aviso de rascunho. Sai quando a validação jurídica entrar — e é a única
     coisa que separa esta página de uma publicada. Ver o fim do ficheiro
     `docs/compliance/MINUTAS_TEXTOS_LEGAIS.md`. */
  .rascunho {
    background: #FBF0E8; border: 1px solid #D9A27E; border-left-width: 4px;
    border-radius: 6px; padding: 16px 18px; margin: 0 0 32px;
    font-size: 15px; color: var(--tinta-suave);
  }
  .rascunho strong { color: var(--bordo-profundo); }

  /* Índice. Duas páginas de vinte secções sem índice obrigam a rolar à procura
     — e quem abre uma política de privacidade costuma vir atrás de uma secção
     concreta ("os meus direitos", "quem mais vê"). */
  nav.indice { margin: 0 0 8px; }
  nav.indice ol { padding-left: 1.3em; margin: 0; }
  nav.indice li { margin: 3px 0; }

  h3 {
    font-family: var(--sans); font-weight: 600; font-size: 17px;
    color: var(--bordo-profundo); margin: 24px 0 6px;
  }

  /* Tabelas: a política vive delas (dado → finalidade → base legal → prazo).
     O `overflow-x` é o que as impede de empurrar a página inteira no telemóvel. */
  .tabela { overflow-x: auto; margin: 16px 0 24px; }
  table {
    border-collapse: collapse; width: 100%; min-width: 34rem; font-size: 15px;
  }
  th, td {
    border: 1px solid var(--borda); padding: 8px 10px; text-align: left;
    vertical-align: top;
  }
  th { background: var(--nevoa); font-weight: 600; color: var(--bordo-profundo); }

  /* Lacuna por preencher. Visível de propósito: um marcador que se confunde
     com texto corrido é um marcador que vai a público por engano. */
  .lacuna {
    background: #FBEFD6; border-bottom: 1px dotted #B2823A; padding: 0 3px;
    font-weight: 600;
  }

  /* Leitura técnica à espera de validação de quem seja qualificado — a mesma
     marca 🧑‍⚖️ que o `INVENTARIO_TRATAMENTOS.md` usa. */
  .porvalidar { white-space: nowrap; }

  ol.clausulas { padding-left: 1.4em; }
  ol.clausulas > li { margin: 14px 0; }

  footer nav { margin-top: 10px; }
  footer nav a { margin-right: 14px; display: inline-block; }