/* =========================================================
   ADADP 11.101.0 - PAGINACIÓN SUPERIOR + BOTONES ADADP
   Azul corporativo exacto usado en la web: #0B4F8A
   ========================================================= */

body#category.adadp-pagination-v11101 {
  --adadp-pagination-blue: #0B4F8A;
  --adadp-pagination-blue-soft: #F0F6FB;
  --adadp-pagination-border: rgba(11, 79, 138, .24);
}

/* Copia superior: justo antes del listado de productos y desplazada a la derecha. */
body#category .adadp-top-pagination-v11101 {
  display: flex !important;
  width: 100% !important;
  justify-content: flex-end !important;
  align-items: center !important;
  margin: 14px 0 26px !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  clear: both !important;
}

/* Lista superior y lista original inferior: mismo lenguaje visual. */
body#category .adadp-top-pagination-v11101 .page-list,
body#category .adadp-top-pagination-v11101 > ul,
body#category .adadp-pagination-source-v11101 .page-list {
  display: flex !important;
  flex-wrap: wrap !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 8px !important;
  width: auto !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
  text-align: right !important;
}

body#category .adadp-top-pagination-v11101 li,
body#category .adadp-pagination-source-v11101 .page-list li {
  display: flex !important;
  align-items: center !important;
  float: none !important;
  margin: 0 !important;
  padding: 0 !important;
  list-style: none !important;
}

body#category .adadp-top-pagination-v11101 a,
body#category .adadp-pagination-source-v11101 .page-list a {
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-width: 40px !important;
  height: 42px !important;
  margin: 0 !important;
  padding: 0 11px !important;
  border: 1px solid transparent !important;
  border-radius: 10px !important;
  background: transparent !important;
  color: var(--adadp-pagination-blue) !important;
  font-size: 15px !important;
  font-weight: 600 !important;
  line-height: 1 !important;
  text-decoration: none !important;
  box-shadow: none !important;
  transition: background-color .18s ease, color .18s ease, border-color .18s ease, transform .18s ease !important;
}

body#category .adadp-top-pagination-v11101 a:hover,
body#category .adadp-pagination-source-v11101 .page-list a:hover {
  border-color: var(--adadp-pagination-border) !important;
  background: #F7FAFD !important;
  color: var(--adadp-pagination-blue) !important;
}

/* Página actual: azul ADADP exacto. */
body#category .adadp-top-pagination-v11101 li.current > a,
body#category .adadp-top-pagination-v11101 li.active > a,
body#category .adadp-top-pagination-v11101 a.current,
body#category .adadp-top-pagination-v11101 a.active,
body#category .adadp-pagination-source-v11101 .page-list li.current > a,
body#category .adadp-pagination-source-v11101 .page-list li.active > a,
body#category .adadp-pagination-source-v11101 .page-list a.current,
body#category .adadp-pagination-source-v11101 .page-list a.active {
  min-width: 46px !important;
  height: 46px !important;
  border-color: var(--adadp-pagination-blue) !important;
  border-radius: 999px !important;
  background: var(--adadp-pagination-blue) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
}

/* ANTERIOR: secundario, suave y con el mismo azul corporativo. */
body#category .adadp-top-pagination-v11101 .adadp-pagination-prev-v11101,
body#category .adadp-pagination-source-v11101 .adadp-pagination-prev-v11101,
body#category .adadp-top-pagination-v11101 a[rel="prev"],
body#category .adadp-pagination-source-v11101 .page-list a[rel="prev"] {
  min-width: 132px !important;
  padding: 0 18px !important;
  margin-right: 18px !important;
  border: 1px solid rgba(11, 79, 138, .12) !important;
  border-radius: 10px !important;
  background: var(--adadp-pagination-blue-soft) !important;
  color: var(--adadp-pagination-blue) !important;
  font-weight: 600 !important;
}

