.eg-ajax-grid { position: relative; margin-bottom: 48px; }
.eg-ajax-grid.eg-loading { opacity: .95; }

.eg-slider-track {
  position: relative;
  overflow: hidden;
  min-height: 670px;   /* fallback para evitar “vacío” mientras mide */
  height: 0;
  transition: height .28s ease;
}

.eg-slide { position: absolute; inset: 0; width: 100%; transform: translateX(0); transition: transform .3s ease; }
.eg-slide:not(.active) { pointer-events: none; }
.eg-slide.from-right { transform: translateX(100%); }
.eg-slide.from-left  { transform: translateX(-100%); }
.eg-slide.to-left    { transform: translateX(-100%); }
.eg-slide.to-right   { transform: translateX(100%); }

.eg-ajax-grid .eg-pager { display: flex; gap: .5rem; align-items: center; justify-content: center; margin-top: 16px; }
.eg-ajax-grid .eg-pager button { background: #4a6770; color: #fff; border: 0; border-radius: 8px; padding: .45rem .75rem; cursor: pointer; }
.eg-ajax-grid .eg-pager button[disabled] { opacity: .5; cursor: not-allowed; }
.eg-ajax-grid .eg-page { font-weight: 600; }