/* Recupera las tarjetas mate, sin imágenes deportivas ni ancho intrínseco. */
main>.metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
main>.metrics>.metric{--metric-accent:#7bbde7;min-width:0;width:auto;aspect-ratio:auto;min-height:138px;padding:16px 17px;border:1px solid color-mix(in srgb,var(--metric-accent) 40%,#243843);border-radius:12px;background:linear-gradient(120deg,color-mix(in srgb,var(--metric-accent) 14%,#10202e),#0c1823 72%);box-shadow:inset 0 1px #d7efff0a}
main>.metrics>.metric.debt{--metric-accent:#e7b461}
main>.metrics>.metric.subscriber{--metric-accent:#ae80ee}
main>.metrics>.metric.favor{--metric-accent:#7ed6a2}
main>.metrics>.metric::before{content:'';display:block;position:absolute;inset:auto;z-index:-1;width:70%;height:150%;right:-20%;bottom:-85%;border-radius:70% 0 0 0;transform:rotate(-25deg);background:linear-gradient(130deg,color-mix(in srgb,var(--metric-accent) 12%,transparent),transparent)}
main>.metrics .metric-top{display:flex;align-items:center;gap:14px;padding:0}
main>.metrics .metric-top i{position:static;width:45px;height:45px;flex:0 0 45px;border:1px solid color-mix(in srgb,var(--metric-accent) 38%,transparent);background:color-mix(in srgb,var(--metric-accent) 12%,transparent);color:var(--metric-accent);box-shadow:none}
main>.metrics .metric-top i svg{width:22px;height:22px}
main>.metrics .metric-top span{margin:0;font-size:13px;font-weight:600;line-height:1.4;text-shadow:none}
main>.metrics .metric b{margin:1px 0 0 59px;font:700 34px/1.1 Rajdhani,Inter,sans-serif;letter-spacing:0;color:var(--metric-accent);text-shadow:none}
main>.metrics .metric.cyan b{color:#f0f7fb}
main>.metrics .metric-link{margin:9px 0 0 59px;font-size:12px;color:#83dda9;text-shadow:none}
main>.metrics .metric-link::after{right:15px;bottom:13px;width:27px;height:27px;border:1px solid color-mix(in srgb,var(--metric-accent) 22%,#243843);background:color-mix(in srgb,var(--metric-accent) 7%,#10202e);color:#cfdeeb;font:24px/1 Inter,sans-serif;box-shadow:none}
@media(max-width:1000px){main>.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:430px){main>.metrics{grid-template-columns:minmax(0,1fr)}}