/* legal.css — as duas paginas obrigatorias: termos e privacidade.
   Ficheiro proprio, separado do site, por tres razoes: sao paginas para ler
   (nao para impressionar), sao as unicas que um advogado vai querer rever, e
   nao podem partir-se quando alguem mexe no `sites-v3.html`.
   Classes prefixadas `lg-` — o site ja usa .wrap, .lede, .bt. */

:root{
  --lg-tinta:#12181d; --lg-tinta-2:#43525c; --lg-tinta-3:#6b7c87;
  --lg-fundo:#f7f9fb; --lg-papel:#ffffff; --lg-linha:#12181d18;
  --lg-azul:#2563a8; --lg-aviso:#b45309;
  --lg-largura:min(720px, calc(100% - 40px));
}

*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{
  background:var(--lg-fundo); color:var(--lg-tinta);
  font:400 16px/1.65 "Segoe UI", system-ui, -apple-system, sans-serif;
  padding-bottom:80px;
}
a{color:var(--lg-azul)}
a:hover{color:#17406e}

.lg-wrap{width:var(--lg-largura);margin:0 auto}

/* topo: voltar ao site, sem nav completa — quem aqui chega quer ler */
.lg-topo{
  border-bottom:1px solid var(--lg-linha); background:var(--lg-papel);
  padding:16px 0; margin-bottom:40px;
}
.lg-topo .lg-wrap{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.lg-marca{font-weight:700;font-size:17px;letter-spacing:-.01em;color:var(--lg-tinta);text-decoration:none}
.lg-marca span{font-weight:400;color:var(--lg-tinta-3)}
.lg-troca{font-size:13.5px}

h1{font-size:clamp(26px,5vw,34px);line-height:1.18;letter-spacing:-.02em;font-weight:700;margin-bottom:10px}
.lg-data{font-size:13px;color:var(--lg-tinta-3);margin-bottom:28px}

h2{
  font-size:19px;line-height:1.3;letter-spacing:-.01em;font-weight:680;
  margin:38px 0 12px;padding-top:20px;border-top:1px solid var(--lg-linha);
}
h2:first-of-type{border-top:0;padding-top:0}
h3{font-size:15.5px;font-weight:650;margin:20px 0 6px}

p{margin-bottom:12px;color:var(--lg-tinta-2)}
p strong,li strong{color:var(--lg-tinta);font-weight:640}
ul,ol{margin:0 0 14px 20px;color:var(--lg-tinta-2)}
li{margin-bottom:6px}

/* indice: numa pagina destas, saltar e metade da utilidade */
.lg-indice{
  background:var(--lg-papel);border:1px solid var(--lg-linha);border-radius:14px;
  padding:16px 20px;margin-bottom:34px;
}
.lg-indice b{display:block;font-size:12px;text-transform:uppercase;letter-spacing:.07em;
  color:var(--lg-tinta-3);margin-bottom:8px;font-weight:640}
.lg-indice ol{margin:0 0 0 18px;font-size:14.5px;columns:2;column-gap:28px}
.lg-indice li{margin-bottom:4px;break-inside:avoid}

/* tabelas: dados/finalidade/fundamento nao se leem em prosa */
.lg-tabela{width:100%;overflow-x:auto;margin:0 0 18px;
  background:var(--lg-papel);border:1px solid var(--lg-linha);border-radius:14px}
table{border-collapse:collapse;width:100%;font-size:14px;min-width:520px}
th,td{padding:10px 14px;text-align:left;vertical-align:top;border-bottom:1px solid var(--lg-linha)}
th{font-weight:640;color:var(--lg-tinta);background:#12181d06;font-size:12.5px;
  text-transform:uppercase;letter-spacing:.04em}
tr:last-child td{border-bottom:0}
td{color:var(--lg-tinta-2)}

/* caixa de destaque: as clausulas que evitam discussoes */
.lg-nota{
  background:var(--lg-papel);border:1px solid var(--lg-linha);border-left:3px solid var(--lg-azul);
  border-radius:0 12px 12px 0;padding:14px 18px;margin:0 0 18px;
}
.lg-nota p:last-child{margin-bottom:0}

/* por preencher: tem de doer aos olhos, senao publica-se assim */
.lg-falta{
  background:#fef3c7;color:#92400e;border:1px dashed #d97706;
  padding:1px 7px;border-radius:6px;font-weight:640;font-size:.94em;
  white-space:nowrap;
}

.lg-contacto{
  background:var(--lg-papel);border:1px solid var(--lg-linha);border-radius:14px;
  padding:18px 20px;margin:0 0 18px;font-size:14.5px;line-height:1.7;
}
.lg-contacto dt{font-weight:640;color:var(--lg-tinta);font-size:12.5px;
  text-transform:uppercase;letter-spacing:.04em;margin-top:10px}
.lg-contacto dt:first-child{margin-top:0}
.lg-contacto dd{margin:0 0 2px;color:var(--lg-tinta-2)}

.lg-fim{
  margin-top:48px;padding-top:20px;border-top:1px solid var(--lg-linha);
  font-size:13px;color:var(--lg-tinta-3);display:flex;justify-content:space-between;
  gap:16px;flex-wrap:wrap;
}

@media (max-width:640px){
  body{font-size:15.5px}
  .lg-indice ol{columns:1}
  h2{font-size:18px;margin-top:32px}
}

@media (prefers-color-scheme:dark){
  :root{
    --lg-tinta:#e8eef4; --lg-tinta-2:#aebccb; --lg-tinta-3:#7e8d9c;
    --lg-fundo:#0f1418; --lg-papel:#161d23; --lg-linha:#ffffff16;
    --lg-azul:#7fb2e8;
  }
  a:hover{color:#a9cdf3}
  th{background:#ffffff08}
  .lg-falta{background:#43300c;color:#fcd34d;border-color:#a16207}
}

@media print{
  body{background:#fff;color:#000;padding:0}
  .lg-topo,.lg-indice{display:none}
  h2{page-break-after:avoid}
}