Famoso - Ahogado

* {- webkit-touch-callout: none; -webkit-user-select: none; user-select: none; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; text-size- ajustar: ninguno; tamaño de la caja: borde-caja; visibilidad del reverso: oculto; -kit-web-visibilidad del reverso: oculto} cuerpo, html {posición: fijo; arriba: 0; abajo: 0; izquierda: 0; derecha: 0 ; margin: 0; padding: 0; background-repeat: no-repeat; background-size: cover; background-position: 50%; background-color: # 000} body {-webkit-tap-highlight-color: transparente; familia de fuentes: Helvetica Neue, Helvetica, sans-serif} # famosa-aplicación {posición: absoluta; arriba: 0; abajo: 0; izquierda: 0; derecha: 0; altura: 100%; ancho: 100%; transformar- style: preserve-3d; perspectiva: 600px; overflow: hidden} .hidden {visibilidad: hidden} .hidden, .hidden-template {opacity: 0; pointer-events: none} .video-container {position: absolute; top: 0; left: 0; bottom: 0; right: 0; overflow: hidden} .video-container: first-child {z-index: 0} .video-container> video {position: related; width: 100%; height : 100%}. Video-container> video.cover {object-fit: cover} .video-container> video.contain { object-fit: contiene} .video-container> video.fill {object-fit: fill} .video-container> video.center-top {object-position: center top} .video-container> video.center-center { posición-objeto: centro-centro} .video-container> video.center-bottom {posición-objeto: centro-abajo} .video-container-vol {display: none; -moz-apariencia: ninguna; apariencia: ninguna; -webkit- apariencia: ninguno; color de fondo: transparente; contorno: ninguno; borde: ninguno; posición: absoluto; índice z: 10; ancho: 39px; alto: 35px; derecha: 0; fondo: 0; opacidad: .7; margen : 0; padding: 0; cursor: pointer} .video-container-vol svg {position: absolute; top: 10px; left: 10px; width: 19px; height: 15px} .video-container-vol: active {opacity: .85! Important} .progress {position: absolute; bottom: 10%; left: 50%; transform: translate (-50%); background: # d9d9d9; border-radius: 5px; opacity: .7} .image- progreso {parte inferior: 0} # orientación-no admitida {pantalla: ninguna} # orientación-no admitida.show, # orientación-no admitida> div {posición: absoluta; parte superior: 0; izquierda: 0; altura: 100%; ancho: 100% ; display: flex; flex-direction: column; alinear-elementos : centro; justificar-contenido: centro; color de fondo: rgba (0,0,0, .5); color: #fff; peso de fuente: 700; índice z: 100} # orientación-no admitida # icono de rotación {altura: 15vh; ancho: 15vh; margin-bottom: 15px} # mobile-nav {display: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; pointer- events: none} # mobile-nav .bottom, # mobile-nav .middle, # mobile-nav .top {posición: absoluta; pantalla: flex; ancho: 100%} # mobile-nav .top {pantalla: flex; justificar -content: center; top: -5.8vh; left: 0} # mobile-nav .middle {top: calc (50% - 2.5vh); left: 0; justify-content: space-between} # mobile-nav # swipeRightButton {margin-left: -5.8vh} # mobile-nav #swipeLeftButton {margin-right: -5.8vh} # mobile-nav .bottom {display: flex; justify-content: center; bottom: -5.8vh; left: 0} # mobile-nav .mobileNavButton {cursor: pointer; pointer-events: auto; width: 5vh; height: 5vh} # mobile-nav .mobileNavButton svg {width: 5vh; height: 5vh} # mobile-nav .mobileNavButton. oculto {opacidad: 0; puntero-eventos: ninguno; cursor: ninguno} # mobile-nav .mobileNavButton svg {puntero-eventos: ninguno} .card {posición: abso laúd; arriba: 0; abajo: 0; izquierda: 0; derecha: 0; margen: 0} .card, .card> .wrapper {transform-style: preserve-3d} .card> .wrapper {overflow: hidden}. card.hidden {display: none} a [href ^ = "tel:"] {color: heredar; text-decoration: none}: root {- ih: 100vh} pantalla @media y (ancho mínimo: 769px) { # famous-application {margin: auto} # famous-application, # mobile-nav {width: 48.828125vh; height: 86.84895833333333vh} # mobile-nav {display: block}}