:root{
	--font-family: 'Poppins', system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Arial;
	--card-radius: 12px;
}

body {  
	font-family: var(--font-family); 
	font-weight: 300;
}

/* Paquetes */
.card { border: 0; border-radius: var(--card-radius); transition: transform .15s ease, box-shadow .15s ease, opacity .25s ease; }
.card .card-body { border-radius: var(--card-radius); }
.card ul { padding-left: 1.25rem; }

/* Specific colors per package - adjust as desired */
.card-venture-start { background: linear-gradient(135deg, #8BFDD0 0%, #02965c 100%); }
.card-venture-level1 { background: linear-gradient(135deg, #98E5F1 0%, #127887 100%); }
.card-venture-epic { background: linear-gradient(135deg, #F3C195 0%, #e77f24 100%); }
.card-venture-social { background: linear-gradient(135deg, #d69cf9 0%, #c650ec 100%); }

/* Hover effects */
/*.card:hover { transform: translateY(-6px); box-shadow: 0 8px 24px rgba(0,0,0,0.12); }*/

/* Ensure text contrast and padding inside cards */
.card .card-body { padding: 1.25rem; color: #1b1b1b; }

#dynamic-form-container { margin-top: 1rem; }


/* Cintillo superior */
#fx-topbar {
	position: fixed;
	top: 0; left: 0; right: 0;
	width: 100%;
	background: #ffffff;            /* color de fondo del cintillo */
	border-bottom: 2px solid #815daf;/* color del borde inferior (ajústalo) */
	padding: 6px 0;                 /* alto del cintillo */
	text-align: center;
	z-index: 1080;                  /* por encima de .navbar (Bootstrap usa 1030/1040) */
}
#fx-topbar img {
	height: 70px;                   /* tamaño del logo */
	max-width: 100%;
	vertical-align: middle;
}

/* Espaciador (se ajusta por JS) */
#fx-topbar-spacer { height: 0; }

#backClass a{
	text-decoration:none;
	color:black;
	font-weight:bold;
}

@media only screen and (max-width: 767px) {
	#backClass{
	}
}

@media only screen and (min-width: 768px) {
	#backClass{
		position:absolute; 
		top:30px; 
		right:50px;'
	}
}

.pmlix{
	font-size:11px;
	text-align:right;
}

.pmlix a{
	text-decoration:none;
}

#package-price{
	text-align:right;
	padding:10px;
	background-color:#7a58a5;
	color:#fff;
	border-radius:10px;
	font-weight:bold;
}


