/* =====================================================================
   Horizon Padel · real.css (oct-2026) — reel REAL de una americana
   Horizon (Bela Padel Center, feb-2026).
   ===================================================================== */

/* ---------- Reel vertical (portada · «Nacidos para competir») ---------- */
.sobre-visual.has-reel { display: flex; justify-content: center; align-items: center; }
.hz-reel-card { position: relative; margin: 0; width: min(100%, 340px); aspect-ratio: 9 / 16; border-radius: 24px; overflow: hidden; isolation: isolate;
  background: #050913; border: 1px solid rgba(0,170,255,.32); box-shadow: 0 34px 80px rgba(0,0,0,.5), 0 0 70px rgba(0,87,255,.22); }
.hz-reel-card video { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.hz-reel-card::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: linear-gradient(180deg, rgba(5,9,19,.25), transparent 22%, transparent 68%, rgba(5,9,19,.85)); }
.hz-reel-card figcaption { position: absolute; z-index: 1; left: 14px; right: 14px; bottom: 14px; display: flex; align-items: center; gap: .5rem;
  font-family: 'Barlow Condensed', sans-serif; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; font-size: .8rem; color: #fff; }
.hz-reel-card figcaption i { width: 8px; height: 8px; border-radius: 50%; background: #ff3b5c; flex: none; animation: hzRealPulse 1.8s infinite; }
.hz-reel-card figcaption small { display: block; font-size: .68rem; letter-spacing: .08em; color: #aab6d0; font-weight: 600; }
@keyframes hzRealPulse { 0% { box-shadow: 0 0 0 0 rgba(255,59,92,.6); } 70% { box-shadow: 0 0 0 9px rgba(255,59,92,0); } 100% { box-shadow: 0 0 0 0 rgba(255,59,92,0); } }
@media (max-width: 900px) {
  html .sobre-visual.has-reel { display: flex !important; margin-top: .5rem; }
  .hz-reel-card { width: min(74vw, 300px); }
}
@media (prefers-reduced-motion: reduce) { .hz-reel-card figcaption i { animation: none; } }

/* móvil de ejemplo (patrocinios) sin vídeo: pista dibujada */
.hz-pista { position: absolute; inset: 0; width: 100%; height: 100%; }