/* Átrio · Sinais Vitais explicado — ATIV#7326. Mesma linguagem do Átrio (vidro, variáveis do :root do index.html);
   reaproveita .g-hero / .g-pill do gestao.css. Tudo com prefixo .vt- para não tocar no que já existe. */

.vt-aviso{margin:-4px 0 14px}
.vt-casa{display:flex;align-items:baseline;gap:6px;font:500 12px var(--corpo);letter-spacing:.16em;text-transform:uppercase;color:var(--am-texto);margin:22px 0 10px}
.vt-casa span{letter-spacing:.04em;text-transform:none;color:var(--am-texto-fraco);font-weight:400}
.vt-casa em{margin-left:auto;font:500 11px var(--mono);font-style:normal;letter-spacing:0;color:var(--am-texto-fraco)}

.vt-grade{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,440px),1fr));gap:14px}
.vt-card{padding:16px 18px 12px;display:flex;flex-direction:column;gap:10px;min-width:0;border-left:3px solid var(--atencao)}
.vt-card *{min-width:0}
.vt-cab{display:flex;align-items:flex-start;gap:10px}
.vt-nome{font:500 19px/1.2 var(--display);flex:1}

/* agora × saudável × desde: três números lado a lado, lidos de relance */
.vt-numeros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.vt-num{padding:8px 10px;border-radius:12px;background:rgba(255,255,255,.04);border:1px solid var(--vidro-borda)}
.vt-num b{display:block;font:500 17px/1.2 var(--display);overflow-wrap:anywhere}
.vt-num span{display:block;margin-top:2px;font-size:11px;color:var(--am-texto-fraco);line-height:1.3}
.vt-num.ruim b{color:var(--atencao)}
.vt-num.bom b{color:var(--bom)}

.vt-exp{margin:0;font-size:13.5px;line-height:1.5;color:var(--am-texto)}
.vt-fazer{display:flex;flex-direction:column;gap:2px;padding:9px 12px;border-radius:12px;background:rgba(108,140,255,.10);border:1px solid rgba(108,140,255,.25);font-size:13px;line-height:1.45}
.vt-fazer b{font:500 11px var(--corpo);letter-spacing:.14em;text-transform:uppercase;color:#CFE0FF}

.vt-pe{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px}
.vt-tec{flex:1 1 220px;font-size:12px;color:var(--am-texto-fraco)}
.vt-tec summary{cursor:pointer;padding:6px 0;list-style:none;user-select:none}
.vt-tec summary::-webkit-details-marker{display:none}
.vt-tec summary::before{content:'▸ ';color:var(--am-ciano)}
.vt-tec[open] summary::before{content:'▾ '}
.vt-tec dl{display:grid;grid-template-columns:auto 1fr;gap:4px 10px;margin:4px 0 6px}
.vt-tec dt{color:var(--am-texto-fraco);white-space:nowrap}
.vt-tec dd{margin:0;color:var(--am-texto);overflow-wrap:anywhere;line-height:1.4}
.vt-tec dd.mono{font:11.5px var(--mono)}
.vt-perguntar{font-size:12px;padding:7px 12px}
.vt-fonte{margin-top:14px;font:11px var(--mono)}

@media (max-width:560px){
  .vt-numeros{grid-template-columns:1fr}
  .vt-num{display:flex;align-items:baseline;gap:8px}
  .vt-num span{margin:0}
}