.sitio-snackbar-host {
  position: fixed;
  left: 16px;
  bottom: 16px;
  z-index: 9999;
  display: flex;
  flex-direction: column;
  gap: 8px;
  pointer-events: none;
}

.sitio-snackbar {
  pointer-events: auto;
  background: rgba(17, 24, 39, 0.92);
  color: #fff;
  padding: 10px 12px;
  border-radius: 10px;
  min-width: 220px;
  max-width: 360px;
  box-shadow: 0 10px 20px rgba(0, 0, 0, 0.18);
  transform: translateY(6px);
  opacity: 0;
  transition: opacity 0.25s ease, transform 0.25s ease;
  font-size: 0.9rem;
}

.sitio-snackbar.is-visible {
  opacity: 1;
  transform: translateY(0);
}

.sitio-snackbar--success { background: rgba(22, 163, 74, 0.92); }
.sitio-snackbar--warning { background: rgba(245, 158, 11, 0.92); }
.sitio-snackbar--error { background: rgba(220, 38, 38, 0.92); }
.sitio-snackbar--info { background: rgba(37, 99, 235, 0.92); }