#installBtn { peso de la fuente: negrita; color: #ffffff; fondo: #225e9c; relleno: 12px 20px; radio del borde: 8px; margen: 1em automático; tamaño de fuente: 14px; alineación del texto: centrado; visualización: flexible; elementos lineales: centrados; espacio: 10px; sombra del punto de referencia: 0 2px 6px rgba(0,0,0,0.2); cursor: puntero; borde: 0px sólido #ffa726; } #iosPrompt { peso de la fuente: negrita; color: #ffffff; fondo: #225e9c; relleno: 12px 20px; radio del borde: 8px; margen: 1em automático; tamaño de fuente: 14px; alineación del texto: centrado; visualización: flexible; elementos lineales: centrados; espacio: 10px; sombra del punto de referencia: 0 2px 6px rgba(0,0,0,0.2); cursor: puntero; borde: 0px sólido #ffa726; }
html, body {
  overflow-x: hidden !important;
  max-width: 100% !important;
}
/* CONTENEDOR PRINCIPAL */
.hero-video-wrapper {
    position: relative;
    width: 100%;
    max-width: 100%;
    height: 250px;       /* altura máxima fija */
    overflow: hidden;
}

/* VIDEO AJUSTADO AL ANCHO, MÁXIMA ALTURA 400px */
.hero-video-bg {
    position: absolute;
    z-index: 1;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 100%;
    height: 100%;
    object-fit: cover;   /* recorta sin deformar */
    pointer-events: none;
}

/* CAPA DEL LOGO */
.hero-video-logo {
    position: absolute;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}

/* LOGO */
.hero-video-logo img {
    max-width: 380px;
    width: 85%;
    height: auto;
    filter: drop-shadow(0 0 12px rgba(0,0,0,0.4));
}

/* RESPONSIVE */
@media (max-width: 480px) {
    .hero-video-wrapper {
        height: 230px;   /* más bajo en móvil */
    }

    .hero-video-logo img {
        max-width: 380px;
    }
}



✅ HTML para insert