/* Video background full screen */
.ipr-lvb-container{
  position: fixed;
  inset: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
  pointer-events: none; /* evita clics sobre el video */
}

.ipr-lvb-video{
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center center;
  filter: none;
}

.ipr-lvb-fallback{
  width: 100%;
  height: 100%;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  background-image: var(--ipr-fallback, none);
}

.ipr-lvb-overlay{
  position: absolute;
  inset: 0;
  background: rgba(0,0,0,0.4);
}

/* Toma el color desde el atributo data-overlay "r,g,b,a" */
.ipr-lvb-container[data-overlay] .ipr-lvb-overlay{
  background: rgba(var(--ipr-r,0), var(--ipr-g,0), var(--ipr-b,0), var(--ipr-a,0.4));
}

/* Utilidad: parse simple de atributo en CSS no es posible, así que usamos JS mínimo inline si lo viéramos necesario.
   Para simplificar, cambiamos el background con un pequeño script embebido si hiciera falta.  */


/* Asegura que el contenido quede por encima del video */
body, #page, .site, main, header, footer {
  position: relative;
  z-index: 1;
  background: transparent;
}