/**
 * Gavias SliderLayer - Mobile Background Image Support
 *
 * La imagen móvil es un DIV absoluto que cubre el slide completo.
 * NO usa la clase rev-slidebg para que Revolution Slider no la procese.
 * El CSS controla qué imagen es visible según el ancho de pantalla.
 */

/* DIV de imagen móvil: posicionado para cubrir el slide, oculto en desktop */
.gavias-slidebg-mobile {
  display: none !important;
  position: absolute !important;
  top: 0 !important;
  left: 0 !important;
  width: 100% !important;
  height: 100% !important;
  z-index: 0 !important;
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}

/* En móviles (< 768px): mostrar imagen móvil y ocultar la imagen desktop */
@media (max-width: 767px) {
  .gavias-slidebg-mobile {
    display: block !important;
  }
  /* Ocultar la imagen de fondo procesada por Revolution Slider */
  .rev_slider li .rev-slidebg {
    display: none !important;
  }
}