/* TV PLAY V1.20 — hero más cerca del encabezado + franja de logos limpia.
 * Reencuadres ópticos de la transparencia; marcas conservadas sin deformaciones.
 * La compatibilidad y el límite de conexiones se explican en #dispositivos.
 */

/* Alineación vertical del contenido principal */
@media (min-width: 901px) {
  .hero {
    padding-top: 42px;
    padding-bottom: 8px;
  }
  .hero .hero-visual {
    height: 445px;
  }
  .hero .hero-copy {
    padding-bottom: 0;
  }
}
@media (min-width: 861px) and (max-width: 900px) {
  .hero {
    padding-top: 40px;
  }
  .hero .hero-visual {
    height: 435px;
  }
}
@media (max-width: 860px) {
  .hero {
    padding-top: 39px;
    padding-bottom: 0;
  }
  .hero .hero-visual {
    margin-top: 8px;
  }
}
@media (max-width: 600px) {
  .hero {
    padding-top: 34px;
  }
  .hero .hero-visual {
    height: 298px;
    margin-top: 6px;
  }
}

/* Solo las marcas: sin encabezado, enlace ni nota visibles. */
.platform-marquee {
  margin-top: 0;
  padding: 9px 0 12px;
  border-top: 1px solid rgba(49, 88, 133, .45);
}
.platform-marquee .platform-single-line {
  display: block;
  min-height: 74px;
  padding: 2px 0;
}
.platform-marquee .platform-marquee-single .platform-marquee-set {
  gap: clamp(20px, 2.8vw, 42px);
  padding-right: clamp(20px, 2.8vw, 42px);
}
.platform-marquee .platform-marquee-single .platform-entry {
  box-sizing: border-box;
  flex: 0 0 158px;
  width: 158px;
  min-width: 158px;
  max-width: 158px;
  height: 66px;
  min-height: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0;
  overflow: hidden;
}
.platform-marquee img.platform-original-logo {
  display: block;
  width: 144px;
  height: 48px;
  max-width: 144px;
  max-height: 48px;
  object-fit: contain;
  object-position: center;
  flex-shrink: 0;
  filter: none;
}
/* Proporción óptica: todos dentro de la misma caja, sin estirarlos. */
.platform-marquee .platform-original-samsung {width: 140px;height: 48px}
.platform-marquee .platform-original-lg-webos {width: 147px;height: 45px}
.platform-marquee .platform-original-vidaa {width: 148px;height: 44px}
.platform-marquee .platform-original-apple-tv {width: 107px;height: 48px}
.platform-marquee .platform-original-google-tv {width: 148px;height: 42px}
.platform-marquee .platform-original-fire-tv {width: 98px;height: 48px}
.platform-marquee .platform-original-android-tv {width: 148px;height: 43px}
.platform-marquee .platform-original-ios {width: 88px;height: 48px}
.platform-marquee .platform-original-windows {width: 147px;height: 42px}
.platform-marquee .platform-entry-roku .platform-original-roku {
  width: 142px;
  height: 47px;
  max-width: 142px;
  max-height: 47px;
}
.platform-marquee .platform-original-xbox {width: 47px;height: 47px}

@media (max-width: 900px) {
  .platform-marquee {padding: 8px 0 11px}
  .platform-marquee .platform-single-line {min-height: 65px}
  .platform-marquee .platform-marquee-single .platform-marquee-set {gap: 27px;padding-right: 27px}
  .platform-marquee .platform-marquee-single .platform-entry {
    flex-basis: 139px;
    width: 139px;
    min-width: 139px;
    max-width: 139px;
    height: 58px;
  }
  .platform-marquee img.platform-original-logo {width: 126px;height: 42px;max-width: 126px;max-height: 42px}
  .platform-marquee .platform-original-samsung {width: 124px;height: 42px}
  .platform-marquee .platform-original-lg-webos {width: 128px;height: 39px}
  .platform-marquee .platform-original-vidaa {width: 128px;height: 38px}
  .platform-marquee .platform-original-apple-tv {width: 95px;height: 42px}
  .platform-marquee .platform-original-google-tv {width: 130px;height: 37px}
  .platform-marquee .platform-original-fire-tv {width: 85px;height: 42px}
  .platform-marquee .platform-original-android-tv {width: 128px;height: 38px}
  .platform-marquee .platform-original-ios {width: 77px;height: 42px}
  .platform-marquee .platform-original-windows {width: 128px;height: 38px}
  .platform-marquee .platform-entry-roku .platform-original-roku {width: 124px;height: 41px;max-width: 124px;max-height: 41px}
  .platform-marquee .platform-original-xbox {width: 41px;height: 41px}
}
@media (max-width: 600px) {
  .platform-marquee {
    padding: 6px 0 10px;
    margin-top: 0;
  }
  .platform-marquee .platform-single-line {
    min-height: 55px;
    padding: 1px 0;
  }
  .platform-marquee .platform-marquee-single .platform-marquee-set {
    gap: 18px;
    padding-right: 18px;
  }
  .platform-marquee .platform-marquee-single .platform-entry {
    flex-basis: 120px;
    width: 120px;
    min-width: 120px;
    max-width: 120px;
    height: 50px;
  }
  .platform-marquee img.platform-original-logo {width: 108px;height: 36px;max-width: 108px;max-height: 36px}
  .platform-marquee .platform-original-samsung {width: 106px;height: 36px}
  .platform-marquee .platform-original-lg-webos {width: 109px;height: 32px}
  .platform-marquee .platform-original-vidaa {width: 111px;height: 33px}
  .platform-marquee .platform-original-apple-tv {width: 81px;height: 36px}
  .platform-marquee .platform-original-google-tv {width: 111px;height: 33px}
  .platform-marquee .platform-original-fire-tv {width: 76px;height: 36px}
  .platform-marquee .platform-original-android-tv {width: 111px;height: 32px}
  .platform-marquee .platform-original-ios {width: 66px;height: 36px}
  .platform-marquee .platform-original-windows {width: 111px;height: 32px}
  .platform-marquee .platform-entry-roku .platform-original-roku {width: 108px;height: 36px;max-width: 108px;max-height: 36px}
  .platform-marquee .platform-original-xbox {width: 36px;height: 36px}
}
@media (prefers-reduced-motion: reduce) {
  .platform-marquee .platform-marquee-single {animation: none!important;transform: none!important}
  .platform-marquee .platform-single-line {overflow-x: auto}
  .platform-marquee .platform-marquee-set[aria-hidden="true"] {display: none!important}
}