/* JM3 BARDAS PUBLICITARIAS - FIX FOR SCROLLING ISSUES */

/* Corregir issues de scroll */
section {
  position: relative !important;
  z-index: auto !important;
  transform: none !important;
}

body {
  overflow-x: hidden !important;
}

html {
  scroll-behavior: smooth !important;
}

/* Asegurar que el header no bloquee el contenido */
header {
  position: relative !important;
  z-index: 1000 !important;
}

/* Corregir smooth scrolling */
html {
  scroll-behavior: smooth;
}

/* Resetear cualquier posicionamiento problemático */
#smooth-wrapper,
#smooth-content {
  position: relative !important;
  overflow: visible !important;
  transform: none !important;
}

/* Asegurar que las áreas con fondos personalizados no bloquen el scroll */
.service__area,
.intro-area {
  position: relative !important;
  z-index: auto !important;
  transform: none !important;
}

/* Service items en primer plano */
.service__area .service-inner {
  position: relative !important;
  z-index: 10 !important;
  margin-top: -150px !important;
  padding-top: 30px !important;
}

.service__area .service__item {
  position: relative !important;
  z-index: 15 !important;
  background: white !important;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.15) !important;
  border-radius: 12px !important;
  transform: translateY(-10px) !important;
  transition: all 0.3s ease !important;
}

.service__area .service__item:hover {
  transform: translateY(-20px) scale(1.02) !important;
  box-shadow: 0 15px 35px rgba(0, 0, 0, 0.2) !important;
}

/* Hero Contact Form en primer plano */
.hero__contact-form {
  position: relative !important;
  z-index: 10 !important;
}