/* ============================================================
 * RuedaMundo · GSAP Sections 3D SAFE
 * No oculta elementos. Solo prepara perspectiva/profundidad.
 * ============================================================ */

.rm-scroll-progressbar{
  position:fixed;
  left:0;
  top:0;
  z-index:999999;
  width:100%;
  height:3px;
  transform:scaleX(0);
  transform-origin:left center;
  background:linear-gradient(90deg, #89c943, #c7ff68);
  pointer-events:none;
  box-shadow:0 0 22px rgba(137,201,67,.42);
}

.admin-bar .rm-scroll-progressbar{
  top:32px;
}

.rm-gsap-3d-ready body,
.rm-gsap-3d-ready .rmx-front-page,
.rm-gsap-3d-ready .entry-content{
  perspective:1200px;
}

.rm-section-3d-target{
  transform-style:preserve-3d;
  transform-origin:50% 70%;
  backface-visibility:hidden;
  will-change:transform;
}

.rm-card-3d-target{
  transform-style:preserve-3d;
  transform-origin:50% 50%;
  backface-visibility:hidden;
  will-change:transform;
}

/* Luz dinámica en bandas oscuras */
.rm-light-sweep-target{
  position:relative;
  overflow:hidden;
  isolation:isolate;
}

.rm-light-sweep-target::after{
  content:"";
  position:absolute;
  inset:-35%;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(
      circle at calc(var(--rm-light-x, 0) * 1%) 42%,
      rgba(137,201,67,.20),
      rgba(199,255,104,.08) 12rem,
      transparent 28rem
    );
  mix-blend-mode:screen;
  opacity:.75;
}

.rm-light-sweep-target > *{
  position:relative;
  z-index:1;
}

/* Brillo hover sutil en cards, sin tapar contenido */
.rm-gsap-3d-ready .rmx-product-card,
.rm-gsap-3d-ready .rm-product-card,
.rm-gsap-3d-ready .rmx-type-card,
.rm-gsap-3d-ready .rm-blog-card{
  position:relative;
  overflow:hidden;
}

.rm-gsap-3d-ready .rmx-product-card::before,
.rm-gsap-3d-ready .rm-product-card::before,
.rm-gsap-3d-ready .rmx-type-card::before,
.rm-gsap-3d-ready .rm-blog-card::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg, rgba(255,255,255,.20), transparent 42%, rgba(137,201,67,.08));
  opacity:0;
  transition:opacity .24s ease;
}

.rm-gsap-3d-ready .rmx-product-card:hover::before,
.rm-gsap-3d-ready .rm-product-card:hover::before,
.rm-gsap-3d-ready .rmx-type-card:hover::before,
.rm-gsap-3d-ready .rm-blog-card:hover::before{
  opacity:1;
}

/* Aseguramos que no quede nada oculto por versiones anteriores */
.rm-gsap-3d-ready [style*="visibility: hidden"],
.rm-gsap-3d-ready [style*="opacity: 0"]{
  /* No usamos !important aquí para no romper modales reales.
     Si tu caché mantiene el JS viejo, limpia caché y sustituye el archivo. */
}

@media (max-width:782px){
  .admin-bar .rm-scroll-progressbar{
    top:46px;
  }
}

@media (prefers-reduced-motion: reduce){
  .rm-scroll-progressbar{
    display:none;
  }

  .rm-section-3d-target,
  .rm-card-3d-target{
    transform:none!important;
  }
}