/* Rendimiento Hoy / Semanal / Mensual / Histórico -- ver ../js/rendimiento_instrumento.js.
   Auto-contenido: solo usa tokens compartidos (--omnia-*, --color-success/danger). */
.rend { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0.75rem; margin-top: 0.75rem; }
@media (max-width: 720px) { .rend { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
.rend-card { padding: 0.55rem 0.8rem; border-radius: 10px; border: 1px solid var(--omnia-glass-border); background: var(--omnia-glass-bg); min-width: 0; }
.rend-label { font-size: 0.7rem; font-weight: 600; letter-spacing: 0.05em; text-transform: uppercase; color: var(--omnia-text-muted); cursor: help; }
.rend-value { font-size: 1.1rem; font-weight: 800; font-variant-numeric: tabular-nums; letter-spacing: -0.01em; display: flex; align-items: baseline; gap: 0.4rem; flex-wrap: wrap; }
.rend-value.up { color: var(--color-success); }
.rend-value.down { color: var(--color-danger); }
.rend-value.rend-empty { color: var(--omnia-text-muted); }
.rend-pct { font-size: 0.78rem; font-weight: 600; }
.rend-pct.up { color: var(--color-success); }
.rend-pct.down { color: var(--color-danger); }
.rend-sub { font-size: 0.72rem; color: var(--omnia-text-muted); margin-top: 0.1rem; }
.rend-nota { font-size: 0.75rem; color: var(--omnia-text-muted); margin: 0.4rem 0 0; }