/* ==== ajuda-contacto.css · só em body[data-css~="ajuda-contacto"] ==== */
/* Como se concorre (a porta do guia) e Contacto. Só tokens do base.css. (3.ª volta, depois das revisões de 27/09) */

/* ---------- cabeça das duas páginas ---------- */
:where(body[data-css~="ajuda-contacto"]) .guia-heroi,:where(body[data-css~="ajuda-contacto"]) .contacto-heroi{ padding-block:0 var(--e-6); }   :where(body[data-css~="ajuda-contacto"]) /* com migalhas, :where(body[data-css~="ajuda-contacto"]) começa colado ao cabeçalho, :where(body[data-css~="ajuda-contacto"]) como em todas */
.guia-heroi h1,:where(body[data-css~="ajuda-contacto"]) .contacto-heroi h1{ margin-top:var(--e-3); max-width:18ch; }
:where(body[data-css~="ajuda-contacto"]) .guia-sub{ margin-top:var(--e-4); max-width:36ch; color:var(--tinta-2); font-size:var(--t-3); line-height:1.4; font-family:var(--letra); }
:where(body[data-css~="ajuda-contacto"]) .guia-sub b{ color:var(--tinta); }
:where(body[data-css~="ajuda-contacto"]) .guia-bts{ margin-top:var(--e-5); }

:where(body[data-css~="ajuda-contacto"]) /* ---------- as 7 partes: uma lista só, :where(body[data-css~="ajuda-contacto"]) a fase como separador ---------- */
.guia-partes{ padding-top:var(--e-7); border-top:1px solid var(--linha); }
:where(body[data-css~="ajuda-contacto"]) .guia-partes .cabeca{ align-items:center; }
:where(body[data-css~="ajuda-contacto"]) .fases{ display:grid; }
:where(body[data-css~="ajuda-contacto"]) .fase{ display:grid; gap:var(--e-3); padding-block:var(--e-5); border-top:2px solid var(--tinta); }
:where(body[data-css~="ajuda-contacto"]) .fase-nome{ font-size:var(--t-3); }
:where(body[data-css~="ajuda-contacto"]) .fase-cabeca p{ margin-top:var(--e-2); font-size:var(--t-apoio); color:var(--tinta-2); max-width:30rem; }
:where(body[data-css~="ajuda-contacto"]) .partes{ list-style:none; margin:0; padding:0; }
:where(body[data-css~="ajuda-contacto"]) .passo-guia{ position:relative; display:grid; grid-template-columns:52px 1fr; column-gap:var(--e-4); padding-block:var(--e-4); }
:where(body[data-css~="ajuda-contacto"]) .passo-guia + .passo-guia{ border-top:1px solid var(--linha); }
:where(body[data-css~="ajuda-contacto"]) .passo-n{ grid-row:1 / span 2; width:44px; height:44px; border-radius:50%; background:var(--cal-2); color:var(--tinta); font-family:var(--serifa); font-size:var(--t-3); display:grid; place-items:center; }
:where(body[data-css~="ajuda-contacto"]) .passo-guia h3{ font-size:var(--t-3); line-height:1.25; }
:where(body[data-css~="ajuda-contacto"]) .passo-guia h3 a{ color:var(--tinta); text-decoration:none; }
:where(body[data-css~="ajuda-contacto"]) .passo-guia h3 a::after{ content:""; position:absolute; inset:0; }        /* a parte inteira é a ligação */
:where(body[data-css~="ajuda-contacto"]) .passo-guia h3 .i{ width:20px; height:20px; margin-left:8px; vertical-align:-3px; color:var(--telha-esc); transition:transform var(--dur); }
:where(body[data-css~="ajuda-contacto"]) .passo-guia:hover h3 a{ color:var(--telha-esc); text-decoration:underline; text-decoration-color:var(--madeira); text-decoration-thickness:2px; text-underline-offset:5px; }
:where(body[data-css~="ajuda-contacto"]) .passo-guia:hover h3 .i{ transform:translateX(3px); }
:where(body[data-css~="ajuda-contacto"]) .passo-guia h3 a:focus-visible{ outline:0; box-shadow:none; }
:where(body[data-css~="ajuda-contacto"]) .passo-guia:has(a:focus-visible){ outline:3px solid var(--tinta); outline-offset:2px; border-radius:var(--r-campo); }
:where(body[data-css~="ajuda-contacto"]) .passo-guia p{ grid-column:2; margin-top:var(--e-2); color:var(--tinta-2); font-size:var(--t-apoio); max-width:38rem; }
:where(body[data-css~="ajuda-contacto"]) .faixa-papeis{ margin-top:var(--e-3); }
:where(body[data-css~="ajuda-contacto"]) .faixa-papeis .lig{ white-space:nowrap; }

