.custom-scrollbar::-webkit-scrollbar {
  width: 6px;
  height: 6px;
}
.custom-scrollbar::-webkit-scrollbar-track {
  background: #0f172a;
  border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb {
  background: #334155;
  border-radius: 10px;
}
.custom-scrollbar::-webkit-scrollbar-thumb:hover {
  background: #ea580c;
}

.carton-input {
  position: absolute;
  opacity: 0;
  pointer-events: none;
}

.carton-input:checked + .carton-btn {
  background-color: #ea580c;
  color: #fff;
  border-color: #f97316;
  box-shadow: 0 0 15px rgba(234, 88, 12, 0.4);
  transform: scale(1.05);
  z-index: 10;
}

.carton-btn.no-disponible {
  opacity: 0.35;
  cursor: not-allowed;
  text-decoration: line-through;
}

@keyframes zoomIn {
  from { transform: scale(0.95); opacity: 0; }
  to { transform: scale(1); opacity: 1; }
}
.animate-zoom-in {
  animation: zoomIn 0.18s ease-out;
}

@keyframes fadeIn {
  from { opacity: 0; }
  to { opacity: 1; }
}
.animate-fade-in {
  animation: fadeIn 0.3s ease-out;
}