/**
 * Tema MandalaTickets para Vanilla Cookie Consent (#cc-main).
 * Alineado al header público (fondo #0a0e17, acento #55BFEE, gradiente CTAs).
 */

#cc-main {
	--cc-font-family: 'Source Sans Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
	--cc-bg: #0a0e17;
	--cc-primary-color: #f0f4f8;
	--cc-secondary-color: #aebbc5;
	--cc-separator-border-color: #1e2a3a;
	--cc-btn-primary-bg: #020297;
	--cc-btn-primary-color: #ffffff;
	--cc-btn-primary-border-color: #55bfee;
	--cc-btn-primary-hover-bg: #0d1a8a;
	--cc-btn-primary-hover-color: #ffffff;
	--cc-btn-primary-hover-border-color: #55bfee;
	--cc-btn-secondary-bg: #1a2332;
	--cc-btn-secondary-color: #e8eef4;
	--cc-btn-secondary-border-color: #334155;
	--cc-btn-secondary-hover-bg: #243044;
	--cc-btn-secondary-hover-color: #ffffff;
	--cc-btn-secondary-hover-border-color: #55bfee;
	--cc-modal-border-radius: 10px;
	--cc-btn-border-radius: 8px;
	--cc-footer-bg: #0d121c;
	--cc-footer-color: #aebbc5;
	--cc-footer-border-color: #1e2a3a;
	--cc-link-color: #55bfee;
	--cc-overlay-bg: rgba(10, 14, 23, 0.72);
}

/* Botón principal (Aceptar): gradiente como en header_styles */
#cc-main .cm__btn:not(.cm__btn--secondary):not(.cm__btn--close),
#cc-main .pm__btn:not(.pm__btn--secondary) {
	background: linear-gradient(90deg, #020297 12%, #55bfee 98%) !important;
	color: #fff !important;
}

#cc-main .cm__btn:not(.cm__btn--secondary):not(.cm__btn--close):hover,
#cc-main .pm__btn:not(.pm__btn--secondary):hover {
	filter: brightness(1.06);
}

/* Fase 1: solo Aceptar / Rechazar; ocultar acceso al modal de preferencias */
#cc-main button[data-cc='show-preferencesModal'] {
	display: none !important;
}