/* Ítems paginados ocultos */
.aido-ue-hidden { display: none !important; }

/* Contenedor */
.aido-ue-pagination {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px;
  margin-top: 16px;

  --aido-hover-raise: 0;
  --aido-sep-color: currentColor;
  --aido-sep-w: 1px;
  --aido-sep-h: 16px;
  --aido-sep-gap: 6px;
}

/* Base botones */
.aido-ue-pagination .aido-ue-page {
  appearance: none;
  background: transparent;
  color: inherit;
  border: 1px solid transparent; /* evita "saltos" cuando se cambia el borde en hover */
  box-sizing: border-box;
  padding: 6px 10px;
  line-height: 1;
  cursor: pointer;
  transition: background-color .15s ease, color .15s ease, border-color .15s ease, border-width .15s ease, transform .15s ease;
}

/* Números (clase dedicada) */
.aido-ue-pagination .aido-ue-page--num.is-active { font-weight: 700; }

/* Prev/Next deshabilitados */
.aido-ue-pagination .aido-ue-page.is-disabled { opacity: .4; cursor: not-allowed; }

/* Hover opcional */
.aido-ue-pagination .aido-ue-page:hover { transform: translateY(calc(var(--aido-hover-raise) * -1px)); }

/* Icon wrapper */
.aido-ue-pagination .aido-ue-icon svg {
  display: inline-block !important;
  width: 1em !important;
  height: 1em !important;
  vertical-align: middle;
  fill: currentColor;
}
.aido-ue-pagination .aido-ue-icon i[class*="fa-"] {
  display: inline-block;
  line-height: 1;
  vertical-align: middle;
}

/* Divisor entre números */
.aido-ue-pagination .aido-ue-sep {
  display: inline-block;
  width: var(--aido-sep-w);
  height: var(--aido-sep-h);
  background: var(--aido-sep-color);
  margin: 0 var(--aido-sep-gap);
  align-self: center;
}