/* ==== vigia_ajuda.css · só em body[data-css~="vigia_ajuda"] ==== */
/* =====================================================================
   rendaacessivel.pt · vigia_ajuda.css (27/09/2026)
   O que a passagem para o gerador acrescenta ao vigia-ajuda.css do
   protótipo (que fica tal e qual). Só tokens do base.css.
   ===================================================================== */

/* o formulário do Vigia no herói: campos como na maqueta */
:where(body[data-css~="vigia_ajuda"]) .vg-form .terra-confirma:empty{ display:none; }
:where(body[data-css~="vigia_ajuda"]) .vg-form .erro-form{ margin-top:var(--e-2); }

/* o email de exemplo: a linha «As que te servem» e a nota das câmaras */
:where(body[data-css~="vigia_ajuda"]) .correio-corpo p.correio-sub{ font-weight:700; color:var(--tinta); margin-bottom:calc(-1 * var(--e-2)); }
:where(body[data-css~="vigia_ajuda"]) .correio-nota{ display:grid; grid-template-columns:20px 1fr; gap:var(--e-2); font-size:var(--t-rotulo); color:var(--tinta-2); }
:where(body[data-css~="vigia_ajuda"]) .correio-nota .i{ width:18px; height:18px; margin-top:1px; color:var(--tinta-2); }

/* ajuda */
:where(body[data-css~="vigia_ajuda"]) .nao-fazemos-ajuda{ margin-top:var(--e-5); }
:where(body[data-css~="vigia_ajuda"]) .pedir-sub{ margin-top:var(--e-2); }
:where(body[data-css~="vigia_ajuda"]) #f-ajuda{ margin-top:var(--e-5); }
:where(body[data-css~="vigia_ajuda"]) #f-ajuda textarea.entrada{ min-height:6rem; resize:vertical; }
:where(body[data-css~="vigia_ajuda"]) .heroi-accao{ display:grid; gap:var(--e-2); justify-items:start; }

/* quem somos */
:where(body[data-css~="vigia_ajuda"]) .qs-primeira{ padding-top:0; }
:where(body[data-css~="vigia_ajuda"]) .numeros.dois .numero{ align-content:start; }
:where(body[data-css~="vigia_ajuda"]) .qs-legal{ margin-top:var(--e-3); }
/* alvos de toque de 44 px (auditoria do telemóvel, 27/09) */
:where(body[data-css~="vigia_ajuda"]) .qs-legal a{ display:inline-flex; align-items:center; min-height:44px; }
@media (min-width:1024px){
  :where(body[data-css~="vigia_ajuda"]) .ident.ident-3{ grid-template-columns:repeat(3,1fr); }}

/* no telemóvel, «10 a 21» cabe numa linha: o número por cima do texto */
@media (max-width:639px){
  :where(body[data-css~="vigia_ajuda"]) .numeros:not(.dois) .numero{ grid-template-columns:1fr; gap:var(--e-1); }
  :where(body[data-css~="vigia_ajuda"]) .numero .t-num{ white-space:nowrap; }}

/* ---------- o cabeçalho a 375 px: o «Menu» saía 3 px fora (scrollWidth 378) ----------
   (vale só nestas três páginas; o remendo do base está pedido em PEDIDOS.md) */
@media (max-width:399.98px){
  :where(body[data-css~="vigia_ajuda"]) .topo .caixa{ gap:4px; }
  :where(body[data-css~="vigia_ajuda"]) .marca{ gap:8px; }
  :where(body[data-css~="vigia_ajuda"]) .marca-simb{ width:26px; height:26px; }}

/* ---------- o Vigia: espaços e o bloco «outra pessoa» ---------- */
:where(body[data-css~="vigia_ajuda"]) .outra-pessoa .outra-accoes .lig{ display:inline; }   :where(body[data-css~="vigia_ajuda"]) /* a seta segue a última palavra, :where(body[data-css~="vigia_ajuda"]) mesmo com o texto em duas linhas */
.outra-pessoa .outra-accoes .lig .i{ display:inline-block; vertical-align:-3px; margin-left:6px; }
:where(body[data-css~="vigia_ajuda"]) .vg-duas.esticar > .outra-pessoa{ align-self:start; }
@media (max-width:719.98px){
  :where(body[data-css~="vigia_ajuda"]) .vg-lado{ margin-bottom:0; }
  :where(body[data-css~="vigia_ajuda"]) .vg-heroi{ padding-bottom:var(--e-5); }
  :where(body[data-css~="vigia_ajuda"]) .vg-heroi + .vg-secao{ padding-top:var(--e-5); }   /* da nota das câmaras ao título seguinte: 72 px passam a 48 */
}