/* ------------------------------------------------------------------
   daponto - paginas LEGAIS na casca da montra (F24).
   Nasce aqui, e aprovada aqui, e so depois passa a WEBSITE/css/.

   🚨 ESTA FOLHA NAO E ENFEITE, E OBRIGATORIA. O `site.css` abre com
   `*{ margin:0; padding:0 }`, logo um `<p>` nao tem margem e um `<ul>`
   nao tem recuo nem marcadores a vista. O corpo dos legais vem DENTRO
   das labels e traz `p`, `ul`, `li`, `b`, `strong`, `a` e `br` - sem
   uma folha que lhes devolva o espaco, o texto sai todo colado e as
   listas ficam sem forma. No `master.layout.php` isto nao se via
   porque o Bootstrap ja lhes dava margem.
   ------------------------------------------------------------------ */

/* A COLUNA. Um documento legal le-se de uma ponta a outra, ao contrario
   de tudo o resto do site: a largura e a do texto, nao a da grelha.
   ~72ch e a medida de linha em que um paragrafo longo se le sem o olho
   se perder no regresso a linha seguinte. */
.legal{ max-width:74ch; padding-block:52px 88px }

/* ⚠️ `h1` e nao `h3`, e `h2` e nao `h5` (era assim na casca antiga). Nao e
   cosmetica: uma pagina sem `h1` nao diz a um leitor de ecra nem a um
   motor de busca qual e o seu assunto, e a partir da viragem estas
   paginas passam a ser INDEXAVEIS. O tamanho que se ve continua a ser
   discreto - quem manda no aspecto e o CSS, quem manda no significado
   e a etiqueta. */
.legal h1{ font-size:clamp(24px,3vw,32px); margin-bottom:26px }
.legal h2{
    font-size:17px; margin-top:38px; margin-bottom:12px;
    color:var(--brand-ink);
}

/* O CORPO, que vem de dentro das labels. */
.legal p{ margin-bottom:14px; color:var(--body) }
.legal ul{ margin:0 0 16px 22px; color:var(--body) }
.legal li{ margin-bottom:7px }
.legal b, .legal strong{ font-weight:600; color:var(--ink) }
.legal a{ color:var(--brand-ink); text-decoration:underline }
/* ⚠️ O `.link-info` vive no `site.css` porque tambem aparece dentro de
   labels do FAQ; aqui nao se repete. */

/* O RODAPE do documento: data de actualizacao e a nota de que a versao
   portuguesa prevalece. Discreto, e separado do corpo por uma linha -
   nao faz parte do texto legal, fala SOBRE ele. */
.legal-end{
    margin-top:38px; padding-top:20px; border-top:1px solid var(--line);
    font-size:12.5px; color:var(--muted);
}
.legal-end p{ margin-bottom:6px; color:inherit; font-size:inherit }

/* O ATALHO para o documento irmao (os Termos apontam a Privacidade e ao
   contrario). Fica ANTES do rodape, porque e conteudo e nao nota. */
.legal-more{ margin-top:30px }
.legal-more a{ color:var(--brand-ink); text-decoration:underline }

@media (max-width:860px){
    .legal{ padding-block:34px 64px }
    .legal h2{ margin-top:30px }
}