/* =========================================================
   LT Sticky Stack
   ========================================================= */

/* Estado base */
[data-lt-stack="1"] {
  position: relative;
  --lt-stack-scale: 1;
  --lt-stack-progress: 0;
  --lt-stack-top: 0px; /* se setea desde JS si hay data-sticky-top */
}

/* Cuando está activo: sticky */
.lt-stack--active[data-lt-stack="1"] {
  position: sticky;
  top: var(--lt-stack-top);
}

/* Importante: el shrink se aplica al inner para no afectar al sticky */
[data-lt-stack="1"] > .e-con-inner {
  transform: scale(var(--lt-stack-scale));
  transform-origin: center top;
  will-change: transform;
}

/* Si por lo que sea no hay .e-con-inner (casos raros), fallback */
[data-lt-stack="1"]:not(:has(> .e-con-inner)) {
  transform: scale(var(--lt-stack-scale));
  transform-origin: center top;
  will-change: transform;
}

/* Deshabilitado por breakpoint */
.lt-stack--disabled[data-lt-stack="1"] {
  position: relative !important;
  top: auto !important;
}

.lt-stack--disabled[data-lt-stack="1"] > .e-con-inner {
  transform: none !important;
}
