/* Videos cortos de DANCA (portada). Sin dependencias externas. */
.reels-section[hidden] { display: none; }
.reel-grid { display: grid; gap: 18px; grid-template-columns: repeat(auto-fill, minmax(min(100%, 240px), 1fr)); margin-top: 28px; }
.reel-card { display: grid; gap: 10px; align-content: start; }
.reel-card h3 { font-size: 1.1rem; }
.reel-card p { margin: 0; color: var(--muted); font-size: .98rem; }
.reel-frame { position: relative; aspect-ratio: 9 / 16; border-radius: var(--r-md, 18px); overflow: hidden; border: 1px solid var(--line); background: var(--bg-2); }
.reel-frame img, .reel-frame video { display: block; width: 100%; height: 100%; object-fit: cover; }
.reel-soon { position: absolute; right: 12px; top: 12px; font: 500 12px var(--mono); padding: 6px 10px; border-radius: 999px; background: rgba(5, 7, 13, .78); border: 1px solid var(--line-2); color: var(--text); }
.reel-link { color: var(--vio); font-weight: 600; text-decoration: none; }
.reel-link:hover, .reel-link:focus-visible { text-decoration: underline; }
.reels-actions { margin-top: 24px; }
@media (max-width: 560px) {
  .reel-grid { grid-auto-flow: column; grid-auto-columns: 72%; grid-template-columns: none; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: max(8px, env(safe-area-inset-bottom)); }
  .reel-card { scroll-snap-align: start; }
}
@media (prefers-reduced-motion: reduce) { .reel-grid { scroll-behavior: auto; } }
.reels-actions [hidden] { display: none; }