/* VRK Igreja Tema · Links importantes de uma página (chamada, botão com descrição, botão). Cores dos tokens do cliente. */

/* ── Links importantes (protótipo r3, 01/11/2026): chamada, botão com descrição, botão ── */
.vi-lks-sec--junto { margin-top: 20px !important; }
.vi-lks { display: grid; gap: 16px; }
.vi-lkc { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 16px; align-items: start; padding: 22px 24px; border-radius: 18px; background: var(--vi-fundo-controle); }
.vi-lkc .vi-lkc-i { width: 48px; height: 48px; padding: 12px; border-radius: 50%; background: #fff; color: var(--vi-primaria-700); }
.vi-lkc b { display: block; font-weight: 600; font-size: 1.125rem; line-height: 1.3; color: var(--vi-titulo); text-wrap: balance; }
.vi-lkc p { margin: 6px 0 14px; color: var(--vi-texto); max-width: 60ch; }
ul.vi-lk { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
.vi-lk a { display: grid; grid-template-columns: 44px minmax(0, 1fr) 18px; align-items: center; gap: 14px; padding: 14px 16px; border: 1px solid var(--vi-linha); border-radius: 14px; color: var(--vi-titulo); background: #fff; text-decoration: none; transition: border-color .2s; }
.vi-lk a:hover { border-color: rgba(var(--vi-primaria-700-rgb), .35); }
.vi-lk-m { width: 44px; height: 44px; border-radius: 12px; background: var(--vi-fundo-controle); color: var(--vi-primaria-700); display: grid; place-items: center; }
.vi-lk-m svg { width: 22px; height: 22px; }
.vi-lk b { display: block; font-weight: 600; line-height: 1.3; }
.vi-lk small { display: block; font-size: var(--vi-tam-xs); color: var(--vi-texto-suave); }
.vi-lk .vi-lk-go { width: 18px; height: 18px; transition: translate .2s; }
.vi-lk a:hover .vi-lk-go { translate: 3px 0; }
.vi-lkb { display: flex; flex-wrap: wrap; gap: 10px; }
.vi-lkbt { display: inline-flex; align-items: center; gap: 8px; padding: 10px 18px; border-radius: 999px; border: 1px solid rgba(var(--vi-primaria-750-rgb), .18); background: #fff; color: var(--vi-titulo); font-size: var(--vi-tam-sm); font-weight: 600; text-decoration: none; transition: border-color .2s, color .2s; }
.vi-lkbt:hover { border-color: var(--vi-primaria-700); color: var(--vi-primaria-700); }
.vi-lkbt svg { width: 17px; height: 17px; flex: none; }
.vi-lkbt.pri { background: var(--vi-titulo); border-color: var(--vi-titulo); color: #fff; }
.vi-lkbt.pri:hover { color: #fff; opacity: .92; }
@container (max-width: 760px) { ul.vi-lk { grid-template-columns: minmax(0, 1fr); } .vi-lkc { grid-template-columns: minmax(0, 1fr); padding: 18px; } .vi-lkc .vi-lkc-i { display: none; } }
/* Links dentro do texto da notícia ou do artigo: o estilo de link do texto não vale aqui */
.vi-lks-sec .vi-lks a:not(.lk):not(.sn-arq):not(.sh-b) { color: var(--vi-titulo); font-weight: 600; text-decoration: none; }
.vi-lks-sec .vi-lks a.vi-lkbt.pri:not(.lk):not(.sn-arq):not(.sh-b) { color: #fff; }
.vi-lks-sec .vi-lks a:not(.lk):not(.sn-arq):not(.sh-b):hover { color: var(--vi-primaria-700); }
.vi-lks-sec .vi-lks a.vi-lkbt.pri:not(.lk):not(.sn-arq):not(.sh-b):hover { color: #fff; }
.vi-lks-sec ul.vi-lk { padding: 0; margin: 0; }
.vi-lks-sec ul.vi-lk li { margin: 0; }
.vi-lks-sec ul.vi-lk li::marker { content: none; }
.vi-lks-sec .vi-lk small { font-weight: 400; }
.vi-lks-sec p { font-size: inherit; }