/* ==== vigia-ajuda.css · só em body[data-css~="vigia-ajuda"] ==== */
:where(body[data-css~="vigia-ajuda"]) /* =====================================================================
   rendaacessivel.pt · vigia-ajuda.css (v3.1, 27/09/2026)
   Só o que é das páginas do Vigia, :where(body[data-css~="vigia-ajuda"]) da Ajuda com os papéis e de Quem somos.
   Tudo o resto vem do base.css. Tamanhos só com var(--t-*); cores só com
   os tokens do base.css; sem sombra em repouso.
   ===================================================================== */

/* ---------- herói das três páginas ---------- */
.vg-heroi{ padding-block:var(--abre) var(--e-7); }
:where(body[data-css~="vigia-ajuda"]) .vg-rotulo{ display:inline-flex; align-items:center; gap:8px; font-size:var(--t-rotulo); font-weight:700; color:var(--oliva); margin-bottom:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .vg-rotulo .i{ width:18px; height:18px; }
:where(body[data-css~="vigia-ajuda"]) .vg-medida > *{ max-width:34rem; }      :where(body[data-css~="vigia-ajuda"]) /* uma só medida no herói: título, :where(body[data-css~="vigia-ajuda"]) subtítulo e bloco seguinte */
.vg-medida h1{ text-wrap:balance; }
:where(body[data-css~="vigia-ajuda"]) .vg-heroi-grelha{ display:grid; gap:var(--e-6); }
:where(body[data-css~="vigia-ajuda"]) .vg-lado{ display:grid; gap:var(--e-3); align-content:start; }
:where(body[data-css~="vigia-ajuda"]) .legenda-exemplo{ justify-content:flex-start; flex-wrap:wrap; }
:where(body[data-css~="vigia-ajuda"]) .faixa-exemplo{ display:inline-block; padding:2px 10px; border:1px solid var(--linha-forte); border-radius:var(--r-pilula); background:var(--branco); color:var(--tinta); font-weight:700; letter-spacing:.06em; text-transform:uppercase; font-size:var(--t-rotulo); }

/* ---------- o cartão do formulário do aviso ---------- */
:where(body[data-css~="vigia-ajuda"]) .vg-form{ margin-top:var(--e-5); }
:where(body[data-css~="vigia-ajuda"]) .vg-form .form{ gap:var(--e-4); }
:where(body[data-css~="vigia-ajuda"]) .vg-form .bt{ width:100%; }
:where(body[data-css~="vigia-ajuda"]) .vg-form .antes-do-botao{ margin-top:calc(-1 * var(--e-1)); }
:where(body[data-css~="vigia-ajuda"]) .vg-form .enviado{ margin-top:var(--e-2); }

/* ---------- o email de exemplo (é isto que te chega) ---------- */
:where(body[data-css~="vigia-ajuda"]) .correio{ background:var(--branco); border:1px solid var(--linha); border-radius:var(--r-cartao); overflow:hidden; }
:where(body[data-css~="vigia-ajuda"]) .correio-cab{ display:grid; gap:2px; padding:var(--e-4) 20px; background:var(--cal-2); border-bottom:1px solid var(--linha); font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .correio-cab b{ color:var(--tinta); font-weight:600; }
:where(body[data-css~="vigia-ajuda"]) .correio-cab .assunto{ color:var(--tinta); font-weight:700; margin-top:4px; }
:where(body[data-css~="vigia-ajuda"]) .correio-corpo{ padding:var(--e-5) 20px; display:grid; gap:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .correio-titulo{ font-family:var(--serifa); font-size:var(--t-3); line-height:1.25; color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .correio-corpo p.correio-titulo{ font-size:var(--t-3); color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .correio-citacao{ padding:var(--e-3) var(--e-4); background:var(--cal-2); border-radius:var(--r-campo); }
:where(body[data-css~="vigia-ajuda"]) .correio-corpo p{ font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .correio-casas{ list-style:none; margin:0; padding:0; border-top:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .correio-casas li{ display:flex; justify-content:space-between; gap:var(--e-3); padding-block:10px; border-bottom:1px solid var(--linha); font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .correio-casas b{ font-family:var(--serifa); font-size:var(--t-corpo); font-weight:500; color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) /* o botão do exemplo é desenho, :where(body[data-css~="vigia-ajuda"]) não é botão: em contorno, :where(body[data-css~="vigia-ajuda"]) para não competir com o verdadeiro */
.correio-bt{ justify-self:start; display:inline-flex; align-items:center; gap:8px; min-height:44px; padding:0 18px; border:1.5px solid var(--linha-forte); border-radius:var(--r-pilula); font-weight:600; font-size:var(--t-apoio); color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .correio-pe{ font-size:var(--t-rotulo); color:var(--tinta-3); padding-top:var(--e-3); border-top:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .correio-pe u{ text-decoration-color:var(--linha-forte); }

/* ---------- números com filetes (o número é a imagem) ---------- */
:where(body[data-css~="vigia-ajuda"]) .numeros{ display:grid; grid-template-columns:1fr; border-top:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .numero{ display:grid; grid-template-columns:5.2rem 1fr; gap:var(--e-2) var(--e-4); align-items:baseline; padding-block:var(--e-4); border-bottom:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .numero .t-num{ color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .bloco-escuro.vg-duas{ gap:0; }
:where(body[data-css~="vigia-ajuda"]) .bloco-escuro.vg-duas .bt-contorno{ margin-top:var(--e-5); }
:where(body[data-css~="vigia-ajuda"]) .numero p{ font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .numero p b{ display:block; font-size:var(--t-corpo); color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .numeros.dois{ grid-template-columns:1fr 1fr; border-bottom:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .numeros.dois .numero{ grid-template-columns:1fr; border-bottom:0; padding-right:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .numeros.dois .numero + .numero{ padding-left:var(--e-4); border-left:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .numeros-fonte{ margin-top:var(--e-3); font-size:var(--t-rotulo); color:var(--tinta-3); }

/* ---------- três passos grandes ---------- */
:where(body[data-css~="vigia-ajuda"]) .tres-passos{ list-style:none; margin:0; padding:0; display:grid; gap:var(--e-4); counter-reset:tp; }
:where(body[data-css~="vigia-ajuda"]) .tres-passos li{ counter-increment:tp; display:grid; grid-template-columns:48px 1fr; gap:var(--e-4); align-items:start; }
:where(body[data-css~="vigia-ajuda"]) .tres-passos li::before{ content:counter(tp); width:44px; height:44px; border-radius:50%; border:1.5px solid var(--linha-forte); background:var(--branco); display:grid; place-items:center; font-family:var(--serifa); font-size:var(--t-3); color:var(--telha-esc); }
:where(body[data-css~="vigia-ajuda"]) .tres-passos b{ display:block; font-family:var(--serifa); font-size:var(--t-3); font-weight:500; line-height:1.25; }
:where(body[data-css~="vigia-ajuda"]) .tres-passos p{ font-size:var(--t-apoio); color:var(--tinta-2); margin-top:4px; }

:where(body[data-css~="vigia-ajuda"]) /* ---------- o que não fazemos, :where(body[data-css~="vigia-ajuda"]) com a lista em linhas ---------- */
.nao-fazemos{ border:1px solid var(--linha); background:var(--branco); border-radius:var(--r-cartao); padding:var(--e-5) 20px; }   /* filete sólido: o tracejado fica para o «a decidir» */
:where(body[data-css~="vigia-ajuda"]) .tres-passos,:where(body[data-css~="vigia-ajuda"]) .tres-passos li{ align-items:start; }
:where(body[data-css~="vigia-ajuda"]) .pergunta-freq summary{ align-items:flex-start; padding-block:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .pergunta-freq summary::after{ align-self:flex-start; margin-top:.05em; }
:where(body[data-css~="vigia-ajuda"]) .vg-h2-lista{ margin-bottom:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .nao-lista{ list-style:none; margin:var(--e-3) 0 0; padding:0; display:grid; gap:var(--e-2); }
:where(body[data-css~="vigia-ajuda"]) .nao-lista li{ display:grid; grid-template-columns:24px 1fr; gap:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .nao-lista .i{ width:20px; height:20px; color:var(--tinta-2); margin-top:3px; }
:where(body[data-css~="vigia-ajuda"]) .nao-fazemos h2,:where(body[data-css~="vigia-ajuda"]) .nao-fazemos h3{ font-family:var(--letra); font-size:var(--t-rotulo); font-weight:700; letter-spacing:.04em; text-transform:uppercase; color:var(--tinta-2); }

/* ---------- escolha grátis ou 19 € (a escada, em rádios) ---------- */
:where(body[data-css~="vigia-ajuda"]) .escada .opcao-plano{ position:relative; display:grid; gap:var(--e-3); align-content:start; padding:var(--e-5) 20px; background:var(--branco); border:1.5px solid var(--linha-forte); border-radius:var(--r-cartao); cursor:pointer; transition:border-color var(--dur); }
:where(body[data-css~="vigia-ajuda"]) .escada .opcao-plano:hover{ border-color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .escada .opcao-plano:has(input:checked){ border:2px solid var(--tinta); box-shadow:inset 0 0 0 1px var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .escada .opcao-plano:has(input:focus-visible){ outline:3px solid var(--tinta); outline-offset:3px; }
:where(body[data-css~="vigia-ajuda"]) .escada input[type=radio]{ position:absolute; opacity:0; width:1px; height:1px; }
:where(body[data-css~="vigia-ajuda"]) .opcao-plano-topo{ display:flex; justify-content:space-between; align-items:baseline; gap:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .opcao-plano-topo h3{ font-size:var(--t-3); }
:where(body[data-css~="vigia-ajuda"]) .opcao-plano .marca-escolha{ width:28px; height:28px; flex:none; border-radius:50%; border:1.5px solid var(--linha-forte); display:grid; place-items:center; background:var(--branco); }
:where(body[data-css~="vigia-ajuda"]) .opcao-plano:has(input:checked) .marca-escolha{ background:var(--tinta); border-color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .opcao-plano:has(input:checked) .marca-escolha::after{ content:""; width:8px; height:14px; border-right:2.5px solid #fff; border-bottom:2.5px solid #fff; transform:rotate(45deg) translate(-1px,-2px); }
:where(body[data-css~="vigia-ajuda"]) .opcao-plano .aviso-preco{ margin-top:var(--e-1); }
:where(body[data-css~="vigia-ajuda"]) .opcao-plano .vantagens{ margin-top:0; }

/* ---------- escada no formulário: dois planos compactos em rádio ---------- */
:where(body[data-css~="vigia-ajuda"]) .niveis{ border:0; margin:0; padding:0; min-width:0; display:grid; gap:var(--e-2); }
:where(body[data-css~="vigia-ajuda"]) .niveis legend{ padding:0; margin-bottom:6px; }
:where(body[data-css~="vigia-ajuda"]) .nivel{ position:relative; display:grid; grid-template-columns:28px 1fr auto; grid-template-rows:auto auto; column-gap:var(--e-3); align-items:center; padding:var(--e-3) var(--e-4); background:var(--branco); border:1.5px solid var(--linha-forte); border-radius:var(--r-campo); cursor:pointer; }
:where(body[data-css~="vigia-ajuda"]) .nivel input{ grid-row:1 / 3; appearance:none; -webkit-appearance:none; width:24px; height:24px; margin:0; border:1.5px solid var(--linha-forte); border-radius:50%; background:var(--branco); cursor:pointer; }
:where(body[data-css~="vigia-ajuda"]) .nivel input:checked{ border:7px solid var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .nivel:has(input:checked){ border:2px solid var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .nivel:has(input:focus-visible){ outline:3px solid var(--tinta); outline-offset:3px; }
:where(body[data-css~="vigia-ajuda"]) .nivel-nome{ font-weight:700; }
:where(body[data-css~="vigia-ajuda"]) .nivel-linha{ grid-column:2; font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .nivel-preco{ grid-row:1 / 3; grid-column:3; font-family:var(--serifa); font-size:var(--t-3); white-space:nowrap; }
:where(body[data-css~="vigia-ajuda"]) .duas-entradas{ display:grid; gap:var(--e-4); }
:where(body[data-css~="vigia-ajuda"]) .terra-extra{ margin-top:var(--e-2); }
:where(body[data-css~="vigia-ajuda"]) .pagar{ display:grid; gap:var(--e-3); padding:var(--e-4); background:var(--cal-2); border-radius:var(--r-campo); }
:where(body[data-css~="vigia-ajuda"]) .pagar .bt{ width:100%; }
:where(body[data-css~="vigia-ajuda"]) .pagar p{ font-size:var(--t-apoio); }
:where(body[data-css~="vigia-ajuda"]) #mais-terra{ min-height:var(--alvo); background:none; border:0; padding-inline:0; cursor:pointer; font:inherit; font-weight:600; }

/* ---------- ajuda: a lista de exemplo (o produto vê-se antes de se comprar) ---------- */
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo{ background:var(--branco); border:1px solid var(--linha); border-radius:var(--r-cartao); padding:var(--e-5) 20px; }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo-cab{ display:flex; justify-content:space-between; align-items:baseline; gap:var(--e-3); padding-bottom:var(--e-3); border-bottom:1.5px solid var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo-tit{ font-family:var(--serifa); font-size:var(--t-3); font-weight:500; }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo-cab span{ font-size:var(--t-apoio); color:var(--tinta-2); white-space:nowrap; }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo ul{ list-style:none; margin:0; padding:0; }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li{ display:grid; grid-template-columns:28px 1fr; gap:var(--e-3); padding-block:var(--e-3); border-bottom:1px solid var(--linha); font-size:var(--t-apoio); }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li:last-child{ border-bottom:0; }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li .i{ width:22px; height:22px; margin-top:1px; }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li.certo .i{ color:var(--oliva); }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li.falta .i{ color:var(--telha-esc); }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li b{ display:block; font-size:var(--t-corpo); color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li span{ color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .folha-exemplo li.falta span b{ display:inline; font-size:var(--t-apoio); color:var(--telha-esc); }

:where(body[data-css~="vigia-ajuda"]) /* os planos: o preço na linha do nome, :where(body[data-css~="vigia-ajuda"]) no tamanho de um título, :where(body[data-css~="vigia-ajuda"]) nunca maior do que o H1 */
.plano-cabeca{ display:flex; justify-content:space-between; align-items:baseline; gap:var(--e-3); flex-wrap:wrap; }
:where(body[data-css~="vigia-ajuda"]) .plano-cabeca h3{ font-size:var(--t-3); }
:where(body[data-css~="vigia-ajuda"]) .plano-cabeca .plano-preco{ font-size:var(--t-2); }
:where(body[data-css~="vigia-ajuda"]) /* o que recebes numa frase, :where(body[data-css~="vigia-ajuda"]) antes dos passos */
.plano-o-que{ font-size:var(--t-corpo); color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .plano .passos{ padding-top:var(--e-3); border-top:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .plano .bt-contorno{ margin-top:auto; }
:where(body[data-css~="vigia-ajuda"]) .plano-prazo{ font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .plano-prazo b{ color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .nota-prazo{ margin-top:var(--e-2); }

/* rádios do «qual preferes?» no formulário da ajuda */
:where(body[data-css~="vigia-ajuda"]) .escolha-curta{ border:0; margin:0; padding:0; min-width:0; }
:where(body[data-css~="vigia-ajuda"]) .escolha-curta legend{ padding:0; margin-bottom:6px; }
:where(body[data-css~="vigia-ajuda"]) .escolha-curta .opcoes{ display:grid; gap:var(--e-2); grid-template-columns:1fr; }
:where(body[data-css~="vigia-ajuda"]) /* escolhido = contorno grosso e visto, :where(body[data-css~="vigia-ajuda"]) fundo branco: nunca cheio ao lado do botão telha */
.escolha-curta .opcao:has(input:checked){ background:var(--branco); color:var(--tinta); border:2.5px solid var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .escolha-curta .opcao:has(input:checked)::before{ content:""; width:7px; height:13px; border-right:2.5px solid var(--tinta); border-bottom:2.5px solid var(--tinta); transform:rotate(45deg) translate(-1px,-2px); }
:where(body[data-css~="vigia-ajuda"]) .escolha-curta .ajuda{ margin-top:6px; }
:where(body[data-css~="vigia-ajuda"]) .heroi-accao{ margin-top:var(--e-5); }
:where(body[data-css~="vigia-ajuda"]) .heroi-accao .bt{ width:100%; max-width:22rem; }
:where(body[data-css~="vigia-ajuda"]) .alerta-branca{ background:var(--branco); border:1px solid var(--linha); margin-top:var(--e-5); }

/* ---------- o bloco oliva «outra pessoa»: uma acção e a partilha em linha ---------- */
:where(body[data-css~="vigia-ajuda"]) .outra-accoes{ display:flex; flex-wrap:wrap; align-items:center; gap:var(--e-2) var(--e-5); margin-top:var(--e-5); }
:where(body[data-css~="vigia-ajuda"]) .outra-accoes .bt-contorno{ margin-top:0; }
:where(body[data-css~="vigia-ajuda"]) .bloco-escuro .lig{ color:#fff; text-decoration-color:var(--oliva-clara); }
:where(body[data-css~="vigia-ajuda"]) .bloco-escuro .lig .i{ width:18px; height:18px; }
:where(body[data-css~="vigia-ajuda"]) .vg-duas.esticar{ align-items:stretch; }

/* ---------- quem somos ---------- */
:where(body[data-css~="vigia-ajuda"]) .qs h2{ font-size:var(--t-2); }
:where(body[data-css~="vigia-ajuda"]) .qs .manha{ margin-top:var(--e-5); }
:where(body[data-css~="vigia-ajuda"]) .quem-faz{ margin-top:var(--e-5); }
:where(body[data-css~="vigia-ajuda"]) .ident{ display:grid; grid-template-columns:1fr; border-top:1px solid var(--linha); border-bottom:1px solid var(--linha); margin:0; }
:where(body[data-css~="vigia-ajuda"]) .ident > div{ display:grid; gap:4px; align-content:start; padding:var(--e-4) 0; border-bottom:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .ident > div:last-child{ border-bottom:0; }
:where(body[data-css~="vigia-ajuda"]) .ident dt{ font-size:var(--t-rotulo); font-weight:600; color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .ident dd{ margin:0; font-size:var(--t-apoio); }
:where(body[data-css~="vigia-ajuda"]) .escreve{ display:grid; gap:var(--e-4); }
:where(body[data-css~="vigia-ajuda"]) .escreve .bt-contorno{ justify-self:start; margin-top:0; }
:where(body[data-css~="vigia-ajuda"]) .dinheiro{ display:grid; gap:var(--e-3); }
:where(body[data-css~="vigia-ajuda"]) .dinheiro-linha{ display:grid; grid-template-columns:24px 1fr; gap:var(--e-3); padding-block:var(--e-3); border-bottom:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .dinheiro-linha:first-child{ border-top:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .dinheiro-linha .i{ width:22px; height:22px; margin-top:2px; color:var(--oliva); }
:where(body[data-css~="vigia-ajuda"]) .dinheiro-linha.nao .i{ color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .dinheiro-linha b{ display:block; }
:where(body[data-css~="vigia-ajuda"]) .dinheiro-linha p{ font-size:var(--t-apoio); color:var(--tinta-2); margin-top:2px; }
:where(body[data-css~="vigia-ajuda"]) ol.manha{ list-style:none; margin:0; padding:0; border-left:2px solid var(--madeira); padding-left:var(--e-5); margin-left:7px; display:grid; gap:var(--e-4); }
:where(body[data-css~="vigia-ajuda"]) .manha li{ position:relative; }
:where(body[data-css~="vigia-ajuda"]) .manha li::before{ content:""; position:absolute; left:calc(-1 * var(--e-5) - 7px); top:8px; width:12px; height:12px; border-radius:50%; background:var(--branco); border:2px solid var(--madeira-esc); }
:where(body[data-css~="vigia-ajuda"]) .manha time{ display:block; font-weight:700; color:var(--madeira-esc); font-size:var(--t-apoio); }
:where(body[data-css~="vigia-ajuda"]) .manha p{ font-size:var(--t-apoio); color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .manha b{ color:var(--tinta); }
:where(body[data-css~="vigia-ajuda"]) .legal{ display:grid; gap:0; border-top:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .legal > div{ display:grid; gap:4px; padding-block:var(--e-4); border-bottom:1px solid var(--linha); }
:where(body[data-css~="vigia-ajuda"]) .legal dt{ font-size:var(--t-rotulo); font-weight:600; color:var(--tinta-2); }
:where(body[data-css~="vigia-ajuda"]) .legal dd{ font-size:var(--t-apoio); }
:where(body[data-css~="vigia-ajuda"]) /* o que só o dono decide: marca à vista, :where(body[data-css~="vigia-ajuda"]) para nunca ir para o ar por engano */
.por-decidir{ display:inline-flex; align-items:center; gap:6px; padding:2px 10px; border:1.5px dashed var(--madeira-esc); border-radius:var(--r-pilula); background:var(--madeira-clara); color:var(--madeira-esc); font-size:var(--t-rotulo); font-weight:700; white-space:normal; }

/* ---------- ritmo ---------- */
:where(body[data-css~="vigia-ajuda"]) .vg-secao{ padding-block:var(--e-7); }
:where(body[data-css~="vigia-ajuda"]) .vg-secao + .vg-secao{ padding-top:0; }
:where(body[data-css~="vigia-ajuda"]) .secao-cal2 + .vg-secao,:where(body[data-css~="vigia-ajuda"]) .vg-secao + .secao-cal2{ padding-top:var(--e-7); }
:where(body[data-css~="vigia-ajuda"]) .vg-cabeca{ margin-bottom:var(--e-5); max-width:var(--larg-texto); }
:where(body[data-css~="vigia-ajuda"]) .vg-cabeca p{ color:var(--tinta-2); margin-top:var(--e-2); }
:where(body[data-css~="vigia-ajuda"]) .vg-duas{ display:grid; gap:var(--e-6); }

@media (min-width:640px){
  :where(body[data-css~="vigia-ajuda"]) .numeros{ grid-template-columns:repeat(3,1fr); border-bottom:1px solid var(--linha); }
  :where(body[data-css~="vigia-ajuda"]) .numero{ grid-template-columns:1fr; border-bottom:0; padding:var(--e-5) var(--e-4) var(--e-5) 0; }
  :where(body[data-css~="vigia-ajuda"]) .numero + .numero{ padding-left:var(--e-5); border-left:1px solid var(--linha); }
  :where(body[data-css~="vigia-ajuda"]) .escolha-curta .opcoes{ grid-template-columns:1fr 1fr; }
  :where(body[data-css~="vigia-ajuda"]) .duas-entradas{ grid-template-columns:1fr 1fr; }
  :where(body[data-css~="vigia-ajuda"]) .folha-exemplo,:where(body[data-css~="vigia-ajuda"]) .escada .opcao-plano{ padding:var(--e-6); }
  :where(body[data-css~="vigia-ajuda"]) .vg-secao{ padding-block:var(--e-8); }}
@media (min-width:1024px){
  :where(body[data-css~="vigia-ajuda"]) .secao-cal2 + .vg-secao,:where(body[data-css~="vigia-ajuda"]) .vg-secao + .secao-cal2{ padding-top:var(--e-8); }
  :where(body[data-css~="vigia-ajuda"]) .vg-heroi{ padding-block:var(--abre) var(--e-8); }
  :where(body[data-css~="vigia-ajuda"]) .vg-heroi-grelha{ grid-template-columns:minmax(0,6fr) minmax(0,5fr); gap:var(--e-8); align-items:start; }
  :where(body[data-css~="vigia-ajuda"]) .vg-heroi-grelha.centro-v{ align-items:center; }   /* ao-centro deixou de centrar: o primeiro texto do Quem somos começava 43 px abaixo das outras páginas */
  :where(body[data-css~="vigia-ajuda"]) .ident{ grid-template-columns:repeat(4,1fr); }
  :where(body[data-css~="vigia-ajuda"]) .ident > div{ padding:var(--e-4) var(--e-4) var(--e-4) 0; border-bottom:0; }
  :where(body[data-css~="vigia-ajuda"]) .ident > div + div{ padding-left:var(--e-4); border-left:1px solid var(--linha); }
  :where(body[data-css~="vigia-ajuda"]) .escreve{ grid-template-columns:1fr auto; align-items:center; gap:var(--e-6); }
  :where(body[data-css~="vigia-ajuda"]) .tres-passos{ grid-template-columns:repeat(3,1fr); gap:var(--e-6); }
  :where(body[data-css~="vigia-ajuda"]) .tres-passos li{ grid-template-columns:1fr; gap:var(--e-3); }
  :where(body[data-css~="vigia-ajuda"]) .vg-duas{ grid-template-columns:minmax(0,7fr) minmax(0,5fr); gap:var(--e-8); align-items:start; }
  :where(body[data-css~="vigia-ajuda"]) .vg-duas.iguais{ grid-template-columns:1fr 1fr; }
  :where(body[data-css~="vigia-ajuda"]) .vg-lado.preso{ position:sticky; top:calc(var(--topo) + 24px); }}