/* MWL Looper Pagination v2.1.3 — Infinite Scroll */

.mwl-infinite{
  position:relative;
  width:100%;
  display:block;
  pointer-events:none;
}

/* Fix: Cornerstone tiene resets agresivos sobre <span> que pueden vencer
   al atributo nativo [hidden]. Forzamos display:none con !important para
   cualquier elemento del plugin que tenga hidden. */
.mwl-infinite [hidden]{
  display:none !important;
}

/* Sentinel invisible que dispara la carga */
.mwl-infinite__sentinel{
  display:block;
  width:100%;
  height:1px;
}

/* Tiles ocultos en modo hide-overflow.
   !important para ganar a estilos específicos de Cornerstone (.x-col tiene display:flex). */
.mwl-tile.mwl-hidden{
  display:none !important;
}

/* Estado (loading + end) */
.mwl-infinite__status{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:18px 0;
  color:#fff;
  font-weight:600;
  letter-spacing:.02em;
  pointer-events:auto;
}

.mwl-infinite__loading{
  display:inline-flex;
  align-items:center;
  gap:10px;
  opacity:.85;
}

.mwl-infinite__loading-text{
  font-size:14px;
}

.mwl-infinite__spinner{
  width:18px;
  height:18px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.25);
  border-top-color:rgba(255,255,255,.9);
  animation:mwl-spin 700ms linear infinite;
}

.mwl-infinite__end{
  opacity:.5;
  font-size:13px;
}

@keyframes mwl-spin{
  to{ transform:rotate(360deg); }
}

@media (prefers-reduced-motion: reduce){
  .mwl-infinite__spinner{ animation-duration: 1.6s; }
}