@charset "utf-8";
/* CSS Document */

:root 
{
	--etl-green-600:#16a34a;
	--etl-green-700:#15803d;
	--etl-green-500:#22c55e;
	--etl-dark:#08140e;
	--etl-light:#f5fff9;
	--etl-muted:#a7b6ae;
}

html 
{
	scroll-behavior:smooth
}

body 
{
	font-family:'Poppins', system-ui, sans-serif;
	background:#fbfffc;
	color:#101b14
}

/* NAVBAR */
    .navbar {
	box-shadow:0 6px 20px rgba(0, 0, 0, .04);
	background:#ffffffee;
	backdrop-filter:blur(6px)
}
.navbar-brand img {
	height:34px;
	width:auto
}
.nav-link {
	font-weight:600;
	font-size: 14px;
}
/* BUTTONS */
    .btn-etl {
	background:var(--etl-green-600);
	color:#fff;
	border:none;
	box-shadow:0 10px 22px rgba(22, 163, 74, .25)
}
.btn-etl:hover {
	background:var(--etl-green-700);
	color:#fff
}
.btn-outline-etl {
	border:2px solid var(--etl-green-600);
	color:var(--etl-green-700)
}
.btn-outline-etl:hover {
	background:var(--etl-green-600);
	color:#fff
}
/* HERO */
    .hero {
	position:relative;
	background:
 radial-gradient(1000px 500px at 10% 10%, rgba(34, 197, 94, .23), transparent 60%),  radial-gradient(900px 500px at 90% 20%, rgba(21, 128, 61, .18), transparent 60%),  linear-gradient(135deg, var(--etl-green-600), var(--etl-green-700));
	color:#fff;
	overflow:hidden
}
.hero .overlay-shape {
	position:absolute;
	inset:0;
	pointer-events:none;
	opacity:.15;
	background:repeating-linear-gradient(45deg, rgba(255, 255, 255, .15) 0 8px, rgba(255, 255, 255, .05) 8px 16px)
}
.hero h1 {
	font-weight:800;
	font-size:clamp(2rem, 5vw, 3.25rem)
}
/* ALT HERO (Curso) */
    .hero-alt {
	position:relative;
	background:
 radial-gradient(900px 500px at 15% 20%, rgba(34, 197, 94, .18), transparent 60%),  radial-gradient(900px 500px at 85% 10%, rgba(21, 128, 61, .12), transparent 60%),  linear-gradient(135deg, #18b357, #0f7a37);
	color:#fff
}
/* SECTIONS */
    section {
	padding:72px 0
}
.section-title {
	font-weight:800;
	letter-spacing:.3px
}
.section-subtitle {
	color:#335244
}
/* CARDS */
    .product-card {
	height:100%;
	border:0;
	border-radius:20px;
	box-shadow:0 10px 30px rgba(0, 0, 0, .06);
transition:transform .25s ease, box-shadow .25s ease;
	background:#fff;
	color:#101b14
}
.product-card:hover {
	transform:translateY(-6px);
	box-shadow:0 18px 40px rgba(0, 0, 0, .12)
}
.product-icon {
	width:52px;
	height:52px;
	display:inline-grid;
	place-items:center;
	border-radius:14px;
	background:rgba(34, 197, 94, .1);
	color:var(--etl-green-600);
	box-shadow:inset 0 0 0 1px rgba(22, 163, 74, .25)
}
/* Selectors (Planos / Módulos) */
    .plan-btn, .mod-btn {
	border:2px solid #e7f3eb;
	border-radius:14px;
	padding:14px 16px;
	width:100%;
	text-align:left;
	font-weight:700;
	display:flex;
	justify-content:space-between;
	align-items:center
}
.plan-btn.active, .mod-btn.active {
	border-color:var(--etl-green-600);
	background:rgba(34, 197, 94, .08)
}
.plan-badge {
	background:#e8f9ef;
	color:var(--etl-green-700);
	border-radius:999px;
	padding:4px 10px;
font-size:.8rem;
	font-weight:700
}
.popular {
	position:relative
}
 .popular::after {
content:'Mais popular';
position:absolute;
right:14px;
top:-10px;
background:#111827;
color:#fff;
font-weight:800;
border-radius:999px;
padding:4px 10px;
font-size:.7rem;
box-shadow:0 8px 18px rgba(0, 0, 0, .2)
}
.price {
	font-weight:800
}
.price small {
	font-weight:600;
	color:#335244
}
/* Price box (direita) */
    .price-box {
	display:flex;
	justify-content:space-between;
	align-items:center;
	border:1px dashed #cfe9da;
	border-radius:12px;
	padding:10px 14px;
	margin-bottom:14px;
	background:#f6fff8
}
.price-box .value {
	font-weight:800;
	font-size:1.1rem;
	color:#0f5132
}
/* Logos clientes - slider infinito */
    .logos-wrapper {
	position:relative;
	overflow:hidden;
	padding:10px 0
}
.logos-track {
	display:flex;
	gap:30px;
	align-items:center;
	width:max-content;
	animation:logos-scroll 40s linear infinite
}
.logos-track img {
	height:60px;
	filter:grayscale(100%);
	opacity:.9;
transition:.3s;
	border-radius:6px
}
.logos-track img:hover {
	filter:grayscale(0%);
	opacity:1
}
 @keyframes logos-scroll {
from {
transform:translateX(0)
}
to {
	transform:translateX(-50%)
}
}
.logos-wrapper:hover .logos-track {
	animation-play-state:paused
}
 @media (prefers-reduced-motion:reduce) {
.logos-track {
animation:none
}
}
/* FLOATERS */
    .btn-whatsapp {
	position:fixed;
	right:20px;
	bottom:24px;
	z-index:1060;
	display:inline-flex;
	align-items:center;
	gap:10px;
	padding:12px 16px;
	border-radius:999px;
	background:#25D366;
	color:#fff;
	font-weight:700;
	text-decoration:none;
	box-shadow:0 18px 40px rgba(37, 211, 102, .35)
}
.btn-whatsapp .bubble {
	display:none;
	opacity:0;
transition:opacity .4s ease
}
.btn-whatsapp .bubble.show {
	display:inline;
	opacity:1
}
 @media(min-width:992px) {
.btn-whatsapp .bubble {
display:none
}
}
 @media(min-width:992px) {
.btn-whatsapp .bubble.show {
display:inline
}
}
.btn-top {
	position:fixed;
	left:20px;
	bottom:24px;
	z-index:1050;
	width:46px;
	height:46px;
	border-radius:999px;
	display:none;
	place-items:center;
	background:#0f172a;
	color:#fff;
	border:0;
	box-shadow:0 18px 40px rgba(0, 0, 0, .25)
}
/* FOOTER */
    footer {
	background:#07150f;
	color:#c7e7d6;
	padding:48px 0
}
footer a {
	color:#d3f6e5;
	text-decoration:none
}
footer a:hover {
	text-decoration:underline
}