body {
      margin: 0;
      padding: 0;
      background-size: cover;
      background-position: center;
      height: 100vh;
      transition: background-image 0.5s ease-in-out;
    }



    .contenido {
      color: white;
      text-align: left;
      padding: 1em ;
      font-family: sans-serif;
        background-color: rgba(0, 0, 0, 0.4)     
    }

p {
  color: white;
}




h2, a {
  font-family: Verdana, Arial, sans-serif;
  font-size: 0.9em;
  color: white;
}

br {
  margin-bottom: 1em;
}

a img { /* este selector elimina el borde azul predeterminado que se muestra 
  en algunos navegadores alrededor de una imagen cuando está rodeada por un vínculo */
  border: none;
}

/* ~~ La aplicación de estilo a los vínculos del sitio debe permanecer en 
este orden (incluido el grupo de selectores que crea el efecto hover -paso por encima-). ~~ */

a:link {
  color: #068EB7;
  text-decoration: underline; /* a no ser que aplique estilos a los 
  vínculos para que tengan un aspecto muy exclusivo, es recomendable proporcionar subrayados para facilitar una identificación visual rápida */
}

a:visited {
  color: #068EB7;
  text-decoration: underline;
}

a:hover, a:active, a:focus { /* este grupo de selectores proporcionará
 a un usuario que navegue mediante el teclado la misma experiencia de hover
  (paso por encima) que experimenta un usuario que emplea un ratón. */
  text-decoration: none;
}



    /* Asegura que el video ocupe el 100% del contenedor y mantenga la relación de aspecto */
    .video-container {
      position: relative;
      padding-bottom: 56.25%; /* Relación de aspecto 16:9 (altura:ancho) */
      height: 0;
      overflow: hidden;
      max-width: 85%;
      background-color: black;
    }
    
    .video-container iframe,
    .video-container video {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
    }



/* For devices larger than 550px */

@media (min-width: 750px) {
  

  .contenido {
  width: 80%;
  max-width: 715px;
  background-color: rgba(0, 0, 0, 0.4)
  }

}