/* Privacidade: aviso junto aos chats e página legal. */

.chat-privacidade{
  margin-top:8px;
  color:rgba(18,36,48,.72);
  font-size:12.5px;
  line-height:1.4;
}

.chat-privacidade a,
.rodape-legal a{
  color:inherit;
  font-weight:600;
  text-underline-offset:3px;
  text-decoration-thickness:1px;
}

.chat-privacidade a:hover,
.rodape-legal a:hover{
  color:currentColor;
  text-decoration-thickness:2px;
}

.chat-privacidade a:focus-visible,
.rodape-legal a:focus-visible,
.prv-main a:focus-visible,
.prv-nav a:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
  border-radius:2px;
}

/* 🚨 Aqui esteve `color:rgba(247,250,252,.76)` — quase branco. Fazia sentido enquanto a sala
   do Clima era um painel ESCURO. A 27-ago-2026 a sala passou a cartão BRANCO e esta linha
   ficou para trás: a assinatura legal, o link «Privacidade» e o selo da SolJoria ficaram
   branco sobre branco, ilegíveis, nas 15 páginas. Sai a regra inteira — sem ela herda o
   `rgba(18,36,48,.72)` de `.chat-privacidade`, que sobre branco dá ~5,3:1 e passa AA.
   Se algum dia o painel voltar a ser escuro, é aqui que se repõe. */

.prv-body{
  min-height:100vh;
  background:var(--nuvem);
}

/* ⚠️ `pointer-events:auto` é OBRIGATÓRIO aqui, não é decoração.
   O `.nav` de site.css nasce `opacity:0; pointer-events:none` — o gesto do site é a
   navbar acender ao rolar, e quem lhe devolve os cliques é o `.nav--solida`. Nesta página
   (e na 404, que usa a mesma barra) ela é sólida POR DESENHO e nunca recebe essa classe,
   portanto tudo o que aqui se restaura tem de ser restaurado aos PARES: `opacity` sem
   `pointer-events` dá uma navbar visível e MORTA. Foi exactamente o que aconteceu — a
   30-jul os 5 links desta barra estavam mortos, INCLUINDO o telefone.
   Regra: neste site, sempre que se acender a navbar à mão, acendem-se as duas coisas. */
.prv-nav{
  background:rgba(247,250,252,.94);
  border-bottom:1px solid var(--hairline);
  backdrop-filter:blur(14px);
  opacity:1;
  pointer-events:auto;
  transform:none;
}

.prv-nav .nav-marca{
  opacity:1;
  pointer-events:auto;
  transform:none;
}

.prv-main{
  position:relative;
  z-index:1;
  width:min(92%,920px);
  margin:0 auto;
  padding:clamp(150px,18vw,220px) 0 clamp(90px,12vw,150px);
}

.prv-cab{
  max-width:760px;
  padding-bottom:clamp(42px,7vw,72px);
  border-bottom:1px solid var(--hairline);
}

.prv-cab h1{
  max-width:12ch;
  font-size:clamp(48px,8vw,96px);
  font-weight:500;
  line-height:.94;
  letter-spacing:-.055em;
}

.prv-cab p{
  max-width:58ch;
  margin-top:28px;
  color:var(--tinta-60);
  font-size:clamp(18px,2vw,22px);
  line-height:1.5;
}

.prv-conteudo{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  gap:0 clamp(48px,8vw,96px);
  padding-top:clamp(48px,8vw,82px);
}

.prv-bloco{
  padding:0 0 42px;
}

.prv-bloco h2{
  margin-bottom:14px;
  font-size:clamp(22px,2.4vw,29px);
  font-weight:600;
  line-height:1.15;
  letter-spacing:-.025em;
}

.prv-bloco p,
.prv-bloco li,
.prv-contacto{
  color:rgba(18,36,48,.78);
  font-size:16px;
  line-height:1.7;
}

/* O parágrafo a seguir à lista precisa do mesmo ar que um parágrafo a seguir a outro. Sem
   isto, a frase sobre transferências fora do EEE encostava ao último ponto da lista e lia-se
   como se fizesse parte dele — uma regra que vale para TODOS os fornecedores a parecer uma
   nota de rodapé do Resend. */
