/* La página de estado (17 sep 2026): la misma cara que la de planes. El
   veredicto es el título; el color solo en el punto, no en el texto. */
.estado .portada h1 { display: flex; align-items: center; gap: 14px; }
.estado .portada h1 .punto { width: 18px; height: 18px; border-radius: 50%; background: #c7c7cc; flex: none; }
.estado .portada h1 .punto.bien { background: #1F8A5B; }
.estado .portada h1 .punto.lento { background: #E8A317; }
.estado .portada h1 .punto.mal { background: #D0342C; }
.estado .cifras-estado { display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 12px; }
.estado .cifras-estado .que { background: var(--agrupado); border-radius: 18px; padding: 18px; }
.estado .cifras-estado h3 { margin: 0 0 4px; font-size: 32px; letter-spacing: -0.03em; font-variant-numeric: tabular-nums; }
.estado .cifras-estado p { margin: 0; font-size: 14px; color: #4a4a4f; line-height: 1.4; }
.estado .grafica { padding: 36px 0 8px; }
.estado .grafica h2 { margin: 0 0 4px; font-size: 22px; letter-spacing: -0.02em; }
.estado .grafica > .tenue { margin: 0 0 14px; color: #6b6b70; font-size: 14px; }
.estado .grafica svg { width: 100%; height: 140px; background: var(--agrupado); border-radius: 18px; }