/* ==== ajuda_contacto.css · só em body[data-css~="ajuda_contacto"] ==== */
:where(body[data-css~="ajuda_contacto"]) /* O que o ajuda-contacto.css (a maqueta) não tinha: a porta, :where(body[data-css~="ajuda_contacto"]) o contacto e as perguntas
   SEM migalhas (decisão do dono, 27/09), :where(body[data-css~="ajuda_contacto"]) as 7 partes do guia e a página das Perguntas.
   Só tokens do base.css. Construtor ajuda_contacto, :where(body[data-css~="ajuda_contacto"]) 27/09/2026. */

/* ---------- sem migalhas, :where(body[data-css~="ajuda_contacto"]) a cabeça ganha o ar que a migalha lhe dava ---------- */
.sem-migalhas{ padding-top:var(--e-6); }
:where(body[data-css~="ajuda_contacto"]) .sem-migalhas h1{ margin-top:0; }

/* ---------- uma parte do guia ---------- */
:where(body[data-css~="ajuda_contacto"]) .parte-heroi{ padding-bottom:var(--e-6); }
:where(body[data-css~="ajuda_contacto"]) .parte-heroi .parte{ margin-top:var(--e-3); }
:where(body[data-css~="ajuda_contacto"]) .parte-heroi h1{ margin-top:var(--e-2); max-width:22ch; }
:where(body[data-css~="ajuda_contacto"]) .parte-heroi .resposta-curta{ margin-top:var(--e-5); max-width:var(--larg-texto); }
:where(body[data-css~="ajuda_contacto"]) .parte-heroi .resposta-curta p:last-child{ font-size:var(--t-corpo); line-height:1.55; }

:where(body[data-css~="ajuda_contacto"]) .parte-corpo{ padding-top:var(--e-6); border-top:1px solid var(--linha); }
:where(body[data-css~="ajuda_contacto"]) .parte-grelha{ display:grid; gap:var(--e-6); }
:where(body[data-css~="ajuda_contacto"]) .parte-texto > h2{ font-size:var(--t-3); line-height:1.25; margin-top:var(--e-6); }
:where(body[data-css~="ajuda_contacto"]) .parte-texto > h2:first-child{ margin-top:0; }
:where(body[data-css~="ajuda_contacto"]) .parte-texto > h3{ font-family:var(--letra); font-size:var(--t-corpo); font-weight:700; margin-top:var(--e-5); }
:where(body[data-css~="ajuda_contacto"]) .parte-texto > p{ margin-top:var(--e-3); }
:where(body[data-css~="ajuda_contacto"]) .parte-texto > p.t-apoio{ margin-top:var(--e-2); }
:where(body[data-css~="ajuda_contacto"]) .parte-texto > .faixa,:where(body[data-css~="ajuda_contacto"]) .parte-texto > .papeis,:where(body[data-css~="ajuda_contacto"]) .parte-texto > .modelo,:where(body[data-css~="ajuda_contacto"]) .parte-texto > .tabela-guia,
:where(body[data-css~="ajuda_contacto"]) .parte-texto > .lista-linhas,:where(body[data-css~="ajuda_contacto"]) .parte-texto > .sinais{ margin-top:var(--e-4); }
:where(body[data-css~="ajuda_contacto"]) .parte-texto a:not(.lig):not(.lista-linhas a){ color:var(--telha-esc); text-decoration-color:var(--madeira); text-decoration-thickness:2px; text-underline-offset:4px; }
:where(body[data-css~="ajuda_contacto"]) .parte-carimbo{ margin-top:var(--e-7); padding-top:var(--e-4); border-top:1px solid var(--linha); }

:where(body[data-css~="ajuda_contacto"]) .guia-conc p{ max-width:none; }
:where(body[data-css~="ajuda_contacto"]) .guia-conc b{ font-size:var(--t-corpo); font-family:var(--letra); font-weight:700; }
:where(body[data-css~="ajuda_contacto"]) .escolha-rot{ font-weight:600; color:var(--tinta); }

:where(body[data-css~="ajuda_contacto"]) .papeis{ border-top:1px solid var(--linha); }

:where(body[data-css~="ajuda_contacto"]) .tabela-guia{ overflow-x:auto; border:1px solid var(--linha); border-radius:var(--r-cartao); background:var(--branco); }
:where(body[data-css~="ajuda_contacto"]) .tabela-guia table{ width:100%; border-collapse:collapse; font-size:var(--t-apoio); }
:where(body[data-css~="ajuda_contacto"]) .tabela-guia th,:where(body[data-css~="ajuda_contacto"]) .tabela-guia td{ padding:12px 16px; text-align:right; border-bottom:1px solid var(--linha); white-space:nowrap; }
:where(body[data-css~="ajuda_contacto"]) .tabela-guia th:first-child,:where(body[data-css~="ajuda_contacto"]) .tabela-guia td:first-child{ text-align:left; }
:where(body[data-css~="ajuda_contacto"]) .tabela-guia th{ font-weight:600; color:var(--tinta-2); white-space:normal; vertical-align:bottom; }
:where(body[data-css~="ajuda_contacto"]) .tabela-guia tbody tr:last-child td{ border-bottom:0; }
:where(body[data-css~="ajuda_contacto"]) .tabela-guia td b{ font-family:var(--serifa); font-size:var(--t-corpo); font-weight:560; }

