html, body
{
   height: 100%;
}
div#space
{
   width: 1px;
   height: 50%;
   margin-bottom: -500px;
   float:left
}
div#container
{
   width: 970px;
   height: 1000px;
   margin: 0 auto;
   position: relative;
   clear: left;
}
body
{
   background-color: #F5F5F5;
   color: #000000;
   font-family: Arial;
   font-weight: normal;
   font-size: 16px;
   line-height: 1.1875;
   margin: 0;
   padding: 0;
}
        /* 🎨 Estilos para el Video de Fondo */
        #video-fondo {
            position: fixed; /* 📌 Fija el video en el viewport */
            right: 0;
            bottom: 0;
            min-width: 100%; /* Asegura que cubra el ancho mínimo */
            min-height: 70%; /* Asegura que cubra la altura mínima */
            width: auto;
            height: auto;
            z-index: -100; /* Envía el video detrás de todo el contenido */
            background-size: cover; /* Para navegadores más antiguos */
        }
        
        /* ✍️ Estilos para el Contenido (para que se vea encima del video) */
        .contenido {
            position: relative;
            z-index: 1; /* Asegura que el contenido esté por encima del video */
            color: white; /* Ejemplo: color de texto para que contraste con el video */
            padding: 20px;
            text-align: center;
        }