:root {
	--bg-deep: #05070a;
	--card-bg: #0f121a;
	--accent-green: #00ff88;
	--accent-green-dark: #00ba63;
	--text-main: #e2e8f0;
	--text-secondary: rgba(226, 232, 240, 0.6);
	--whatsapp-color: #25d366;
	--ls-2: 2px;
}

body {
	background-color: var(--bg-deep);
	color: var(--text-main);
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	overflow-x: hidden;
}

@keyframes breatheAction {
	0% { transform: scale(1); box-shadow: 0 0 10px rgba(0, 255, 136, 0.3); }
	50% { transform: scale(1.03); box-shadow: 0 0 25px rgba(0, 255, 136, 0.6); }
	100% { transform: scale(1); box-shadow: 0 0 10px rgba(0, 255, 136, 0.3); }
}

.custom-card, .expert-card, .freedom-card, .advantage-card, .expert-case-card, .learning-item {
	background: var(--card-bg);
	border: 1px solid rgba(255,255,255,0.05);
	border-radius: 24px;
	transition: all 0.4s cubic-bezier(0.165, 0.84, 0.44, 1);
}

.hero-section {
	position: relative; padding: 80px 0 80px;
	background: linear-gradient(rgba(5,7,10,0.6), var(--bg-deep)), 
				url('../files/bg1.jpg');
	background-size: cover; background-position: center;
}

.cta-btn-img {
	position: relative;
	overflow: hidden;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	max-width: 380px;
	height: 75px;
	border-radius: 20px;
	color: #000 !important;
	font-size: 1.25rem;
	font-weight: 900;
	text-decoration: none;

	background: linear-gradient(
		-45deg, 
		#a8ff78, 
		#78ffd6, 
		#20bf55, 
		#01baef
	);
	background-size: 400% 400%;
	animation: gradientFlow 6s ease infinite;

	transition: transform 0.3s cubic-bezier(0.34, 1.56, 0.64, 1), box-shadow 0.3s ease;
}

.cta-btn-img:hover {
	transform: scale(1.05); 
	box-shadow: 0 15px 30px rgba(32, 191, 85, 0.11); 
}

.cta-btn-img:active {
	transform: scale(0.98); 
}

@keyframes gradientFlow {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.learning-item:hover {
	background: rgba(0, 255, 136, 0.05) !important;
	border-color: rgba(0, 255, 136, 0.3) !important;
	transform: translateX(8px);
}

.learning-icon-box {
	min-width: 54px; height: 54px; display: flex; align-items: center; justify-content: center;
	background: rgba(0, 255, 136, 0.08); border: 1px solid rgba(0, 255, 136, 0.2);
	border-radius: 14px; color: var(--accent-green);
}

.learning-graphic {
	border-radius: 24px; border: 1px solid rgba(255, 255, 255, 0.08);
	box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4); overflow: hidden;
}

.review-card {
	background: var(--card-bg); border: 1px solid rgba(255,255,255,0.05);
	border-radius: 24px; transition: border-color 0.3s ease;
}
.reviewSwiper .swiper-wrapper { transition-timing-function: linear !important; }

.whatsapp-float {
	position: fixed;
	right: 25px;
	bottom: 25px;
	width: 80px;  
	height: 80px;
	z-index: 1000;
	cursor: pointer;
	border-radius: 999px;
	object-fit: contain;
	animation: breatheAction 3s infinite ease-in-out;
	filter: drop-shadow(0 10px 15px rgba(0,0,0,0.2));
}

.whatsapp-float:hover {
	animation-play-state: paused; 
	transform: scale(1.1);
	transition: transform 0.3s ease;
}

@keyframes breatheAction {
	0%, 100% { transform: scale(1); }
	50% { transform: scale(1.1); }
}

.cta-graphic-card {
	position: relative;
	overflow: hidden; 
	background: 
		linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.8)), 
		url('../files/bg2.webp') no-repeat center/cover;
	
	transition: all 0.4s ease;
}

.cta-graphic-card h2, .cta-graphic-card p, .cta-graphic-card div {
	position: relative;
	z-index: 1;
}

.badge-green { background: rgba(0, 255, 136, 0.1); border: 1px solid var(--accent-green); color: var(--accent-green); }
.ls-2 { letter-spacing: 2px; }
.step-indicator { font-size: 0.8rem; font-weight: 700; color: var(--accent-green); background: rgba(0, 255, 136, 0.1); padding: 2px 12px; border-radius: 100px; width: fit-content; }
.check-deco { position: absolute; bottom: -10px; right: -5px; font-size: 3rem; opacity: 0.05; transform: rotate(-15deg); color: var(--accent-green); }