.ri-card { display: grid; grid-template-columns: 1fr; gap: 14px; align-items: center; background: #fff; border: 1px solid #e5e7eb; border-left: 5px solid var(--ri-color); border-radius: 0 14px 14px 0; padding: 18px 22px; }
@media (min-width: 640px) { .ri-card { grid-template-columns: 220px 1fr; gap: 24px; } }
.ri-gauge { width: 100%; max-width: 220px; height: auto; margin: 0 auto; display: block; }
.ri-label { display: block; font-size: .7rem; font-weight: 800; letter-spacing: .1em; text-transform: uppercase; color: #6b7280; }
.ri-clase { display: block; font-size: 1.8rem; font-weight: 800; line-height: 1.15; color: #1f2937; margin: 2px 0 6px; }
.ri-dato { font-size: .95rem; color: #374151; margin: 0 0 8px; }
.ri-nota { font-size: .82rem; color: #6b7280; line-height: 1.55; margin: 0; }