body {
  font-family: Arial, sans-serif;
  background-color: #8d0517; /* Fondo verde oscuro */
  color: #ffffff; /* Texto en blanco */
  margin: 20px;
  background-image: url('IHO.png'); /* Ruta relativa a la ubicación del archivo CSS */
  background-size: 100px; /* Tamaño de la imagen */
  background-position: 10px 10px; /* Posición de la imagen en la esquina superior izquierda */
  background-repeat: no-repeat; /* Evita que la imagen se repita */
}

h1 {
  text-align: center;
}

form {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap; /* Permite que los elementos se envuelvan cuando no hay suficiente espacio */
  margin-bottom: 20px;
}

.process-btn:disabled {
  background-color: #cccccc; /* Color gris para el botón Procesar archivo deshabilitado */
  cursor: not-allowed;
}

#rows-list,
#labels-list {
  margin-bottom: 20px;
}

select {
  width: 100%;
  height: 150px;
  font-size: 16px;
}

#output-response {
  margin-top: 20px;
  font-size: 18px;
}

/* Estilos para centrar el enlace y el texto "Hecho por" */
#made-by {
  text-align: center;
}

.website-link {
  display: block; /* Hace que el enlace ocupe todo el ancho disponible */
  margin: 0 auto; /* Centra horizontalmente */
}

/* Estilizar el contenedor de filas y columnas para que no haya desplazamiento y no sea interactivo */
#rows-list,
#labels-list {
  pointer-events: none; /* Desactivar eventos de puntero */
  user-select: none; /* Evitar que el usuario pueda seleccionar texto */
  overflow: hidden; /* Ocultar cualquier desplazamiento */
  height: 150px; /* O ajusta la altura según tus necesidades */
}