/* Estilos Generales y Scrollbar */
.nice-scroll {
  scrollbar-width: thin;
  scrollbar-color: #cbd5e1 transparent;
}

.nice-scroll::-webkit-scrollbar {
  width: 8px;
}

.nice-scroll::-webkit-scrollbar-thumb {
  background: #cbd5e1;
  border-radius: 999px;
}

.nice-scroll::-webkit-scrollbar-track {
  background: transparent;
}

/* Ajuste de estilo para el modal y el contenedor de dibujo */
.modal-content {
  max-height: 90vh;
  /* Limita la altura del modal */
  overflow-y: auto;
  /* Permite scroll si el contenido es demasiado alto */
}

/* Estilos de Alto Contraste */
body.high-contrast {
  background-color: #000000 !important;
  color: #ffffff !important;
}

body.high-contrast header,
body.high-contrast .bg-white,
body.high-contrast .bg-slate-50 {
  background-color: #1a1a1a !important;
  color: #ffffff !important;
  border-color: #ffffff !important;
}

body.high-contrast button {
  border: 2px solid #ffff00 !important;
  font-weight: bold !important;
}

/* Botones primarios en amarillo/negro */
body.high-contrast .bg-indigo-600,
body.high-contrast .bg-purple-600,
body.high-contrast .bg-emerald-600 {
  background-color: #ffff00 !important;
  color: #000000 !important;
}

/* Botones secundarios en blanco/negro */
body.high-contrast .bg-slate-100,
body.high-contrast .bg-slate-200,
body.high-contrast .bg-amber-100,
body.high-contrast .bg-red-100 {
  background-color: #ffffff !important;
  color: #000000 !important;
}

/* Textos */
body.high-contrast .text-slate-600,
body.high-contrast .text-slate-500,
body.high-contrast .text-slate-900 {
  color: #ffffff !important;
}

/* Inputs */
body.high-contrast input,
body.high-contrast select,
body.high-contrast textarea {
  background-color: #333333 !important;
  color: #ffffff !important;
  border-color: #ffff00 !important;
}

/* CORRECCIÓN ESPECÍFICA: Botón Captura */
body.high-contrast #btnCapture {
  background-color: #ffff00 !important;
  color: #000000 !important;
  border-color: #ffffff !important;
}