/* Resúmenes */
.hl-card { display: flex; flex-direction: column; overflow: hidden; }
.hl-thumb {
  position: relative; aspect-ratio: 16 / 9;
  display: flex; align-items: center; justify-content: center; gap: var(--space-4);
  background:
    radial-gradient(90% 120% at 50% 110%, color-mix(in srgb, var(--sport) 35%, transparent), transparent 70%),
    linear-gradient(160deg, var(--surface-2), var(--surface-3));
}
.hl-thumb .crest { width: 52px; height: 52px; border-radius: 14px; font-size: var(--fs-sm); }
.hl-thumb strong { font-family: var(--font-display); font-size: var(--fs-2xl); font-variant-numeric: tabular-nums; }
.hl-thumb__play {
  position: absolute; right: var(--space-3); bottom: var(--space-3);
  display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%;
  background: rgb(0 0 0 / 0.55); color: #fff;
  transition: transform var(--dur) var(--ease), background var(--dur);
}
.hl-card:hover .hl-thumb__play { transform: scale(1.12); background: var(--live); }
.hl-card__body { padding: var(--space-4); display: flex; flex-direction: column; gap: var(--space-2); }
.hl-card__body h2 { font-size: var(--fs-md); }
.hl-card__body p { font-size: var(--fs-xs); color: var(--text-subtle); display: flex; align-items: center; gap: 6px; }