body{ font-family: 'Inter', sans-serif; color: var(--text-cinza);}
html { scroll-behavior: smooth;}

:root{
    --bg-cinza-escuro: #111827;
    --bg-cinza-leve: #1F2937;
    --verde-neon: #2DD48F;
    --fundo-cinza-claro: #374151;
    --text-amarelo: #FBBF24;
    --text-cinza: #9CA3AF;
    --text-orange: #FF4500;
    --neon-blue: #00FFF0;
}

section { padding: 5rem 1rem; }
.main-container {max-width: 900px;width: 100%;}

/* Backgrounds */
.bg-01{background-color: var(--bg-cinza-escuro);}
.bg-02{background-color: var(--bg-cinza-leve);}

/* Classes do HERO */
.text-section h1 {font-size: 3.5rem;font-weight: 700;color: #BFDBFE; margin-bottom: 1.5rem; }
.text-section p {font-size: 1.125rem; line-height: 1.75;color: #9CA3AF;max-width: 450px; margin-bottom: 2rem;}
.btn-acquire {
            background: linear-gradient(to bottom, #FBBF24, #F59E0B);
            color: #1F2937;
            font-weight: 600;
            padding: 0.75rem 2rem;
            border: none;
            border-radius: 0.5rem;
            transition: transform 0.2s;
}
.btn-acquire:hover { transform: scale(1.05);   color: #1F2937; }

/* Card de preço */
.pricing-card {background-color: #1F2937; border-radius: 1rem;padding: 2rem; border: 2px solid #2DD4BF; box-shadow: 0 10px 25px rgba(0,0,0,0.3);}

.parcelado{text-align: center; color: #9CA3AF; font-size: 0.875rem;}
.parcelado .price{ display: block;font-size: 2rem; font-weight: 700; color: var(--verde-neon); margin-top: 0.25rem;}
.price-box{ background-color: var(--fundo-cinza-claro); border-radius: 0.75rem; padding: 1rem; margin: 1.5rem 0; text-align: center;}
.price-box .desconto-texto{color: var(--text-cinza); font-size: 0.875rem;}

.price-box .price{color: #E5E7EB; font-size: 1.5rem;font-weight: 600;}
.features-list { list-style: none;padding: 0;margin-bottom: 2rem;}

.features-list li {display: flex; align-items: center; margin-bottom: 1rem; color: #D1D5DB;}
.features-list .bi-check2-circle{ margin-right: 0.75rem; color: var(--verde-neon);}

.btn-buy {
            background: linear-gradient(to right, #2DD4BF, #3B82F6);
            color: #FFF;
            font-weight: 600;
            padding: 1rem;
            border: none;
            border-radius: 0.5rem;
            width: 100%;
            font-size: 1.125rem;
            transition: opacity 0.2s;
        }

.btn-buy:hover { opacity: 0.9; color: #FFF; }


/* Textos */
.titulo {
    font-weight: 600;
    font-size: 2.3rem;
    margin-bottom: 1rem;
    text-align: center;
    color: var(--text-amarelo);
}
.subtitulo{
    color: var(--text-cinza);
    font-size: 1.125rem;
    margin-bottom: 3rem;
    max-width: 500px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}

/* Conteúdo do curso */

.topic-item {
            background-color: #111827; 
            border: 1px solid #374151;
            border-radius: 0.75rem;
            padding: 1rem 1.5rem;
            display: flex;
            align-items: center;
            margin-bottom: 1.5rem;
            color: #D1D5DB;
            font-weight: 500;
}

.topic-number {
            width: 32px;
            height: 32px;
            border-radius: 50%;
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-right: 1rem;
            font-weight: 600;
            color: #1F2937;
}

.topic-number-blue {background-color: #2DD4BF;}
.topic-number-orange { background-color: #FBBF24;}

/* Prévia das aulas */

.video-wrapper {
            border: 1px solid #374151;
            border-radius: 1rem;
            padding: 0.75rem;
            background-color: #1F2937;             
            max-width: 720px;
            box-shadow: 0 10px 25px rgba(0,0,0,0.3);
        }
        
.video-wrapper iframe {border-radius: 0.75rem;}

/* Footer   */
.footer img{
    height: 90px;
    width: 90px;
    border-radius: 50%;
    margin-bottom: 1.2rem;
    border: #2DD4BF solid 2px;
}
.footer p{    text-align: center;}
.footer ul{ list-style-type: none;}
.footer ul>li>i{ padding-right: 0.5rem;}

.text-neon-verde{color: var(--verde-neon);}
.text-neon-orange{color: var(--text-orange);}
.text-neon-azul{color: var(--neon-blue);}

.contato{
    /* background-color:#1F2937; */
    background-color: #0355338d;
    border-radius: 20px;
    padding: 20px;
    border: #9CA3AF solid 2px;
    text-align: center;
}