/* Versões do WPG (versoes.js). Mockup: docs/mockups/sobre/versoes-wpg.html */
.sv-lead{color:var(--t-mid,#a7b0bd);margin:6px 0 0;max-width:62ch}
.sv{display:grid;gap:22px;max-width:880px}
.sv-atual{display:flex;gap:14px;align-items:center;flex-wrap:wrap;border:1px solid var(--or-line);background:linear-gradient(90deg,var(--or-wash),transparent 70%);border-radius:16px;padding:16px 18px}
.sv-v{font:800 34px/1 var(--mono);color:var(--or)}
.sv-t{flex:1;min-width:200px}
.sv-t b{font:800 17px var(--display)}
.sv-t p{margin:2px 0 0;color:var(--t-mid,#a7b0bd);font-size:13.5px}
.sv-pill{font:600 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--live,#38d6a0);border:1px solid rgba(56,214,160,.4);background:rgba(56,214,160,.12);border-radius:6px;padding:3px 8px}
.sv-linha{list-style:none;margin:0;padding:0;display:grid}
.sv-ver{display:grid;grid-template-columns:96px 22px minmax(0,1fr);gap:0 14px}
.sv-num{text-align:right;padding-top:14px}
.sv-num b{display:block;font:700 22px/1 var(--mono);color:var(--t-hi,#f0f3f7)}
.sv-num small{display:block;font:500 11.5px var(--mono);color:var(--t-low,#6b7686);margin-top:6px}
.sv-trilho{position:relative;display:flex;justify-content:center}
.sv-trilho::before{content:"";position:absolute;top:0;bottom:0;width:2px;background:var(--border,#29313d)}
.sv-ver:first-child .sv-trilho::before{top:22px}
.sv-ver:last-child .sv-trilho::before{bottom:auto;height:22px}
.sv-ponto{position:relative;margin-top:16px;width:14px;height:14px;border-radius:50%;background:var(--bg,#090c13);border:2px solid var(--line-hi,#3a4759)}
.sv-card{border:1px solid var(--border,#29313d);border-radius:14px;background:var(--card,#141a25);padding:14px 16px;margin-bottom:14px;display:grid;gap:8px;min-width:0}
.sv-card h3{margin:0;font:800 17px var(--display);display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.sv-card p{margin:0;color:var(--t-mid,#a7b0bd);font-size:14px}
.sv-chips{display:flex;gap:6px;flex-wrap:wrap}
.sv-chips span{font-size:12.5px;border:1px solid var(--border,#29313d);background:var(--s-850,#0f131c);border-radius:999px;padding:3px 10px;color:var(--t-mid,#a7b0bd)}
.sv-card .sv-nota{font-size:12.5px;color:var(--t-low,#6b7686)}
.sv-st-feita .sv-ponto{border-color:var(--live,#38d6a0);background:var(--live,#38d6a0)}
.sv-ver.sv-st-atual .sv-num b{color:var(--or);font-size:26px}
.sv-ver.sv-st-atual .sv-ponto{border-color:var(--or);background:var(--or);box-shadow:0 0 0 4px var(--or-wash)}
.sv-ver.sv-st-atual .sv-card{border-color:var(--or-line);background:linear-gradient(180deg,var(--or-wash),var(--card,#141a25) 60%)}
.sv-st-proxima .sv-num b{color:var(--signal,#22d3ee)}
.sv-st-proxima .sv-ponto{border-color:var(--signal,#22d3ee);border-style:dashed}
.sv-st-proxima .sv-card{border-style:dashed;border-color:rgba(34,211,238,.4);background:rgba(34,211,238,.06)}
.sv-tag{font:600 10.5px var(--mono);letter-spacing:.08em;text-transform:uppercase;border-radius:6px;padding:2px 7px}
.sv-agora{color:var(--or);border:1px solid var(--or-line)}
.sv-breve{color:var(--signal,#22d3ee);border:1px solid rgba(34,211,238,.4)}
@media (max-width:560px){
  .sv-ver{grid-template-columns:22px minmax(0,1fr);gap:0 12px}
  .sv-num{grid-column:2;grid-row:1;text-align:left;padding-top:10px;display:flex;gap:10px;align-items:baseline}
  .sv-num small{margin-top:0}
  .sv-trilho{grid-column:1;grid-row:1 / span 2}
  .sv-card{grid-column:2}
}
/* selo da versão no rodapé */
.ff-versao{display:inline-flex;gap:6px;align-items:center;font:600 12px var(--mono);color:var(--t-low,#6b7686);border:1px solid var(--border,#29313d);border-radius:999px;padding:4px 10px;text-decoration:none;width:max-content}
.ff-versao b{color:var(--or)}
.ff-versao:hover{border-color:var(--or-line)}
/* o botão "Suporte" (fixo no canto inferior direito, ~130 px) não cobre o selo da versão (dono, 27/09/2026) */
.wpg-footer-full .ff-bottom{padding-right:160px}
@media(max-width:520px){.wpg-footer-full .ff-bottom{padding-right:24px;padding-bottom:76px}}
/* Texto da versão em lista, com o número colorido (dono, 06/10/2026); letra de 15px (regra 18) */
.sv-itens{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.sv-itens li{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:baseline;color:var(--t-mid,#a7b0bd);font-size:15px;line-height:1.5}
.sv-it-num{font:700 15px var(--mono);color:var(--or,#f59e0b);white-space:nowrap}
.sv-it-num::after{content:" –";color:var(--t-low,#6b7686)}