.kpis{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:12px;gap:12px;margin:16px 0}.kpis a{display:grid;grid-gap:4px;gap:4px;justify-items:center;text-align:center;text-decoration:none;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:14px;color:var(--text)}.kpis a:hover{border-color:#3ecf8e;background:rgba(62,207,142,.12);color:#3ecf8e}.kpis small,.kpis span{color:var(--muted);font-size:13px}.kpis a:hover small,.kpis a:hover span,.kpis a:hover strong{color:#3ecf8e}.kpis strong{font-size:28px;color:var(--text)}.hero,section{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:16px;margin:12px 0}.hero{border-left:3px solid #3ecf8e}.label{margin:0;color:var(--muted);font-size:13px}.hero h2,section h2{margin:4px 0 10px;font-size:18px}.hero p{margin:4px 0}.offer{border-radius:10px;padding:10px 12px;margin:12px 0}.offer.ok{border:1px solid #3ecf8e}.offer.warn{border:1px solid var(--warn);color:var(--warn)}.actions{display:flex;gap:8px}.actions a{border-radius:8px;padding:8px 12px}.ghost{border:1px solid #3ecf8e;color:#3ecf8e;background:transparent;text-decoration:none}.ghost:hover{background:#3ecf8e;color:#000}.head{display:flex;justify-content:space-between;align-items:center}.group a,.head a{color:#3ecf8e}.split{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.group{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid var(--line);padding:12px 0}.group b{display:block;font-size:22px}.group span{color:var(--muted);font-size:13px}.bar{display:grid;grid-template-columns:90px 1fr 40px;grid-gap:8px;gap:8px;align-items:center;margin:8px 0}.bar i{display:block;height:8px;background:#3ecf8e;border-radius:99px}@media (max-width:900px){.kpis,.split{grid-template-columns:1fr}}