/* 🎟️ Selector de Números */
.selector-chip {
  display: inline-block;
  padding: 8px 14px;
  border: 1px groove #092403;
  background: transparent;
  color: #092403;
  border-radius: 8px;
  font-family: monospace;
  font-weight: bold;
  cursor: pointer;
  transition: 0.3s;
}
.selector-check:checked + .selector-chip {
  background: #e2f513;
  color: #092403;
  box-shadow: 0 0 8px #e2f513, 0 0 16px #e2f51399;
}

/* 📃 Caja de resumen */
#sorteo-resumen {
  background: #092403;
  color: #e2f513;
  padding: 16px;
  border-radius: 10px;
  font-family: Arial, sans-serif;
  max-width: 600px;
  margin: auto;
  text-align: center;
}
#sorteo-resumen span.chip-num {
  display: inline-block;
  margin: 4px;
  padding: 8px 16px;
  border: 1px groove #e2f513;
  border-radius: 8px;
  font-size: 16px;
  background: #092403;
  color: #e2f513;
  font-family: monospace;
  box-shadow: 0 0 4px #e2f51380;
}

/* ✨ Resaltado de búsqueda */
.resaltar-busqueda {
  animation: parpadeoBrillante 1.2s ease-in-out;
  background-color: #ffe934 !important;
  color: #092403 !important;
  box-shadow: 0 0 20px #ffe934;
}

@keyframes parpadeoBrillante {
  0%   { box-shadow: 0 0 0px transparent; transform: scale(1); }
  50%  { box-shadow: 0 0 20px #ffe934; transform: scale(1.08); }
  100% { box-shadow: 0 0 0px transparent; transform: scale(1); }
}

/* 🔘 Botones */
button {
  background-color: #e2f513;
  color: #092403;
  font-weight: bold;
  padding: 8px 16px;
  border: none;
  border-radius: 6px;
  cursor: pointer;
  font-family: inherit;
}
button:disabled {
  opacity: 0.5;
  cursor: not-allowed;
}