/* ---------- perguntas ---------- */
:where(body[data-css~="ajuda-contacto"]) .perg-grelha{ display:grid; gap:var(--e-5); }
:where(body[data-css~="ajuda-contacto"]) .perg-cabeca p{ margin-top:var(--e-2); color:var(--tinta-2); }
:where(body[data-css~="ajuda-contacto"]) .perg-cabeca .lig{ margin-top:var(--e-3); }
:where(body[data-css~="ajuda-contacto"]) .pergunta-freq .lig{ margin-top:var(--e-2); }
:where(body[data-css~="ajuda-contacto"]) .pergunta-freq:first-child{ border-top:1px solid var(--linha); }
:where(body[data-css~="ajuda-contacto"]) .pergunta-freq summary{ padding-block:var(--e-3); }

/* ---------- fim da página ---------- */
:where(body[data-css~="ajuda-contacto"]) .fim-bloco{ display:grid; gap:var(--e-2); }
:where(body[data-css~="ajuda-contacto"]) .fim-bloco .bt-contorno{ justify-self:start; margin-top:var(--e-3); }

/* ---------- contacto ---------- */
:where(body[data-css~="ajuda-contacto"]) .contacto-heroi .guia-sub{ max-width:30em; }
:where(body[data-css~="ajuda-contacto"]) .contacto-corpo{ padding-bottom:var(--e-secao); }
:where(body[data-css~="ajuda-contacto"]) .contacto-grelha{ display:grid; gap:var(--e-5); }
:where(body[data-css~="ajuda-contacto"]) .contacto-lado{ order:-1; }                                    :where(body[data-css~="ajuda-contacto"]) /* no telemóvel, :where(body[data-css~="ajuda-contacto"]) o endereço vem primeiro */

.motivos-caixa{ background:var(--branco); border:1px solid var(--linha); border-radius:var(--r-cartao); }
:where(body[data-css~="ajuda-contacto"]) .motivos-t{ display:flex; align-items:center; gap:10px; padding:var(--e-4) 20px; border-bottom:1px solid var(--linha); font-family:var(--letra); font-size:var(--t-apoio); font-weight:700; color:var(--tinta-2); letter-spacing:0; }
:where(body[data-css~="ajuda-contacto"]) .motivos-t .i{ width:20px; height:20px; }
:where(body[data-css~="ajuda-contacto"]) .motivos{ list-style:none; margin:0; padding:0; }
:where(body[data-css~="ajuda-contacto"]) .motivos li + li{ border-top:1px solid var(--linha); }
:where(body[data-css~="ajuda-contacto"]) .motivos a{ display:grid; grid-template-columns:1fr auto; align-items:center; gap:var(--e-3); min-height:var(--alvo); padding:var(--e-4) 20px; color:var(--tinta); text-decoration:none; }
:where(body[data-css~="ajuda-contacto"]) .motivos li:last-child a{ border-radius:0 0 var(--r-cartao) var(--r-cartao); }
:where(body[data-css~="ajuda-contacto"]) .motivos a:hover{ background:var(--cal); }
:where(body[data-css~="ajuda-contacto"]) .mot-txt b{ display:block; font-family:var(--letra); font-size:var(--t-corpo); font-weight:600; line-height:1.3; }
:where(body[data-css~="ajuda-contacto"]) .mot-txt span{ display:block; margin-top:var(--e-1); font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="ajuda-contacto"]) .mot-seta .i{ width:22px; height:22px; color:var(--tinta-2); transition:transform var(--dur); }
:where(body[data-css~="ajuda-contacto"]) .motivos a:hover .mot-seta .i{ transform:translateX(3px); color:var(--tinta); }
:where(body[data-css~="ajuda-contacto"]) .mot-ir{ display:inline-flex; align-items:center; gap:6px; font-weight:600; color:var(--telha-esc); white-space:nowrap; text-decoration:underline; text-decoration-color:var(--madeira); text-decoration-thickness:2px; text-underline-offset:5px; }
:where(body[data-css~="ajuda-contacto"]) .mot-ir .i{ width:20px; height:20px; }

:where(body[data-css~="ajuda-contacto"]) .contacto-lado > * + *{ margin-top:var(--e-4); }
:where(body[data-css~="ajuda-contacto"]) .email-cartao{ background:var(--branco); border:1px solid var(--linha); border-radius:var(--r-cartao); padding:var(--e-5) 20px; }
:where(body[data-css~="ajuda-contacto"]) .email-cartao h2{ margin:0; font-family:var(--letra); font-size:var(--t-rotulo); font-weight:700; color:var(--tinta-2); letter-spacing:0; }
:where(body[data-css~="ajuda-contacto"]) .email-end{ margin-top:var(--e-2); font-family:var(--serifa); font-size:var(--t-3); color:var(--tinta); overflow-wrap:anywhere; user-select:all; }
:where(body[data-css~="ajuda-contacto"]) .email-cartao .bt-contorno{ margin-top:var(--e-4); }
:where(body[data-css~="ajuda-contacto"]) .email-nota{ margin-top:var(--e-3); }
:where(body[data-css~="ajuda-contacto"]) .sem-email{ padding-top:var(--e-3); border-top:1px solid var(--linha); }
:where(body[data-css~="ajuda-contacto"]) .sem-email b{ color:var(--tinta); }
:where(body[data-css~="ajuda-contacto"]) #copiado{ display:flex; align-items:center; gap:6px; margin-top:var(--e-2); color:var(--oliva); font-weight:600; }
:where(body[data-css~="ajuda-contacto"]) #copiado[hidden]{ display:none; }

