/**
 * Colores por evento (Fábrica → portal_colores_json).
 *
 * 1 Primario  → títulos + botones
 * 2 Secundario → fondos de bloques / cards
 * 3 Acento    → labels, chips, bordes
 */
.ci-evt-card,
.ci-evt-detail {
	--ci-evt-primary: #e20613;
	--ci-evt-secondary: #fff5f5;
	--ci-evt-accent: #001a3d;
}

/* ——— 1 · Títulos + botones (primario) ——— */
.ci-evt-detail__title,
.ci-evt-detail__heading,
.ci-evt-prep-card__title,
.ci-evt-card__title,
.ci-evt-card__title a {
	color: var(--ci-evt-primary) !important;
}

.ci-evt-card .btn--primary,
.ci-evt-detail .btn--primary {
	background: var(--ci-evt-primary) !important;
	border-color: var(--ci-evt-primary) !important;
	color: #fff !important;
}

.ci-evt-card .btn--primary:hover,
.ci-evt-detail .btn--primary:hover {
	filter: brightness(0.92);
}

.ci-evt-card__pill:not(.ci-evt-card__pill--past):not(.ci-evt-card__pill--soon) {
	background: var(--ci-evt-primary) !important;
	color: #fff !important;
}

.ci-evt-detail__price,
.ci-evt-detail__prose a {
	color: var(--ci-evt-primary) !important;
}

/* ——— 2 · Bloques (secundario) ——— */
.ci-evt-detail__meta li,
.ci-evt-detail__facts li,
.ci-evt-prep-card,
.ci-evt-cal,
.ci-evt-detail__block {
	background: var(--ci-evt-secondary) !important;
}

.ci-evt-detail__sections .ci-evt-detail__block {
	border-color: color-mix(in srgb, var(--ci-evt-accent) 18%, transparent);
}

/* ——— 3 · Acentos (labels / chips / bordes) ——— */
.ci-evt-detail__meta-label,
.ci-evt-detail__facts strong,
.ci-evt-cal__day,
.ci-evt-card__date,
.ci-evt-prep-card__kicker,
.ci-evt-kicker {
	color: var(--ci-evt-accent) !important;
}

.ci-evt-detail__chip {
	background: color-mix(in srgb, var(--ci-evt-accent) 14%, transparent) !important;
	color: var(--ci-evt-accent) !important;
	border: 1px solid color-mix(in srgb, var(--ci-evt-accent) 28%, transparent);
}

.ci-evt-detail__heading {
	border-left: 4px solid var(--ci-evt-accent);
	padding-left: 0.7rem;
}

.ci-evt-detail__intro,
.ci-evt-card__body {
	border-top: 3px solid var(--ci-evt-accent);
}