:root {
	/* Colores marca */
	--brand-purple: #4c007a; /* morado corporativo SICOCC */
	--brand-purple-light: rgba(119, 33, 191, .4);
	--brand-purple-soft: rgba(76,0,122,.18);
}

.glass {
	background: rgba(15,23,42,0.6);
	backdrop-filter: blur(16px);
	-webkit-backdrop-filter: blur(16px);
}

.fade-up {
	opacity: 0;
	transform: translateY(24px);
	transition: all .6s cubic-bezier(.16,1,.3,1);
}
.fade-up.show {
	opacity: 1;
	transform: translateY(0);
}

/* Nuevo gradient fondo, con morado como base */
.bg-gradient-main {
	background-image:
		radial-gradient(circle at 20% 20%, rgba(119,33,191,.22) 0%, transparent 60%),
		radial-gradient(circle at 80% 10%, rgba(37,99,235,.25) 0%, transparent 60%),
		radial-gradient(circle at 50% 80%, rgba(16,185,129,.12) 0%, transparent 70%);
}

/* Glow morado */
.neon-border {
	position: relative;
}
.neon-border::before {
	content:'';
	position:absolute;
	inset:0;
	border-radius:1rem;
	padding:1px;
	background:
		radial-gradient(circle at 0% 0%,
			rgba(119,33,191,.6) 0%,
			rgba(16,185,129,.3) 40%,
			transparent 70%);
	-webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
	-webkit-mask-composite: xor;
			mask-composite: exclude;
}

/* Botón primario morado -> azul -> morado */
.btn-primary {
	background-image: linear-gradient(
		90deg,
		rgba(119,33,191,1) 0%,
		rgba(59,130,246,1) 50%,
		rgba(119,33,191,1) 100%
	);
	background-size: 200% 100%;
	transition: background-position .4s ease;
}
.btn-primary:hover {
	background-position: 100% 0%;
}

.glow-ring {
	box-shadow:
		0 30px 120px rgba(119,33,191,.35),
		0 10px 40px rgba(37,99,235,.4);
}

.badge {
	background: linear-gradient(
		to right,
		rgba(119,33,191,.15),
		rgba(59,130,246,.15)
	);
	border: 1px solid rgba(255,255,255,.1);
}

.pricing-card:hover {
	box-shadow:
		0 24px 64px rgba(0,0,0,.8),
		0 0 60px rgba(119,33,191,.4);
	border-color: rgba(119,33,191,.5);
}

/* Mini pill */
.chip {
	background-color: rgba(119,33,191,.15);
	border: 1px solid rgba(119,33,191,.4);
	color: rgba(255,255,255,.8);
}