/* =========================
   PATCH V2: BOTONES + PAGINACION (FIX ACTIVE INVISIBLE)
   ========================= */

/* BOTONES MAS ALTOS Y ANCHOS */
#Departamentos-2 .cosj-switcher .btn.cosj-toggle-btn{
  min-width:420px !important;
  padding:22px 46px !important;
  font-size:20px !important;
  border-radius:18px !important;
}

/* PAGINACION: que cada item sea "boton", centrado y legible */
#Departamentos-2 .cosj-panel-inner .dataTables_wrapper .dataTables_paginate .page-link{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;

  min-width:54px !important;
  height:54px !important;
  padding:0 18px !important;

  line-height:1 !important;
  border-radius:16px !important;
}

/* Anterior / Siguiente */
#Departamentos-2 .cosj-panel-inner .dataTables_wrapper .dataTables_paginate .page-item:first-child .page-link,
#Departamentos-2 .cosj-panel-inner .dataTables_wrapper .dataTables_paginate .page-item:last-child .page-link{
  min-width:160px !important;
}

/* FIX CLAVE: activo con fondo (el tema te lo estaba sacando) */
#Departamentos-2 .cosj-panel-inner .dataTables_wrapper .dataTables_paginate .page-item.active .page-link{
  background:#0d6efd !important;   /* azul bootstrap */
  border-color:#0d6efd !important;
  color:#fff !important;
}

/* Hover coherente */
#Departamentos-2 .cosj-panel-inner .dataTables_wrapper .dataTables_paginate .page-link:hover{
  background:rgba(13, 110, 253, .08) !important;
  border-color:rgba(13, 110, 253, .25) !important;
}