/* Contenedor principal que centraliza el reproductor */
.video-container {
    position: fixed;  /* Lo fija en la pantalla */
    top: 50%;         /* Centrado vertical */
    left: 50%;        /* Centrado horizontal */
    transform: translate(-50%, -50%); /* Ajusta el desplazamiento para centrarlo exactamente */
    z-index: 1000;    /* Asegura que el reproductor esté por encima de otros elementos */
    width: 80%;       /* Tamaño flexible, puedes ajustarlo */
    max-width: 900px; /* Limita el ancho máximo */
    height: auto;
  }
  
  /* Estilo del iframe */
  .video-wrapper {
    position: relative;
    padding-bottom: 56.25%; /* Proporción de aspecto 16:9 */
    height: 0;
    overflow: hidden;
    border-radius: 10px; /* Bordes redondeados */
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.5); /* Sombra sutil */
  }
  
  .video-wrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: none;
  }