/* =========================================================
   Stacked Cards — Pro Effects (scroll animation, sibling pattern)
   Prefijo: .pe-sc / .pe-sc__*
   ========================================================= */

/* Controlador: el wrapper EXTERNO de Elementor se oculta en frontend para
   no ocupar espacio (margin/padding por default del widget). En editor se muestra. */
.elementor-widget-stacked-cards {
  display: none;
}
body.elementor-editor-active .elementor-widget-stacked-cards,
body.elementor-edit-mode .elementor-widget-stacked-cards {
  display: block;
}
.pe-sc { display: none; }
body.elementor-editor-active .pe-sc,
body.elementor-edit-mode .pe-sc {
  display: inline-flex;
  align-items: center;
  padding: 6px 10px;
  background: rgba(164, 139, 250, 0.1);
  color: #a48bfa;
  border: 1px dashed rgba(164, 139, 250, 0.5);
  border-radius: 6px;
  font-size: 11px;
  letter-spacing: 0.4px;
  font-weight: 500;
}
.pe-sc__badge { pointer-events: none; }

/* Panel: sticky con offset incremental por card */
.pe-sc-host {
  --pe-sc-anchor: 0px;
  --pe-sc-peek: 20px;
  --pe-sc-dur: 400ms;
  --pe-sc-tail: 30vh;
  padding-bottom: var(--pe-sc-tail);
}
.pe-sc-host .pe-sc__panel {
  position: sticky;
  top: calc(var(--pe-sc-anchor) + var(--pe-sc-i, 0) * var(--pe-sc-peek));
  transition:
    transform var(--pe-sc-dur) cubic-bezier(.22, .8, .25, 1),
    opacity   var(--pe-sc-dur) ease;
  transform-origin: top center;
  will-change: transform, opacity;
}

/* Accesibilidad: desactiva el efecto si el usuario lo pide */
@media (prefers-reduced-motion: reduce) {
  .pe-sc-host .pe-sc__panel {
    position: static;
    transform: none !important;
    opacity: 1 !important;
    transition: none;
  }
}