/* ------------------------------------------------------------------
   Correcciones sobre el tema (style.css)
   - Se carga al final para ganar por orden, no por !important extra.
------------------------------------------------------------------ */

/* 1) Badges "suaves" (bg-* + bg-opacity-* + text-*)
   El tema pisa .bg-primary/.bg-info/... con un color solido e ignora
   --bs-bg-opacity, dejando texto del mismo color que el fondo (invisible).
   Restauramos el mecanismo de opacidad de Bootstrap: sin bg-opacity el
   color queda solido (opacidad 1), con bg-opacity-10 queda translucido. */
.bg-primary   { background-color: rgba(var(--bs-primary-rgb),   var(--bs-bg-opacity, 1)) !important; }
.bg-secondary { background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity, 1)) !important; }
.bg-success   { background-color: rgba(var(--bs-success-rgb),   var(--bs-bg-opacity, 1)) !important; }
.bg-info      { background-color: rgba(var(--bs-info-rgb),      var(--bs-bg-opacity, 1)) !important; }
.bg-warning   { background-color: rgba(var(--bs-warning-rgb),   var(--bs-bg-opacity, 1)) !important; }
.bg-danger    { background-color: rgba(var(--bs-danger-rgb),    var(--bs-bg-opacity, 1)) !important; }
.bg-dark      { background-color: rgba(var(--bs-dark-rgb),      var(--bs-bg-opacity, 1)) !important; }
.bg-light     { background-color: rgba(var(--bs-light-rgb),     var(--bs-bg-opacity, 1)) !important; }

/* Cuando el badge tiene fondo translucido, el texto va con el color fuerte
   y no en blanco (que es el default de .badge). */
.badge.bg-opacity-10.text-primary,
.badge.bg-opacity-25.text-primary   { color: var(--bs-primary)   !important; }
.badge.bg-opacity-10.text-secondary,
.badge.bg-opacity-25.text-secondary { color: var(--bs-secondary) !important; }
.badge.bg-opacity-10.text-success,
.badge.bg-opacity-25.text-success   { color: var(--bs-success)   !important; }
.badge.bg-opacity-10.text-info,
.badge.bg-opacity-25.text-info      { color: var(--bs-info)      !important; }
.badge.bg-opacity-10.text-warning,
.badge.bg-opacity-25.text-warning   { color: var(--bs-warning)   !important; }
.badge.bg-opacity-10.text-danger,
.badge.bg-opacity-25.text-danger    { color: var(--bs-danger)    !important; }
.badge.bg-opacity-10.text-dark,
.badge.bg-opacity-25.text-dark      { color: var(--bs-dark)      !important; }

/* 2) Paginacion: el tema pone SIEMPRE en blanco el <span> del page-link
   (regla pensada solo para :hover), dejando "Primera"/"Ultima"/flechas
   invisibles sobre fondo blanco. */
.pagination .page-item .page-link span { color: #6e6e6e; }
.pagination .page-item.active .page-link span,
.pagination .page-item .page-link:hover span,
.pagination .page-item .page-link:hover i { color: #fff; }
.pagination .page-item.disabled .page-link,
.pagination .page-item.disabled .page-link span { color: #b7b7b7; }