/* Reproductor protagonista en la portada, sin su franja vacía inferior. */
.topbar { min-height: 78px; }
.brand { height: 58px; }
.brand img { width: 58px; height: 58px; max-width: none; max-height: none; margin-right: 11px; object-fit: cover; border-radius: 50%; }
.brand-fallback { font-size: 1.8rem; }
.hero { min-height: 500px; padding-bottom: 42px; }
.hero:after { content: ''; position: absolute; right: 9%; bottom: 10%; width: 190px; height: 190px; border: 24px solid rgba(240,93,65,.55); border-radius: 50%; z-index: 0; }
.hero-player { width: min(100%, 497px); height: 304px; max-width: 497px; place-self: center; overflow: hidden; position: relative; z-index: 1; border: 2px solid var(--orange); box-shadow: 13px 14px 0 rgba(15,65,107,.28); background: #1d3046; }
.hero-player iframe { display: block; width: 100%; height: 380px; border: 0 !important; }
.hero-player .equalizer { z-index: 2; }
.listen { display: none; }

@media (max-width: 720px) {
  .topbar { min-height: 70px; }
  .brand { height: 50px; }
  .brand img { width: 50px; height: 50px; }
  .brand-fallback { font-size: 1.55rem; }
  .hero { min-height: auto; padding-bottom: 45px; }
  .hero:after { width: 120px; height: 120px; border-width: 16px; right: -25px; bottom: 20px; }
  .hero-player { width: 100%; height: min(304px, calc((100vw - 14vw) * .612)); min-height: 245px; }
  .hero-player iframe { height: 380px; }
}