/* Observatório Inovaccio. Sem estilo novo: cópia literal das regras dos cartões de número da home
   (marca-home.css, .h-nums/.h-numc/.h-nv-grade) e das linhas com barra do Raio-X de Site
   (marca-raio-x.css, .rx-crits/.rx-crit). Mudou lá, muda aqui. */
.h-nums{max-width:1440px;margin:0 auto;padding:clamp(48px,6vw,80px) var(--mk-pad);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:stretch}
.h-numc{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:18px;padding:22px 22px 24px;border-radius:28px;background:#141417;box-shadow:inset 0 0 0 1px rgba(255,255,255,.07);transition:transform .7s cubic-bezier(.22,1,.36,1),box-shadow .7s}
.h-numc:hover{transform:translateY(-4px);box-shadow:inset 0 0 0 1px rgba(255,255,255,.12),0 30px 60px -30px rgba(0,0,0,.8)}
.h-numc-viz{position:relative;height:118px;border-radius:18px;background:#0E0E10;overflow:hidden}
.h-numc-tx{display:flex;flex-direction:column;gap:6px}
.h-numc-tx b{font-size:clamp(44px,4.6vw,72px);font-weight:700;letter-spacing:-.06em;line-height:.9;font-variant-numeric:tabular-nums}
.h-numc-tx span{font-size:15px;color:var(--mk-cinza-2);font-weight:300}
.h-nv-grade{position:absolute;inset:14px;display:grid;grid-template-columns:repeat(20,1fr);gap:3px;align-content:center}
.h-nv-grade i{display:block;aspect-ratio:1;border-radius:2px;background:rgba(244,243,241,.32);opacity:.05;transform:scale(.3);transition:opacity .45s,transform .6s cubic-bezier(.34,1.5,.5,1);transition-delay:var(--d)}
.h-nv-grade i.c{background:#F4F3F1}
.h-nv-grade i.v{background:#CC0601}
.h-nums.on .h-nv-grade i{opacity:1;transform:none}
@media (max-width:959px){.h-nums{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.h-numc{padding:16px 16px 18px;border-radius:22px}}
@media (prefers-reduced-motion:reduce){.h-nv-grade i{transition:none!important}}

.rx-crits{border-radius:28px;background:#FFFFFF;box-shadow:0 0 0 1px rgba(9,9,11,.06),0 30px 60px -44px rgba(9,9,11,.35)}
.rx-crits{padding:10px;display:flex;flex-direction:column}
.rx-crit{cursor:pointer;display:grid;grid-template-columns:40px minmax(0,1fr) minmax(60px,1.1fr) 48px;align-items:center;gap:14px;padding:12px 14px;border:none;border-radius:18px;background:transparent;text-align:left;font-family:inherit;color:var(--mk-tinta);transition:background .3s}
.rx-crit:hover,.rx-crit.on{background:#F4F3F1}
.rx-crit-ic{width:40px;height:40px;border-radius:12px;background:#F4F3F1;display:flex;align-items:center;justify-content:center}
.rx-crit.on .rx-crit-ic,.rx-crit:hover .rx-crit-ic{background:#FFFFFF}
.rx-crit-n{font-size:16px;font-weight:700;letter-spacing:-.02em}
.rx-crit-bar{height:8px;border-radius:99px;background:#ECEAE6;overflow:hidden}
.rx-crit-bar i{display:block;height:100%;width:0;border-radius:inherit;transition:width 1.2s cubic-bezier(.16,1,.3,1)}
.rx-crit-v{font-size:20px;font-weight:700;letter-spacing:-.03em;text-align:right;font-variant-numeric:tabular-nums}
.rx-crit-v.sem{font-size:12px;font-weight:500;color:#8A8A90;letter-spacing:0}
@media (max-width:639px){.rx-crit{grid-template-columns:36px minmax(0,1fr) 54px 40px;gap:10px;padding:10px}.rx-crit-ic{width:36px;height:36px}.rx-crit-n{font-size:15px}}
@media (max-width:379px){.rx-crit-bar{display:none}.rx-crit{grid-template-columns:36px minmax(0,1fr) 40px}}
