/* ===== Results ===== */
.result { overflow: hidden; }
.result__orb--1 { width: 480px; height: 480px; top: -160px; left: -120px; background: radial-gradient(circle, rgba(36,64,92,0.5), transparent 70%); }
.result__orb--2 { width: 420px; height: 420px; bottom: -180px; right: -100px; background: radial-gradient(circle, rgba(199,163,100,0.14), transparent 70%); }
.result__head { margin-bottom: 56px; }
.result__grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 24px; }
.result__cell {
  text-align: center; padding: 36px 18px;
  border: 1px solid rgba(255,255,255,0.08); border-radius: var(--r-lg);
  background: linear-gradient(180deg, rgba(255,255,255,0.04), rgba(255,255,255,0));
  transition: border-color .5s var(--ease), transform .5s var(--ease);
}
.result__cell:hover { border-color: rgba(199,163,100,0.4); transform: translateY(-5px); }
.result__num {
  display: block; font-family: var(--font-display); font-weight: 600;
  font-size: clamp(44px, 5vw, 64px); line-height: 1;
  background: linear-gradient(135deg, var(--gold-300), var(--gold-500));
  -webkit-background-clip: text; background-clip: text; color: transparent;
  letter-spacing: -0.03em;
}
.result__label { display: block; margin-top: 14px; font-family: var(--font-display); font-weight: 500; font-size: 17px; color: var(--t-on-dark); }
.result__sub { display: block; margin-top: 4px; font-size: 13px; color: var(--t-on-dark-muted); }
.result__note { margin-top: 36px; font-size: 12px; color: var(--t-on-dark-muted); letter-spacing: .04em; }

/* migrado de estilos inline */
.result__title { margin: 16px auto 0; max-width: 18em; }

@media (max-width: 820px) { .result__grid { grid-template-columns: 1fr 1fr; gap: 16px; } }
@media (max-width: 420px) { .result__grid { grid-template-columns: 1fr; } }