.prv-bloco p + p,
.prv-bloco ul + p,
.prv-bloco p + ul{
  margin-top:12px;
}

.prv-bloco ul{
  padding-left:1.15em;
}

.prv-bloco li + li{
  margin-top:7px;
}

.prv-bloco a,
.prv-contacto a{
  color:var(--azul-escuro);
  font-weight:600;
  text-underline-offset:4px;
}

.prv-contacto{
  grid-column:1 / -1;
  margin-top:14px;
  padding:28px 30px;
  border:1px solid var(--hairline);
  border-left:4px solid var(--azul);
  border-radius:0 16px 16px 0;
  background:#fff;
}

.prv-contacto strong{
  display:block;
  margin-bottom:5px;
  color:var(--tinta);
  font-size:18px;
}

@media (max-width:720px){
  .prv-nav .nav-links{
    display:flex;
    gap:18px;
    margin-left:auto;
  }

  /* Antes: links de texto e a .nav-dir escondida — que levava atrás o telefone. Aqui era
     pior do que nos guias: na /privacidade estavam 5 de 5 alvos mortos, o tel: incluído.
     Agora é o gesto das páginas principais: logótipo + hambúrguer, número dentro do cartão. */
  .prv-nav .nav-links{
    display:none;
  }

  .prv-nav .nav-dir{
    display:flex;
    align-items:center;
    margin-left:auto;
    pointer-events:auto;
  }

  .prv-nav .nav-tel{
    display:none;
  }

  .prv-main{
    width:min(100% - 34px,920px);
    padding-top:118px;
  }

  .prv-cab h1{
    font-size:clamp(45px,15vw,68px);
  }

  .prv-conteudo{
    grid-template-columns:1fr;
    padding-top:46px;
  }

  .prv-bloco{
    padding-bottom:34px;
  }

  .prv-contacto{
    grid-column:auto;
    padding:22px 20px;
  }

  .chat-privacidade{
    font-size:12px;
  }
}

@media (forced-colors:active){
  .prv-contacto{
    border:2px solid CanvasText;
  }
}

/* Assinatura da casa no pe dos paineis de conversa (o Clima e o chat de fim de pagina).
   Assina-se a obra: e o mesmo selo do rodape, mas NAO reutiliza a classe `.sj-selo` de
   site.css de proposito. Aquela fixa `color:#FAF6EF` para a tinta do rodape, e o chat de
   fim de pagina tem fundo claro — heranca de cor e nao cor fixa e o que faz o selo servir
   os dois. Pela mesma razao a barra do logotipo vai a `currentColor`: a creme desaparecia
   sobre claro. O arco fica ambar sempre, e grafico e nao texto. */
.chat-privacidade .sj-selo--chat{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:inherit;
  /* peso normal de proposito: a bold, o «Assistente por» competia com o link Privacidade
     ao lado e liam-se como dois links. O peso vive no nome da marca, que e a assinatura. */
  font-weight:inherit;
  text-decoration:none;
  white-space:nowrap;
}
.sj-selo--chat .sj-nome{ font-weight:600; }
.chat-privacidade .sj-selo--chat svg{
  height:10px;
  width:auto;
  display:block;
}
/* O "sol" do wordmark vai a ambar em TODO O LADO, claro incluido — decisao do
   Santiago em 26-ago-2026, depois de lhe ser posto o custo a frente: o ambar
   #F2A516 sobre branco da ~2,0:1 e reprova o AA a 12,5px, e a folha de marca so
   pedia ambar em fundo escuro. Ficou assim na mesma, porque a assinatura da casa
   tem de se ler como a assinatura da casa e nao como texto cinzento.
   NAO reverter isto por causa de um relatorio de contraste: e escolha, nao lapso.
   O que amortece o risco: sao 3 letras dentro de um nome que se le inteiro pela
   metade em tinta, e o link tem sublinhado no hover e contorno no foco — a cor
   nunca e a unica pista. */
.sj-selo--chat .sj-sol{ color:#F2A516; }
.sj-selo--chat:hover span:not(.sj-sol){ text-decoration:underline; text-underline-offset:3px; }
.sj-selo--chat:focus-visible{
  outline:2px solid currentColor;
  outline-offset:3px;
  border-radius:2px;
}
.chat-priv-sep{ opacity:.5; }