/* TV PLAY v1.28 — alternativa: inicio de sesión VIVA Player.
   Imagen recortada de la guía de instalación de VIVA Player para iPhone
   disponible en los materiales existentes de TV PLAY.
   Solo modifica el mockup del celular, no el video ni la página comercial. */
.tvplay-phone-mock.tvplay-phone-viva {
  left: -45px;
  top: 34%;
  width: 175px;
  height: 300px;
  padding: 4px;
  border: 5px solid #2c4566;
  border-radius: 25px;
  transform: rotate(-5deg);
  background: linear-gradient(145deg, #395e85, #0c1628);
  box-shadow: 0 27px 50px rgba(0, 0, 0, .53), 0 0 0 1px #799bb9, 0 0 27px rgba(136, 237, 76, .12);
}
.viva-phone-login-screen {
  display: block;
  width: 100%;
  height: 100%;
  overflow: hidden;
  border-radius: 17px;
  background: #080c10;
}
.viva-phone-login-screen img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: fill;
  background: #080c10;
}
@media (min-width: 1440px) {
  .tvplay-phone-mock.tvplay-phone-viva {
    left: -46px;
    top: 33%;
    width: 182px;
    height: 306px;
  }
}
@media (min-width: 1101px) {
  .hero-video-visual:not(.viva-video-playing) .viva-cover-bottom {
    left: 145px;
  }
}
@media (max-width: 1100px) {
  .tvplay-phone-mock.tvplay-phone-viva { display: none; }
}