.buscador-select {
  width: 100%;
  height: calc(1.5em + 1.25em + 4px);
  font-size: 8px !important;
  border: 2px solid rgba(0, 0, 0, 0.15);
  border-radius: 0;
}

.cke_notifications_area {
    display: none !important;
}

.bell-animation {
  display: inline-block;
  animation: ring 1.5s infinite;
  transform-origin: top center;
}

/* Keyframes para el efecto de campaneo */
@keyframes ring {
  0% { transform: rotate(0); }
  15% { transform: rotate(-15deg); }
  30% { transform: rotate(15deg); }
  45% { transform: rotate(-10deg); }
  60% { transform: rotate(10deg); }
  75% { transform: rotate(-5deg); }
  90% { transform: rotate(5deg); }
  100% { transform: rotate(0); }
}

.badge-solicitudes {
  font-size: 80%; /* Reduce el tamaño de la fuente al 60% */
  padding: 0.2em 0.4em; /* Ajusta el relleno para mantener proporciones */
  transform: scale(0.8); /* Escala todo el badge al 60% */
  transform-origin: center; /* Asegura que el escalado se centre */
}

/* ESTILOS DROPDOWN DE LA CAMPANA */
.dropdown-menu.notification {
  min-width: 300px; /* Ajusta el ancho mínimo */
  border-radius: 8px; /* Esquinas redondeadas */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para darle profundidad */
  border: none; /* Elimina bordes */
  padding: 0; /* Elimina relleno interno */
  overflow: hidden; /* Asegura que no se desborde contenido */
}

/* Encabezado de notificación */
.noti-head {
  background-color: #f8f9fa; /* Fondo claro */
  padding: 10px 15px;
  border-bottom: 1px solid #e9ecef; /* Línea divisoria */
}

.noti-head h6 {
  font-size: 16px;
  font-weight: bold;
  color: #17a689; /* Verde solicitado */
  margin: 0; /* Sin margen extra */
}

/* Cuerpo de la notificación */
.noti-body {
  padding: 15px;
  font-size: 14px;
  color: #6c757d; /* Gris oscuro */
  background-color: #ffffff; /* Fondo blanco */
}

/* Pie de notificación */
.noti-footer {
  background-color: #e9ecef; /* Fondo más oscuro */
  text-align: center;
  padding: 10px;
  font-size: 14px;
}

.noti-footer a {
  color: #17a689; /* Verde solicitado */
  font-weight: bold;
  text-decoration: none; /* Sin subrayado */
}

.noti-footer a:hover {
  text-decoration: underline; /* Subrayado al pasar el cursor */
}


/*
  *
  * ESTILOS GENERAL DE LOS DROPDOWN
  *
*/

/* Dropdown general */
.dropdown-menu.profile-notification {
  min-width: 200px; /* Ajusta el ancho */
  border-radius: 8px; /* Esquinas redondeadas */
  box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2); /* Sombra para darle profundidad */
  border: none; /* Elimina bordes */
  padding: 0; /* Sin relleno extra */
  overflow: hidden; /* Asegura que no se desborde contenido */
  background-color: #ffffff; /* Fondo blanco */
}

/* Estilo del enlace principal */



/* Lista del cuerpo del dropdown */
/* Lista del cuerpo del dropdown */
.pro-body {
  list-style: none;
  margin: 0;
  padding: 0;
  display: grid; /* Cambia a grid para manejar las columnas dinámicamente */
  grid-template-columns: 1fr; /* Una columna por defecto */
  gap: 10px; /* Espacio entre los elementos */
  max-height: 500px; /* Opcional: Altura máxima con scroll si hay muchos elementos */
  overflow-y: auto; /* Habilita scroll vertical si se excede la altura */
}

/* Cuando hay más de 12 elementos, divide en 2 columnas */
.pro-body:has(li:nth-child(13)) {
  grid-template-columns: 1fr 1fr; /* Dos columnas */
}

/* Elementos de la lista */
.pro-body li {
  border-bottom: 1px solid #e9ecef; /* Línea divisoria entre opciones */
}

.pro-body li:last-child {
  border-bottom: none; /* Sin borde en la última opción */
}

.pro-body .dropdown-item {
  font-size: 14px;
  color: #6c757d; /* Gris oscuro */
  text-decoration: none; /* Sin subrayado */
  padding: 10px 15px;
  display: block;
  transition: all 0.3s ease-in-out; /* Transición suave */
}

.pro-body .dropdown-item:hover {
  background-color: #f8f9fa; /* Fondo claro al pasar el cursor */
  color: #17a689; /* Verde solicitado */
}