/* Zone names remain visible so color is never the only identifier. */
#programacion [data-zone="conferencias"] { --zone-color: #7dd3fc; --zone-bg: #172d4d; }
#programacion [data-zone="demostraciones"] { --zone-color: #fdba74; --zone-bg: #38243c; }
#programacion [data-zone="dinamico"] { --zone-color: #d8b4fe; --zone-bg: #30204d; }
#programacion [data-zone="verde"] { --zone-color: #86efac; --zone-bg: #173538; }
#programacion [data-zone="networking"] { --zone-color: #fde68a; --zone-bg: #333039; }
#programacion [data-zone="compartida"] { --zone-color: #e2e8f0; --zone-bg: #252346; }
#programacion .agenda-event {
  background: var(--zone-bg);
  border-left: 4px solid var(--zone-color);
}
#programacion .agenda-event > p,
#programacion .agenda-event [data-event-locations] { color: var(--zone-color); }
#programacion .agenda-zone-name { color: var(--zone-color); }
#programacion .agenda-legend {
  display: flex;
  flex-wrap: wrap;
  gap: 12px 24px;
  margin: 0 0 28px;
  padding: 0;
  list-style: none;
}
#programacion .agenda-legend li {
  display: flex;
  align-items: center;
  gap: 8px;
  color: var(--zone-color);
  font-size: 13px;
  font-weight: 700;
  line-height: 1.5;
}
#programacion .agenda-legend li::before {
  content: "";
  width: 10px;
  height: 10px;
  flex-shrink: 0;
  border-radius: 3px;
  background: var(--zone-color);
}