.bg-sky-500 {
  background-color: #38bdf8; /* Azul cielo */
}

.bg-yellow-500 {
  background-color: #facc15; /* Amarillo */
}

.bg-green-500 {
  background-color: #22c55e; /* Verde */
}

.bg-gray-500 {
  background-color: #6b7280; /* Gris */
}

.bg-blue-500 {
  background-color: #3b82f6; /* Azul */
}

.text-white {
  color: #ffffff; /* Blanco */
}

.text-xs {
  font-size: 0.75rem; /* Tamaño de texto pequeño */
}

.font-bold {
  font-weight: bold; /* Negrita */
}

.rounded-full {
  border-radius: 9999px; /* Bordes redondeados */
}

.px-2 {
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

.py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}