:where(body[data-css~="ajuda-contacto"]) .camara-grelha{ display:grid; gap:var(--e-5); }
:where(body[data-css~="ajuda-contacto"]) .camara-sub{ margin-top:var(--e-3); color:var(--tinta-2); max-width:34rem; }
:where(body[data-css~="ajuda-contacto"]) .camara-grelha .lig{ margin-top:var(--e-2); }
:where(body[data-css~="ajuda-contacto"]) .so-camara{ list-style:none; margin:0; padding:0; border-top:1px solid var(--linha-forte); }
:where(body[data-css~="ajuda-contacto"]) .so-camara li{ padding-block:var(--e-4); border-bottom:1px solid var(--linha); }

:where(body[data-css~="ajuda-contacto"]) .indep{ display:grid; gap:var(--e-6); }
:where(body[data-css~="ajuda-contacto"]) .indep h2{ margin-bottom:var(--e-4); }
:where(body[data-css~="ajuda-contacto"]) .porta b{ color:var(--tinta); }

/* ---------- rodapé comum ---------- */
:where(body[data-css~="ajuda-contacto"]) .rodape{ margin-top:0; }
/* o rodapé em duas colunas no telemóvel e o ícone da ligação externa passaram para o base.css */

/* ---------- a partir de 640 px ---------- */
@media (min-width:640px){
  :where(body[data-css~="ajuda-contacto"]) .fim-bloco{ grid-template-columns:1fr auto; align-items:center; gap:var(--e-6); }
  :where(body[data-css~="ajuda-contacto"]) .fim-bloco .bt-contorno{ margin-top:0; }
  :where(body[data-css~="ajuda-contacto"]) .motivos a{ padding:var(--e-4) var(--e-5); gap:var(--e-5); }
  :where(body[data-css~="ajuda-contacto"]) .motivos-t{ padding-inline:var(--e-5); }}

/* ---------- a partir de 1024 px ---------- */
@media (min-width:1024px){
  :where(body[data-css~="ajuda-contacto"]) .guia-heroi,:where(body[data-css~="ajuda-contacto"]) .contacto-heroi{ padding-block:0 var(--e-8); }
  :where(body[data-css~="ajuda-contacto"]) .fase{ grid-template-columns:15rem 1fr; gap:var(--e-7); padding-block:var(--e-6); }
  :where(body[data-css~="ajuda-contacto"]) .passo-guia{ grid-template-columns:52px minmax(0,1fr) minmax(0,1.15fr); column-gap:var(--e-5); align-items:start; }
  :where(body[data-css~="ajuda-contacto"]) .passo-n{ grid-row:auto; }
  :where(body[data-css~="ajuda-contacto"]) .passo-guia h3{ padding-top:8px; }
  :where(body[data-css~="ajuda-contacto"]) .passo-guia p{ grid-column:3; margin-top:0; padding-top:8px; }
  :where(body[data-css~="ajuda-contacto"]) .perg-grelha{ grid-template-columns:4fr 8fr; gap:var(--e-8); align-items:start; }
  :where(body[data-css~="ajuda-contacto"]) .perg-cabeca{ position:sticky; top:calc(var(--topo) + 24px); }
  :where(body[data-css~="ajuda-contacto"]) .contacto-grelha{ grid-template-columns:7fr 4fr; gap:var(--e-7); align-items:start; }
  :where(body[data-css~="ajuda-contacto"]) .contacto-lado{ order:0; position:sticky; top:calc(var(--topo) + 24px); }
  :where(body[data-css~="ajuda-contacto"]) .camara-grelha{ grid-template-columns:5fr 7fr; gap:var(--e-8); align-items:start; }
  :where(body[data-css~="ajuda-contacto"]) .indep{ grid-template-columns:7fr 5fr; gap:var(--e-8); align-items:start; }
  :where(body[data-css~="ajuda-contacto"]) .indep .portas{ grid-template-columns:1fr; }}
:where(body[data-css~="ajuda-contacto"]) .passo-guia h3 .nw{ white-space:nowrap; }
:where(body[data-css~="ajuda-contacto"]) .passo-guia h3 .i{ display:inline-block; }
@media (max-width:639.98px){ :where(body[data-css~="ajuda-contacto"]) .motivos a:has(.mot-ir){ grid-template-columns:1fr; gap:var(--e-2); } :where(body[data-css~="ajuda-contacto"]) .mot-ir{ justify-self:start; min-height:var(--alvo); }}