:root{
  --accent: #ff7a00;  /* naranja */
  --sky: #56c5ff;     /* azul cielo */
}

.text-accent{ color: var(--accent); }
.btn-accent{
  background: var(--accent);
  border: 1px solid var(--accent);
  color: #111;
  font-weight: 700;
}
.btn-accent:hover{ filter: brightness(1.05); }

.cardx{
  background: #111;
  border: 1px solid #2b2b2b;
  border-radius: 16px;
  box-shadow: 0 10px 30px rgba(0,0,0,.35);
}
.badge-sky{ background: var(--sky); color: #111; }
.progress-bar{
  background: var(--accent) !important;
  color: #111;
}
/* Scroll interno para historial de campañas */
.table-scroll {
  max-height: 360px;          /* ajusta a tu gusto */
  overflow-y: auto;
  overflow-x: hidden;
  border-radius: 14px;
}

/* Encabezado fijo al hacer scroll */
.table-scroll thead th {
  position: sticky;
  top: 0;
  background-color: #111;
  z-index: 2;
}