/* TV PLAY V1.19 — UNA FILA de plataformas con marcas originales sin alterar.
   Los archivos de imagen provienen de la página pública del reproductor VivaPlayer;
   la disponibilidad de la aplicación y el método de instalación varían según el equipo. */
.platform-marquee {
  padding-top:18px;
  padding-bottom:19px;
  margin-top:8px;
}
.platform-marquee-heading {
  margin-bottom:8px;
}
.platform-marquee .platform-single-line {
  display:block;
  width:100%;
  min-height:82px;
  overflow:hidden;
  padding:4px 0;
}
.platform-marquee .platform-marquee-single {
  display:flex;
  align-items:center;
  width:max-content;
  transform:translate3d(0,0,0);
  animation:tvplayMarqueeSingle 49s linear infinite;
  will-change:transform;
}
@keyframes tvplayMarqueeSingle {
  0%{transform:translate3d(0,0,0)}
  100%{transform:translate3d(-50%,0,0)}
}
.platform-marquee .platform-marquee-single .platform-marquee-set {
  display:flex;
  align-items:center;
  flex:0 0 auto;
  gap:clamp(20px,3.4vw,52px);
  padding:0 clamp(20px,3.4vw,52px) 0 0;
  margin:0;
  list-style:none;
}
.platform-marquee .platform-marquee-single .platform-entry {
  display:flex;
  align-items:center;
  justify-content:center;
  width:148px;
  min-width:148px;
  max-width:148px;
  height:75px;
  min-height:0;
  flex:0 0 148px;
  padding:0;
  margin:0;
  overflow:hidden;
  background:none;
  border:0;
}
.platform-marquee .platform-original-logo {
  display:block;
  flex-shrink:0;
  width:146px;
  max-width:none;
  height:65px;
  object-fit:contain;
  filter:none;
}
.platform-marquee .platform-original-vidaa{width:145px;height:53px}
.platform-marquee .platform-original-xbox{width:63px;height:63px}
.platform-marquee .platform-original-lg-webos{width:145px;height:67px}
.platform-marquee .platform-original-samsung{width:145px;height:65px}
.platform-marquee .platform-entry-roku .platform-original-roku {
  width:272px;
  height:153px;
  max-width:none;
  object-fit:contain;
}
.platform-marquee .platform-marquee-note {
  margin-top:8px;
  max-width:1140px;
  color:#9caec5;
  line-height:1.55;
  font-size:11px;
}
.platform-marquee .platform-single-line:hover .platform-marquee-single,
.platform-marquee .platform-single-line:focus-within .platform-marquee-single {
  animation-play-state:paused;
}
.platform-marquee .platform-single-line::before,
.platform-marquee .platform-single-line::after {
  width:min(5vw,70px);
}
@media(max-width:900px){
  .platform-marquee{padding-top:14px;padding-bottom:17px}
  .platform-marquee .platform-single-line{min-height:72px}
  .platform-marquee .platform-marquee-single {animation-duration:43s}
  .platform-marquee .platform-marquee-single .platform-marquee-set{
    gap:27px;
    padding-right:27px;
  }
  .platform-marquee .platform-marquee-single .platform-entry{
    width:128px;
    min-width:128px;
    max-width:128px;
    flex-basis:128px;
    height:65px;
  }
  .platform-marquee .platform-original-logo{width:126px;height:59px}
  .platform-marquee .platform-original-vidaa{width:125px;height:48px}
  .platform-marquee .platform-original-xbox{width:54px;height:54px}
  .platform-marquee .platform-original-lg-webos{width:126px;height:58px}
  .platform-marquee .platform-entry-roku .platform-original-roku{width:235px;height:132px}
}
@media(max-width:600px) {
  .platform-marquee{
    padding-top:13px;
    padding-bottom:15px;
    margin-top:6px;
  }
  .platform-marquee-heading {
    margin-bottom:5px;
  }
  .platform-marquee .platform-single-line {
    min-height:63px;
    padding:3px 0;
  }
  .platform-marquee .platform-marquee-single {
    animation-duration:35s;
  }
  .platform-marquee .platform-marquee-single .platform-marquee-set{
    gap:18px;
    padding-right:18px;
  }
  .platform-marquee .platform-marquee-single .platform-entry {
    width:113px;
    min-width:113px;
    max-width:113px;
    flex-basis:113px;
    height:58px;
  }
  .platform-marquee .platform-original-logo {
    width:112px;
    height:51px;
  }
  .platform-marquee .platform-original-vidaa{width:111px;height:46px}
  .platform-marquee .platform-original-xbox{width:47px;height:47px}
  .platform-marquee .platform-original-lg-webos{width:112px;height:52px}
  .platform-marquee .platform-entry-roku .platform-original-roku{width:210px;height:118px}
  .platform-marquee .platform-marquee-note{
    margin-top:6px;
    font-size:10px;
    line-height:1.55;
  }
}
@media(prefers-reduced-motion:reduce) {
  .platform-marquee .platform-marquee-single{
    animation:none!important;
    transform:none!important;
    will-change:auto;
  }
  .platform-marquee .platform-single-line{
    overflow-x:auto;
    scrollbar-width:thin;
    scrollbar-color:#345f81 #09192e;
  }
  .platform-marquee .platform-single-line::before,
  .platform-marquee .platform-single-line::after{display:none}
  .platform-marquee .platform-marquee-set[aria-hidden="true"]{display:none!important}
}