/* RK Mobile Background Pin (solo móvil)
   - Fondo fijo (position: fixed) que se muestra solo dentro del rango start->end.
   - Overlay negro para “oscurecer” (no aclarar).
   - El contenido se mantiene por encima.
*/

.rk-mbgpin-fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  z-index: 1;
  pointer-events: none;
  opacity: 0;
  transition: opacity 0.2s ease;
}

.rk-mbgpin-fixed.is-active {
  opacity: 1;
}

.rk-mbgpin-fixed-bg {
  position: absolute;
  inset: 0;
  background-position: center center;
  background-size: cover;
  background-repeat: no-repeat;
}

.rk-mbgpin-fixed-overlay {
  position: absolute;
  inset: 0;
  background: #000;
  opacity: 0;
  transition: opacity 0.2s ease;
}

/* Los bloques dentro del rango deben quedar encima del fondo fijo */
.rk-mbgpin-inrange {
  position: relative;
  z-index: 2;
}

/* Evitar que un fondo blanco tape el fijo (solo si el usuario no ha definido otra cosa) */
.rk-mbgpin-inrange {
  background-color: transparent !important;
  background-image: none !important;
}

/* En WPBakery, a veces el fondo vive en wrappers internos (vc_column-inner, etc.).
   Limpiamos SOLO en la fila fuente (título) para evitar que el fondo "móvil" se arrastre. */
.rk-mbgpin-source,
.rk-mbgpin-source .vc_column_container,
.rk-mbgpin-source .vc_column-inner,
.rk-mbgpin-source .wpb_wrapper {
  background-color: transparent !important;
  background-image: none !important;
}