/* ===== Estilos de estados de solicitud ===== */

/* Base para todos los badges */
.badge-estado {
  display: inline-block;        /* Se ajusta al texto */
  width: fit-content;           /* Evita que se estire */
  height: auto;                 /* Ajuste automático */
  font-weight: 700;
  font-size: 0.80rem;           /* Tamaño compacto */
  padding: 0.25em 0.5em;        /* Más pequeño y ajustado */
  border-radius: 0.375rem;
  line-height: 1;               /* Evita altura innecesaria */
  white-space: nowrap;          /* No permite salto de línea */
}
/* Estado: Pricing */
.badge-pricing {
  color: #009999!important;
  background-color: #ECFCFC !important;
}

/* Estado: Rechazado */
.badge-rechazado {
  color: #d9534f!important;
  background-color: #FCE5E5 !important;
}

/* Estado: Nuevo */
.badge-nuevo {
  color: #8aa47f!important;
  background-color: #EEF5EB !important;
}

/* Estado: Aprobado */
.badge-aprobado {
  color: #008000!important;
  background-color: #E6F7E6 !important;
}

/* Estado: Gerencia */
.badge-gerencia {
  color: #005580!important;
  background-color: #E6F2F7 !important;
}

/* Estado: Pricing 2 */
.badge-pricing2 {
  color: #336699!important;
  background-color: #E8F0FA !important;
}

/* Estado: Compras */
.badge-compras {
  color: #443a9d!important;
  background-color: #EAE8F9 !important;
}
/* Paginador general */
#paginador .page-item {
    margin: 0 2px;
}

/* DASHBOARD BACKOFFICE */

/* Números normales */
#paginador .page-link {
    color: #443a9d;
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 30%; 
    font-weight: 500;
    min-width: 28px;                
    height: 28px;
}

/* Números normales (sin borde) */
#paginador .page-link {
    color: #443a9d;
    background-color: transparent; /* sin fondo blanco */
    border: none;                  /* sin borde */
    border-radius: 0;              /* sin esquinas redondeadas */
    font-weight: 500;
}

/* Hover de números normales */
 #paginador .page-link:hover {
    background-color: #f0f0f0; 
    color: #443a9d;
} 

/* Número activo (sin borde) */
 #paginador .page-item.active .page-link {
    color: #443a9d !important;
    background-color: #EAE8F9 !important;
    border: none !important;   
    font-weight: bold;
} 

/* Botones deshabilitados (incluye puntos ...) */
 #paginador .page-item.disabled .page-link {
    color: #6c757d !important;
    background-color: transparent !important;
    border: none !important;
    cursor: default;
}
 
/* INDICADORES */

/* Números normales del paginador */
#paginadorTareas .page-link,
#paginadorVisitas .page-link {
    color: #443a9d !important;       /* azul oscuro para texto */
    background-color: transparent;    /* sin fondo */
    border: none;                     /* sin borde */
    font-weight: 500;
    min-width: 28px;                  /* tamaño consistente */
    height: 28px;
    display: inline-flex;
    justify-content: center;
    align-items: center;
    border-radius: 30%;              
}

/* Número activo */
#paginadorTareas .page-item.active .page-link,
#paginadorVisitas .page-item.active .page-link {
    color: #443a9d !important;       /* color del número activo */
    background-color: #EAE8F9 !important; /* fondo azul claro */
    font-weight: bold;
    border: none;
}

/* Botones deshabilitados (puntos ...) */
#paginadorTareas .page-item.disabled .page-link,
#paginadorVisitas .page-item.disabled .page-link {
    color: #6c757d !important;       /* gris oscuro */
    background-color: transparent !important;
    border: none;
    cursor: default;
}

/* Hover de números normales */
#paginadorTareas .page-link:hover,
#paginadorVisitas .page-link:hover {
    background-color: #f0f0f0;
}

/* ===== Estilos botones ===== */