/* === Molowi | Hero inicio (slider estilo 5) - ajustes SOLO movil (hasta 767px) ===
   Objetivo: hero 70-80vh, imagen sin recorte lateral y control de carrusel visible.
   Reversible: borrar este bloque y guardar. Escritorio y tablet no se modifican. */
@media (max-width: 767px) {

  /* 1) Altura del hero: bloque de texto mas compacto */
  .tp-slider-area .tp-slider-item-5.tp-slider-height-5 { min-height: 0 !important; }
  .tp-slider-area .tp-slider-content-5 { margin-top: 16px !important; }
  .tp-slider-area .tp-slider-title-5 { margin-bottom: 18px !important; line-height: 1.04 !important; }

  /* 2) Imagen: ancho completo (sin recorte lateral) y ventana vertical estable */
  .tp-slider-area .tp-slider-thumb-5 { height: 52vh !important; max-height: 52vh !important; overflow: hidden !important; }
  .tp-slider-area .tp-slider-thumb-5 a { display: block !important; width: 100% !important; height: 100% !important; }
  .tp-slider-area .tp-slider-thumb-5 img,
  .tp-slider-active-5 .owl-item .tp-slider-thumb-5 img {
    width: 100% !important; height: 100% !important; max-height: none !important;
    object-fit: cover !important; object-position: 50% 18% !important; margin-top: 0 !important;
  }

  /* 3) Control de carrusel visible en movil (las flechas del tema ya existen y funcionan) */
  .tp-slider-area .owl-nav { display: block !important; }
  .tp-slider-area .owl-nav button { display: flex !important; pointer-events: auto !important;
    width: 38px !important; height: 38px !important; background: rgba(255,255,255,0.92) !important;
    box-shadow: 0 2px 12px rgba(2,2,5,0.12) !important; }
  .tp-slider-area .owl-nav button.owl-prev { left: 10px !important; }
  .tp-slider-area .owl-nav button.owl-next { right: 10px !important; }
}