/* SIGUIENTE: acción principal, claramente destacada y más separada a la derecha. */
body#category .adadp-top-pagination-v11101 .adadp-pagination-next-v11101,
body#category .adadp-pagination-source-v11101 .adadp-pagination-next-v11101,
body#category .adadp-top-pagination-v11101 a[rel="next"],
body#category .adadp-pagination-source-v11101 .page-list a[rel="next"] {
  min-width: 156px !important;
  padding: 0 22px !important;
  margin-left: 28px !important;
  border: 1px solid var(--adadp-pagination-blue) !important;
  border-radius: 10px !important;
  background: var(--adadp-pagination-blue) !important;
  color: #FFFFFF !important;
  font-weight: 700 !important;
  box-shadow: 0 7px 18px rgba(11, 79, 138, .16) !important;
}

body#category .adadp-top-pagination-v11101 .adadp-pagination-next-v11101:hover,
body#category .adadp-pagination-source-v11101 .adadp-pagination-next-v11101:hover,
body#category .adadp-top-pagination-v11101 a[rel="next"]:hover,
body#category .adadp-pagination-source-v11101 .page-list a[rel="next"]:hover {
  background: #083F70 !important;
  border-color: #083F70 !important;
  color: #FFFFFF !important;
  transform: translateY(-1px) !important;
}

/* Ocultamos los iconos de chevrón del tema en estos dos controles y usamos
   flechas limpias para que arriba y abajo se vean iguales. */
body#category .adadp-pagination-prev-v11101 .material-icons,
body#category .adadp-pagination-next-v11101 .material-icons,
body#category .adadp-pagination-prev-v11101 i,
body#category .adadp-pagination-next-v11101 i {
  display: none !important;
}

body#category .adadp-pagination-prev-v11101::before {
  content: "←";
  display: inline-block;
  margin-right: 10px;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
}

body#category .adadp-pagination-next-v11101::after {
  content: "→";
  display: inline-block;
  margin-left: 11px;
  font-size: 19px;
  font-weight: 400;
  line-height: 1;
}

/* La paginación inferior conserva su contador, pero el grupo de páginas
   queda visualmente alineado a la derecha como en el diseño aprobado. */
body#category .adadp-pagination-source-v11101 .page-list {
  margin-left: auto !important;
}

/* Accesibilidad de teclado. */
body#category .adadp-top-pagination-v11101 a:focus-visible,
body#category .adadp-pagination-source-v11101 .page-list a:focus-visible {
  outline: 3px solid rgba(11, 79, 138, .28) !important;
  outline-offset: 2px !important;
}

@media (max-width: 767px) {
  body#category .adadp-top-pagination-v11101 {
    justify-content: flex-start !important;
    margin: 12px 0 20px !important;
    overflow-x: auto !important;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: thin;
  }

  body#category .adadp-top-pagination-v11101 .page-list,
  body#category .adadp-top-pagination-v11101 > ul {
    flex-wrap: nowrap !important;
    justify-content: flex-start !important;
    min-width: max-content !important;
    padding: 2px 2px 8px !important;
  }

  body#category .adadp-top-pagination-v11101 a,
  body#category .adadp-pagination-source-v11101 .page-list a {
    height: 40px !important;
    min-width: 38px !important;
    padding: 0 9px !important;
    font-size: 14px !important;
  }

  body#category .adadp-top-pagination-v11101 .adadp-pagination-prev-v11101,
  body#category .adadp-top-pagination-v11101 a[rel="prev"],
  body#category .adadp-pagination-source-v11101 .adadp-pagination-prev-v11101,
  body#category .adadp-pagination-source-v11101 .page-list a[rel="prev"] {
    min-width: 112px !important;
    margin-right: 8px !important;
    padding: 0 13px !important;
  }

  body#category .adadp-top-pagination-v11101 .adadp-pagination-next-v11101,
  body#category .adadp-top-pagination-v11101 a[rel="next"],
  body#category .adadp-pagination-source-v11101 .adadp-pagination-next-v11101,
  body#category .adadp-pagination-source-v11101 .page-list a[rel="next"] {
    min-width: 128px !important;
    margin-left: 10px !important;
    padding: 0 15px !important;
  }
}