/* Video a pantalla completa */
    .bg-video {
      position: fixed;      /* que cubra toda la ventana aunque hagas scroll */
      top: 0; left: 0;
      width: 100vw; height: 100vh;
      object-fit: cover;    /* recorta para cubrir sin deformar */
      z-index: -1;          /* detrás del contenido */
      pointer-events: none; /* clics pasan al contenido */
      filter: brightness(0.5); /* oscurecer un poco para mejor contraste (opcional) */
    }



    /* Respeto a accesibilidad: si el usuario prefiere menos animación, no muestres video */
    @media (prefers-reduced-motion: reduce) {
      .bg-video { display: none; }
      body { 
        background: #000 url("fallback.jpg") center/cover no-repeat; 
      }
    }