:where(body[data-css~="ajuda_contacto"]) .modelo{ padding:var(--e-5) 20px; background:var(--branco); border:1px dashed var(--linha-forte); border-radius:var(--r-cartao); }
:where(body[data-css~="ajuda_contacto"]) .modelo p + p{ margin-top:var(--e-3); }
:where(body[data-css~="ajuda_contacto"]) .modelo .t-rotulo{ margin-bottom:var(--e-2); }

:where(body[data-css~="ajuda_contacto"]) .sinais{ margin:0; padding-left:1.2em; }
:where(body[data-css~="ajuda_contacto"]) .sinais li{ padding-block:6px; }
:where(body[data-css~="ajuda_contacto"]) .sinais li::marker{ color:var(--telha-esc); }

:where(body[data-css~="ajuda_contacto"]) .parte-indice .t-rotulo{ margin-bottom:var(--e-2); }
:where(body[data-css~="ajuda_contacto"]) .parte-indice ol{ list-style:none; margin:0; padding:0; border-top:1px solid var(--linha); }
:where(body[data-css~="ajuda_contacto"]) .parte-indice a{ display:grid; grid-template-columns:36px 1fr; gap:var(--e-3); align-items:center; min-height:var(--alvo); padding-block:10px; border-bottom:1px solid var(--linha); color:var(--tinta); text-decoration:none; font-size:var(--t-apoio); line-height:1.35; }
:where(body[data-css~="ajuda_contacto"]) .parte-indice a:hover span:last-child{ color:var(--telha-esc); text-decoration:underline; text-decoration-color:var(--madeira); }
:where(body[data-css~="ajuda_contacto"]) .parte-indice .passo-n{ width:32px; height:32px; font-size:var(--t-corpo); grid-row:auto; }
:where(body[data-css~="ajuda_contacto"]) .parte-indice a[aria-current="page"]{ font-weight:700; }
:where(body[data-css~="ajuda_contacto"]) .parte-indice a[aria-current="page"] .passo-n{ background:var(--tinta); color:var(--branco); }

:where(body[data-css~="ajuda_contacto"]) .parte-fim{ padding-top:0; }
:where(body[data-css~="ajuda_contacto"]) .anterior-seguinte a:hover{ border-color:var(--linha-forte); }
:where(body[data-css~="ajuda_contacto"]) .anterior-seguinte b{ line-height:1.3; }

/* ---------- as perguntas ---------- */
:where(body[data-css~="ajuda_contacto"]) .perg-grupos{ display:grid; gap:var(--e-6); }
:where(body[data-css~="ajuda_contacto"]) .perg-grupo .fase-nome{ padding-bottom:var(--e-3); border-bottom:2px solid var(--tinta); }
:where(body[data-css~="ajuda_contacto"]) .perg-grupo .pergunta-freq:first-of-type{ border-top:0; }
:where(body[data-css~="ajuda_contacto"]) .perg-cabeca .lig{ display:inline-flex; margin-right:var(--e-4); }

/* ---------- contacto: o endereço é uma ligação ---------- */
:where(body[data-css~="ajuda_contacto"]) .email-end a{ color:var(--tinta); text-decoration:none; }
:where(body[data-css~="ajuda_contacto"]) .email-end a:hover{ text-decoration:underline; text-decoration-color:var(--madeira); }

@media (min-width:1024px){
  :where(body[data-css~="ajuda_contacto"]) .sem-migalhas{ padding-top:var(--e-7); }
  :where(body[data-css~="ajuda_contacto"]) .parte-grelha{ grid-template-columns:minmax(0,8fr) minmax(0,4fr); gap:var(--e-8); align-items:start; }
  :where(body[data-css~="ajuda_contacto"]) .parte-indice{ position:sticky; top:calc(var(--topo) + 24px); }
  :where(body[data-css~="ajuda_contacto"]) .perg-cabeca .lig{ display:flex; width:max-content; }}
@media (max-width:639.98px){
  :where(body[data-css~="ajuda_contacto"]) .anterior-seguinte{ grid-template-columns:1fr; }
  :where(body[data-css~="ajuda_contacto"]) .anterior-seguinte a:last-child{ text-align:left; }}

:where(body[data-css~="ajuda_contacto"]) /* ---------- contacto: o endereço é um alvo de toque inteiro, :where(body[data-css~="ajuda_contacto"]) e o «Copiado» ---------- */
.email-end a.alvo-email{ display:inline-block; padding-block:10px; min-height:var(--alvo); }
:where(body[data-css~="ajuda_contacto"]) .copiado-aviso{ margin-top:var(--e-2); font-size:var(--t-apoio); font-weight:600; color:var(--tinta); }
:where(body[data-css~="ajuda_contacto"]) .copiado-aviso:empty{ display:none; }

/* ---------- rodapé: a ligação do Barómetro com alvo de 44 px (estava a 21 px) ---------- */
:where(body[data-css~="ajuda_contacto"]) .rodape-fim a{ display:inline-block; padding-block:12px; }

/* ---------- abaixo de 400 px o cabeçalho transbordava 3 px (o menu cortado à direita) ---------- */
@media (max-width:399.98px){
  :where(body[data-css~="ajuda_contacto"]) .topo .caixa{ gap:4px; }
  :where(body[data-css~="ajuda_contacto"]) .marca{ gap:8px; }}