/* Página /links — "cartão digital" da igreja, pensada para abrir pelo QR Code no celular. */
*,*::before,*::after{box-sizing:border-box}
body.links-pg{margin:0;min-height:100vh;font-family:var(--fonte-texto);color:var(--texto);
  background:radial-gradient(900px 420px at 50% -120px,rgba(var(--primaria-rgb),.28),transparent 70%),var(--superficie);-webkit-font-smoothing:antialiased}
a{color:inherit}
.links{max-width:520px;margin:0 auto;padding:max(28px,env(safe-area-inset-top)) 16px max(28px,env(safe-area-inset-bottom))}
.links-topo{text-align:center;margin-bottom:22px}
.links-logo{width:112px;height:112px;object-fit:contain;display:block;margin:0 auto 12px;filter:drop-shadow(0 10px 22px rgba(0,0,0,.18))}
.links-topo h1{font-family:var(--fonte-titulos);font-size:24px;line-height:1.2;margin:0 0 4px}
.links-topo p{margin:0;font-size:12.5px;letter-spacing:.1em;text-transform:uppercase;opacity:.7}
.links-lista{display:flex;flex-direction:column;gap:10px}
.link-item{display:flex;align-items:center;gap:14px;min-height:64px;padding:12px 14px;border-radius:calc(var(--raio) + 4px);
  background:var(--fundo);text-decoration:none;border:1px solid rgba(0,0,0,.07);box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .15s,box-shadow .15s}
.link-item:hover,.link-item:focus-visible{transform:translateY(-2px);box-shadow:0 8px 22px rgba(0,0,0,.1)}
.link-item:focus-visible{outline:3px solid var(--destaque);outline-offset:2px}
.link-ic{flex:0 0 44px;height:44px;border-radius:50%;display:grid;place-items:center;background:rgba(var(--primaria-rgb),.1);color:var(--primaria)}
.link-txt{flex:1;min-width:0;display:flex;flex-direction:column;line-height:1.25}
.link-txt strong{font-size:16px}
.link-txt small{font-size:13px;opacity:.68;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.link-seta{opacity:.45;flex:0 0 auto}
/* destaques: o WhatsApp é o que mais se usa, fica no topo e na cor dele */
.link-whatsapp{background:#25D366;color:#06260f;border-color:transparent}
.link-whatsapp .link-ic{background:rgba(255,255,255,.35);color:#06260f}
.link-whatsapp small{opacity:.85}
.link-principal{background:var(--primaria);color:var(--sobre-primaria);border-color:transparent}
.link-principal .link-ic{background:rgba(255,255,255,.18);color:inherit}
.link-principal small{opacity:.85}
.link-aovivo{background:#dc2626;color:#fff;border-color:transparent}
.link-aovivo .link-ic{background:rgba(255,255,255,.2);color:#fff}
.link-instagram .link-ic{background:linear-gradient(45deg,#f9ce34,#ee2a7b,#6228d7);color:#fff}
.link-facebook .link-ic{background:#1877F2;color:#fff}
.link-youtube .link-ic{background:#FF0000;color:#fff}
.link-tiktok .link-ic{background:#111;color:#fff}
.links-acoes{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.acao{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:10px;border-radius:var(--raio);
  border:1.5px solid rgba(var(--primaria-rgb),.45);background:transparent;color:var(--primaria);font:600 14.5px var(--fonte-texto);text-decoration:none;cursor:pointer}
.acao:hover{background:rgba(var(--primaria-rgb),.08)}
.links-rodape{text-align:center;font-size:12.5px;opacity:.6;margin-top:26px}