/* Páginas legais (privacidade.html, termos.html, 404.html) */
.legal-page{background:var(--branco)}
.legal-head{background:var(--azul);color:var(--branco);padding:2.5rem 0 2.25rem;position:relative;overflow:hidden}
.legal-head::before{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,rgba(255,255,255,.075) 0 3px,transparent 3px 38px)}
.legal-head .container{position:relative}
.legal-head__logo{height:48px;width:auto;margin-bottom:1.5rem}
.legal-head h1{font-weight:800;font-stretch:85%;letter-spacing:-.02em;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.05}
.legal-head__date{color:rgba(255,255,255,.8);font-size:.9rem;margin-top:.5rem}
.legal-main{max-width:800px;padding-top:2.5rem;padding-bottom:3rem}
.legal-main section{margin-bottom:2.25rem}
.legal-main h2{font-weight:800;font-stretch:88%;font-size:1.35rem;color:var(--azul-noite);margin-bottom:.75rem;padding-bottom:.4rem;border-bottom:2px solid var(--linha)}
.legal-main p{color:var(--ink);margin-bottom:.85rem;line-height:1.7}
.legal-main strong{color:var(--azul-noite)}
.legal-main ul{margin:0 0 .85rem 1.25rem;line-height:1.7}
.legal-main li{margin-bottom:.45rem}
/* :not(.btn) porque este ficheiro carrega DEPOIS do style.css e `.legal-main a`
   (0-1-1) ganha a `.btn--primary` (0-1-0): sem isto o botao primario da 404 sai
   com o texto azul sobre fundo azul, ou seja invisivel. Cada .btn--* ja declara
   a sua cor, portanto excluir os botoes daqui e o que os deixa funcionar. */
.legal-main a:not(.btn){color:var(--azul);text-decoration:underline;text-underline-offset:2px}
.legal-main a:not(.btn):hover{color:var(--azul-escuro)}
.legal-main .btn{text-decoration:none}
.legal-box{background:var(--gelo);border-left:4px solid var(--azul);border-radius:var(--radius);padding:1.15rem 1.35rem;margin:1rem 0}
.legal-box p{margin-bottom:.3rem}
.legal-box p:last-child{margin-bottom:0}
.legal-foot{background:var(--azul-noite);color:rgba(255,255,255,.85);padding:2.5rem 0;font-size:.9rem;text-align:center}
.legal-foot p{margin:.3rem 0}
.legal-foot a{color:var(--branco);text-decoration:underline;text-decoration-color:rgba(255,255,255,.4);text-underline-offset:3px}
.legal-foot .call-cost{color:rgba(255,255,255,.6)}
.legal-foot__links{margin-top:1rem}
.legal-foot__bwp{margin-top:1.25rem;font-size:.8rem;color:rgba(255,255,255,.7)}
.err-actions{display:flex;gap:1rem;flex-wrap:wrap;margin:1.5rem 0}
.err-actions .btn{text-decoration:none}