.lobify-sticky-active {
  box-sizing: border-box !important;
  backface-visibility: hidden;
}

.lobify-sticky-placeholder {
  display: block;
  visibility: hidden !important;
  pointer-events: none !important;
  opacity: 0 !important;
  overflow: hidden !important;
  box-sizing: border-box !important;
}

.lobify-sticky-shadow-soft {
  box-shadow: 0 8px 24px rgba(0, 0, 0, 0.16) !important;
}

.lobify-sticky-shadow-medium {
  box-shadow: 0 12px 36px rgba(0, 0, 0, 0.22) !important;
}

body.lobify-sticky-has-bottom-space {
  padding-bottom: var(--lobify-sticky-bottom-space, 0px) !important;
}

@supports (padding-bottom: env(safe-area-inset-bottom)) {
  body.lobify-sticky-has-bottom-space {
    padding-bottom: calc(var(--lobify-sticky-bottom-space, 0px) + env(safe-area-inset-bottom)) !important;
  }
}

.lobify-sticky-glassbar {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100% !important;
  pointer-events: none !important;
  opacity: 0 !important;
  visibility: hidden !important;
  transition: opacity 180ms ease, visibility 180ms ease !important;
  box-shadow: 0 -14px 42px rgba(0, 0, 0, 0.14) !important;
  border-top: 1px solid rgba(255, 255, 255, 0.38) !important;
  overflow: hidden !important;
}

.lobify-sticky-glassbar::before {
  content: "";
  position: absolute;
  inset: 0;
  background: linear-gradient(180deg, rgba(255,255,255,0.34), rgba(255,255,255,0.08));
}

.lobify-sticky-glassbar-active {
  opacity: 1 !important;
  visibility: visible !important;
}

.lobify-sticky-glassbar-local {
  position: fixed !important;
  left: 0 !important;
  right: 0 !important;
  width: 100vw !important;
  max-width: 100vw !important;
  margin: 0 !important;
}


/* v1.0.17: No se fuerzan dimensiones ni alineaciones del menú móvil de TheGem.
   La protección del menú se hace solo por JavaScript con z-index, para no deformar su layout original. */