/* =========================================================
   RSE SOLUÇÕES — LANDING PAGE LICENCIADOS
   DESKTOP CSS
   ========================================================= */


/* =========================================================
   DESKTOP
   ========================================================= */

@media (min-width: 769px) {


    /* =====================================================
       BASE
    ===================================================== */

    *,
    *::before,
    *::after {
        box-sizing: border-box;
    }


    html {
        scroll-behavior: smooth;
    }


    body {

        margin: 0;
        padding: 0;

        background: #050505;
        color: #ffffff;

        font-family: 'Poppins', sans-serif;

        overflow-x: hidden;

        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;

    }


    img,
    svg {
        display: block;
        max-width: 100%;
    }


    a {
        color: inherit;
        text-decoration: none;
    }


    button {
        font-family: inherit;
    }


    /* =====================================================
       VARIÁVEIS
    ===================================================== */

    :root {

        --black: #050505;
        --white: #ffffff;
        --green: #00DA00;

        --text: #d6d6d6;
        --text-muted: #858585;

    }


    /* =====================================================
       HERO
    ===================================================== */

    .hero {

        position: relative;

        width: 100%;
        min-height: 100vh;

        display: flex;
        align-items: center;

        background: #050505;

        overflow: hidden;

    }


    /* =====================================================
       HERO CONTAINER
    ===================================================== */

    .hero-container {

        position: relative;

        width: min(
            calc(100% - 12%),
            1400px
        );

        min-height: 100vh;

        margin: 0 auto;

        display: flex;
        align-items: center;
        justify-content: center;

        padding: 35px 0;

    }


    /* =====================================================
       HERO CONTENT
    ===================================================== */

    .hero-content {

        position: relative;

        z-index: 2;

        width: 100%;
        max-width: 1050px;

        margin: 0 auto;

        display: flex;
        flex-direction: column;
        align-items: center;

        text-align: center;

    }


    /* =====================================================
       BADGE
    ===================================================== */

    .hero .badge {

        display: inline-flex;
        align-items: center;
        justify-content: center;

        margin-bottom: 30px;

        padding: 11px 24px;

        border: 1px solid #00DA00;
        border-radius: 999px;

        background: transparent;

        color: #00DA00;

        font-family: 'Poppins', sans-serif;

        font-size: 12px;
        font-weight: 600;

        line-height: 1;

        letter-spacing: 3px;

        text-transform: uppercase;

        white-space: nowrap;

    }


    /* =====================================================
       HERO TITLE
    ===================================================== */

    .hero h1 {

        display: flex;
        flex-direction: column;
        align-items: center;

        width: 100%;

        margin: 0;
        padding: 0;

        font-family: 'Anton', sans-serif;

        font-size: clamp(62px, 5vw, 84px);

        font-weight: 400;

        line-height: 1.15;

        letter-spacing: -0.5px;

        text-transform: uppercase;

        color: #ffffff;

    }


    /* =====================================================
       TITLE — LINHAS
    ===================================================== */

    .hero h1 span {

        display: block;

        white-space: nowrap;

    }


    /* =====================================================
       TITLE — VERDE
    ===================================================== */

    .hero h1 .verde {

        color: #00DA00;

    }


    /* =====================================================
       TERCEIRA LINHA
    ===================================================== */

    .hero h1 span:nth-child(3) {
        font-size: 0.82em;
    }


    /* =====================================================
       HERO DESCRIPTION
    ===================================================== */

    .hero-description {

        width: 100%;

        max-width: 900px;

        margin-top: 34px;

        display: flex;
        flex-direction: column;

        gap: 12px;

    }


    .hero-description p {

        margin: 0;

        color: #d6d6d6;

        font-family: 'Poppins', sans-serif;

        font-size: 17px;

        font-weight: 400;

        line-height: 1.6;

    }


    .hero-description strong {

        color: #ffffff;

        font-weight: 700;

    }


    /* =====================================================
       BOTÃO PRINCIPAL
    ===================================================== */

    .hero .btn-principal {

        display: inline-flex;
        align-items: center;
        justify-content: center;

        gap: 12px;

        min-width: 310px;
        min-height: 66px;

        margin-top: 34px;

        padding: 0 28px;

        border: 0;
        border-radius: 16px;

        background: #00DA00;
        color: #050505;

        font-family: 'Poppins', sans-serif;

        font-size: 18px;
        font-weight: 700;

        line-height: 1;

        cursor: pointer;

        transition:
            transform 0.3s ease,
            box-shadow 0.3s ease;

    }


    .hero .btn-principal:hover {

        transform: translateY(-2px);

        box-shadow:
            0 15px 35px rgba(0, 0, 0, 0.35),
            0 0 30px rgba(0, 218, 0, 0.22);

    }


    .hero .btn-arrow {

        display: flex;
        align-items: center;
        justify-content: center;

        flex-shrink: 0;

        transition: transform 0.3s ease;

    }


    .hero .btn-principal:hover .btn-arrow {

        transform: translateY(3px);

    }


    /* =====================================================
       ASSINATURA RSE
    ===================================================== */

    .hero-scroll {

        display: flex;
        align-items: center;
        justify-content: center;

        gap: 12px;

        margin-top: 28px;

        color: #858585;

        font-family: 'Poppins', sans-serif;

        font-size: 10px;

        font-weight: 500;

        line-height: 1;

        letter-spacing: 2.5px;

        text-transform: uppercase;

    }


    .hero-scroll span {

        display: block;

        width: 28px;
        height: 1px;

        background: rgba(0, 218, 0, 0.45);

    }


    .hero-scroll strong {

        color: #ffffff;

        font-size: 10px;

        font-weight: 500;

    }


    /* =====================================================
       LUZ AMBIENTE
    ===================================================== */

    .hero::before {

        content: "";

        position: absolute;

        width: 900px;
        height: 900px;

        left: 50%;
        top: 50%;

        transform: translate(-50%, -50%);

        background:
            radial-gradient(
                circle,
                rgba(0, 218, 0, 0.045) 0%,
                rgba(0, 218, 0, 0.018) 38%,
                transparent 70%
            );

        pointer-events: none;

        z-index: 0;

    }


    /* =====================================================
       LINHA INFERIOR
    ===================================================== */

    .hero::after {

        content: "";

        position: absolute;

        left: 50%;
        bottom: 0;

        width: min(800px, 60%);

        height: 1px;

        transform: translateX(-50%);

        background:
            linear-gradient(
                90deg,
                transparent,
                rgba(0, 218, 0, 0.18),
                transparent
            );

        pointer-events: none;

        z-index: 1;

    }



}

/* =========================================================
   COMO FUNCIONA — DESKTOP
   ========================================================= */

@media (min-width: 769px) {

    .como-funciona {
        width: 100%;
        background: #050505;
        padding: 55px 0 110px;
        text-align: center;
    }

    .como-container {
        width: min(1180px, 90%);
        margin: 0 auto;
    }


    /* =========================
       LABEL
       ========================= */

    .section-label {
        display: inline-block;

        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        text-transform: uppercase;

        color: #00DA00;

        margin-bottom: 28px;
    }


    /* =========================
       TÍTULO
       ========================= */

    .como-title {
        display: flex;
        flex-direction: row;
        align-items: center;
        justify-content: center;
        gap: 28px;

        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(42px, 4.5vw, 72px);
        font-weight: 400;
        line-height: 1;

        letter-spacing: -1px;

        color: #FFFFFF;
    }

    .como-title span {
        display: block;
        white-space: nowrap;
    }

    .como-title .verde {
        color: #00DA00;
    }


    /* =========================
       INTRO
       ========================= */

    .como-intro {
        max-width: 800px;
        margin: 70px auto 0;
    }

    .como-intro h3 {
        margin: 0 0 24px;

        font-family: "Poppins", sans-serif;
        font-size: 27px;
        font-weight: 600;
        line-height: 1.35;

        color: #FFFFFF;
    }

    .como-intro p {
        margin: 0;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .como-intro strong {
        color: #FFFFFF;
        font-weight: 600;
    }


    /* =========================
       BENEFÍCIOS
       ========================= */

    .como-beneficios {
        display: grid;
        grid-template-columns: repeat(3, 1fr);

        gap: 20px;

        width: 100%;
        max-width: 900px;

        margin: 55px auto 0;
    }

    .como-beneficio {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 14px;

        min-height: 72px;

        padding: 0 22px;

        border: 1px solid #202020;
        border-radius: 8px;

        background: #080808;

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 500;

        color: #FFFFFF;
    }

    .beneficio-icon {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 28px;
        height: 28px;

        flex-shrink: 0;

        border-radius: 50%;

        background: #00DA00;

        color: #050505;
    }


    /* =========================
       ENERGIA POR ASSINATURA
       ========================= */

    .como-energia {
        position: relative;

        max-width: 820px;

        margin: 110px auto 0;
        padding-top: 55px;
    }

    .como-energia::before {
        content: "";

        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 1px;

        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(0, 218, 0, 0.12) 25%,
            rgba(0, 218, 0, 0.22) 50%,
            rgba(0, 218, 0, 0.12) 75%,
            transparent 100%
        );
    }

    .energia-label {
        display: block;

        margin-bottom: 18px;

        font-family: "Poppins", sans-serif;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 2.5px;
        text-transform: uppercase;

        color: #00DA00;
    }

    .como-energia h3 {
        margin: 0 0 25px;

        font-family: "Anton", sans-serif;
        font-size: 52px;
        font-weight: 400;
        line-height: 1;

        color: #FFFFFF;
    }

    .como-energia p {
        margin: 0 auto 20px;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .como-energia p:last-child {
        margin-bottom: 0;
    }

    .como-energia strong {
        color: #FFFFFF;
        font-weight: 600;
    }


    /* =========================
       FECHAMENTO
       ========================= */

    .como-fechamento {
        max-width: 800px;
        margin: 52px auto 0;
    }

    .como-fechamento p {
        margin: 0;

        font-family: "Poppins", sans-serif;
        font-size: 19px;
        font-weight: 400;
        line-height: 1.7;

        color: #D6D6D6;
    }

    .como-fechamento strong {
        color: #FFFFFF;
        font-weight: 600;
    }


   /* =========================
   BOTÃO
   ========================= */

    .btn-como {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;

        min-width: 300px;
        min-height: 60px;

        margin-top: 45px;
        padding: 0 24px;

        border: 0;
        border-radius: 16px;

        background: #00DA00;
        color: #050505;

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        text-decoration: none;

        cursor: pointer;

        transition:
            transform 0.25s ease,
            box-shadow 0.25s ease;
    }

    .btn-como:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 218, 0, 0.15);
    }

    .btn-arrow {
        display: flex;
        align-items: center;
        justify-content: center;
        flex-shrink: 0;
    }

    .btn-arrow svg {
        display: block;
        width: 18px;
        height: 18px;
    }

    .divisor-secao {
    width: min(820px, 80%);
    height: 1px;

    margin: 0 auto;

    background: linear-gradient(
        90deg,
        transparent 0%,
        rgba(0, 218, 0, 0.08) 25%,
        rgba(0, 218, 0, 0.20) 50%,
        rgba(0, 218, 0, 0.08) 75%,
        transparent 100%
    );
    }
}
/* =========================================================
   MENTORIA — DESKTOP
   ========================================================= */

@media (min-width: 769px) {

    .mentoria {
        width: 100%;
        background: #050505;
        padding: 55px 0 110px;
        text-align: center;
    }

    .mentoria-container {
        width: min(1180px, 90%);
        margin: 0 auto;
    }


    /* =========================
       LABEL
       ========================= */

    .mentoria-label {
        display: inline-block;

        margin-bottom: 30px;

        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        line-height: 1.2;
        text-transform: uppercase;

        color: #00DA00;
    }


    /* =========================
       TÍTULO
       ========================= */

    .mentoria-title {
        max-width: 1000px;

        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(54px, 5vw, 82px);
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -1px;

        color: #FFFFFF;
    }

    .mentoria-title .verde {
        display: block;

        color: #00DA00;
    }


    /* =========================
       INTRO
       ========================= */

    .mentoria-intro {
        max-width: 1000px;

        margin: 55px auto 0;
    }

    .mentoria-intro h3 {
        margin: 0 0 28px;

        font-family: "Poppins", sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 1.35;

        color: #FFFFFF;
    }

    .mentoria-intro p {
        margin: 0 0 20px;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .mentoria-intro p:last-child {
        margin-bottom: 0;
    }

    .mentoria-intro strong {
        color: #FFFFFF;
        font-weight: 600;
    }


    /* =========================
       DIVISOR
       ========================= */

    .mentoria-divisor {
        width: min(820px, 100%);
        height: 1px;

        margin: 110px auto 0;

        background: linear-gradient(
            90deg,
            transparent 0%,
            rgba(0, 218, 0, 0.12) 25%,
            rgba(0, 218, 0, 0.22) 50%,
            rgba(0, 218, 0, 0.12) 75%,
            transparent 100%
        );
    }


    /* =========================
       MÉTODO
       ========================= */

    .mentoria-metodo {
        max-width: 1000px;

        margin: 55px auto 0;
    }

    .mentoria-mini-label {
        display: block;

        margin-bottom: 20px;

        font-family: "Poppins", sans-serif;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 2.5px;
        line-height: 1.3;
        text-transform: uppercase;

        color: #00DA00;
    }

    .mentoria-metodo h3 {
        margin: 0 auto 30px;

        font-family: "Anton", sans-serif;
        font-size: 54px;
        font-weight: 400;
        line-height: 1;

        color: #FFFFFF;
    }

    .mentoria-metodo h3 .verde {
        color: #00DA00;
    }

    .mentoria-metodo p {
        max-width: 1000px;

        margin: 0 auto 20px;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .mentoria-metodo p:last-child {
        margin-bottom: 0;
    }

    .mentoria-metodo strong {
        color: #FFFFFF;
        font-weight: 600;
    }

    .mentoria-metodo .mentoria-destaque {
        margin-top: 32px;
        margin-bottom: 25px;

        font-size: 20px;

        color: #FFFFFF;
    }


    /* =========================
       IMPACTO
       ========================= */

    .mentoria-impacto {
        max-width: 850px;

        margin: 55px auto 0;
    }

    .mentoria-impacto h3 {
        margin: 0;

        font-family: "Anton", sans-serif;
        font-size: 48px;
        font-weight: 400;
        line-height: 1.05;

        color: #FFFFFF;
    }

    .mentoria-impacto h3 .verde {
        color: #00DA00;
    }

    .mentoria-impacto p {
        max-width: 700px;

        margin: 25px auto 0;

        font-family: "Poppins", sans-serif;
        font-size: 18px;
        font-weight: 400;
        line-height: 1.75;

        color: #BDBDBD;
    }

    .mentoria-impacto p:last-child {
        margin-top: 18px;
    }

    .mentoria-impacto strong {
        color: #FFFFFF;
        font-weight: 600;
    }


    /* =========================
    BOTÃO — MENTORIA
    ========================= */

    .btn-mentoria {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        gap: 12px;

        width: auto;
        min-width: 300px;
        min-height: 60px;

        margin-top: 50px;
        padding: 0 24px;

        border: 0;
        border-radius: 16px;

        background: #00DA00;
        color: #050505;

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 700;

        line-height: 1;
        text-align: center;
        text-decoration: none;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;

        transition:
            transform 0.25s ease,
            box-shadow 0.25s ease;
    }

    .btn-mentoria:hover {
        transform: translateY(-2px);

        box-shadow:
            0 8px 25px rgba(0, 218, 0, 0.15);
    }

    .btn-mentoria-arrow {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 18px;
        height: 18px;

        flex-shrink: 0;
    }

    .btn-mentoria-arrow svg {
        display: block;

        width: 18px;
        height: 18px;
    }

}
/* =========================================================
   FILTRO — DESKTOP
   ========================================================= */

@media (min-width: 769px) {

    .filtro {
        width: 100%;
        background: #050505;
        padding: 55px 0 110px;
        text-align: center;
    }

    .filtro-container {
        width: min(1180px, 90%);
        margin: 0 auto;
    }


    /* =========================
       LABEL
       ========================= */

    .filtro-label {
        display: inline-block;

        margin-bottom: 30px;

        font-family: "Poppins", sans-serif;
        font-size: 12px;
        font-weight: 600;
        letter-spacing: 3px;
        line-height: 1.2;
        text-transform: uppercase;

        color: #00DA00;
    }


    /* =========================
       TÍTULO
       ========================= */

    .filtro-title {
        max-width: 1000px;

        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(44px, 4vw, 72px);
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -1px;

        color: #FFFFFF;
    }

    .filtro-title .verde {
        
        color: #00DA00;
    }


    /* =========================
       INTRO
       ========================= */

    .filtro-intro {
        max-width: 1000px;

        margin: 40px auto 0;
    }

    .filtro-intro p {
        margin: 0 0 20px;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .filtro-intro p:last-child {
        margin-bottom: 0;
    }

    .filtro-intro strong {
        color: #FFFFFF;
        font-weight: 600;
    }


    /* =========================
       VALOR
       ========================= */

    .filtro-valor {
        max-width: 820px;

        margin: 70px auto 0;
        padding: 65px 40px;

        border: 1px solid #202020;
        border-radius: 12px;

        background: #080808;
    }

    .valor-label {
        display: block;

        margin-bottom: 15px;

        font-family: "Poppins", sans-serif;
        font-size: 11px;
        font-weight: 600;
        letter-spacing: 2.5px;
        line-height: 1.3;
        text-transform: uppercase;

        color: #00DA00;
    }

    .valor {
        display: flex;
        align-items: baseline;
        justify-content: center;

        line-height: 1;

        color: #FFFFFF;
        gap: 8px;
    }

    .valor-cifrao {
        margin-right: 0px;

        font-family: "Poppins", sans-serif;
        font-size: 32px;
        font-weight: 600;

        color: #00DA00;
    }

    .valor-numero {
        font-family: "Anton", sans-serif;
        font-size: clamp(120px, 12vw, 170px);
        font-weight: 400;
        line-height: 0.85;
        letter-spacing: -3px;

        color: #FFFFFF;
    }

    .filtro-valor p {
        margin: 35px auto 0;

        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;

        color: #FFFFFF;
    }


    /* =========================
       EXPLICAÇÃO DO FILTRO
       ========================= */

    .filtro-explicacao {
        max-width: 1000px;

        margin: 70px auto 0;
    }

    .filtro-explicacao h3 {
        margin: 0 auto 28px;

        font-family: "Anton", sans-serif;
        font-size: 48px;
        font-weight: 400;
        line-height: 1.05;

        color: #FFFFFF;
    }

    .filtro-explicacao h3 .verde {
        color: #00DA00;
    }

    .filtro-explicacao p {
        max-width: 1000px;

        margin: 0 auto;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .filtro-explicacao strong {
        color: #FFFFFF;
        font-weight: 600;
    }


    /* =========================
       IMPACTO FINAL
       ========================= */

    .filtro-impacto {
        max-width: 1000px;

        margin: 70px auto 0;
    }

    .filtro-impacto p {
        margin: 0;

        font-family: "Poppins", sans-serif;
        font-size: 19px;
        font-weight: 400;
        line-height: 1.75;

        color: #D6D6D6;
    }

    .filtro-impacto strong {
        color: #FFFFFF;
        font-weight: 600;
    }


    /* =========================
       BOTÃO
       ========================= */

    .btn-filtro {
        display: inline-flex;
        align-items: center;
        justify-content: center;

        gap: 12px;

        min-width: 330px;
        min-height: 60px;

        margin-top: 50px;

        padding: 0 24px;

        border: 0;
        border-radius: 16px;

        background: #00DA00;
        color: #050505;

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 700;

        line-height: 1;
        text-align: center;
        text-decoration: none;

        cursor: pointer;

        transition:
            transform 0.25s ease,
            box-shadow 0.25s ease;
    }

    .btn-filtro:hover {
        transform: translateY(-2px);

        box-shadow:
            0 8px 25px rgba(0, 218, 0, 0.15);
    }

    .btn-filtro-arrow {
        display: flex;
        align-items: center;
        justify-content: center;

        flex-shrink: 0;
    }

    .btn-filtro-arrow svg {
        display: block;

        width: 18px;
        height: 18px;
    }

}
/* =========================================================
   FAQ — DESKTOP
   ========================================================= */
@media (min-width: 769px) {

    .faq {
        width: 100%;
        background: #050505;
        padding: 55px 0 110px;
        text-align: center;
    }

    .faq-container {
        width: min(1180px, 90%);
        margin: 0 auto;
    }

    /* =========================================================
    TÍTULO
    ========================================================= */

    .faq .section-title {
        margin-bottom: 65px;
    }

    .faq .section-title h2 {
        display: flex;
        align-items: center;
        justify-content: center;
        gap: 18px;

        margin: 0;

        font-family: "Anton", sans-serif;
        font-size: clamp(58px, 6vw, 86px);
        font-weight: 400;
        line-height: 0.95;
        letter-spacing: -1px;
    }

    .faq .section-title .title-white {
        color: #FFFFFF;
    }

    .faq .section-title .title-green {
        color: #00DA00;
    }

    .faq .section-title p {
        max-width: 650px;
        margin: 28px auto 0;

        font-family: "Poppins", sans-serif;
        font-size: 16px;
        font-weight: 400;
        line-height: 1.8;
        color: #A5A5A5;
    }

    /* =========================================================
    LISTA
    ========================================================= */

    .faq-list {
        display: flex;
        flex-direction: column;
        gap: 14px;

        max-width: 900px;
        margin: 0 auto;

        text-align: left;
    }

    /* =========================================================
    ITEM
    ========================================================= */

    .faq-item {
        width: 100%;

        background: #080808;

        border: 1px solid rgba(255, 255, 255, 0.05);
        border-radius: 16px;

        overflow: hidden;

        transition:
            transform 0.25s ease,
            border-color 0.25s ease,
            box-shadow 0.25s ease;
    }

    .faq-item:hover {
        transform: translateY(-1px);
        border-color: rgba(0, 218, 0, 0.16);
    }

    /* =========================================================
    PERGUNTA
    ========================================================= */

    .faq-question {
        display: flex;
        align-items: center;
        justify-content: space-between;

        width: 100%;
        min-height: 78px;

        padding: 20px 28px;

        border: 0;
        background: transparent;

        color: #FFFFFF;

        font-family: "Poppins", sans-serif;

        text-align: left;

        cursor: pointer;
        -webkit-tap-highlight-color: transparent;
    }

    .faq-question > span {
        padding-right: 30px;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 600;
        line-height: 1.45;
        color: #FFFFFF;
    }

    /* =========================================================
    ÍCONE
    ========================================================= */

    .faq-icon {
        display: flex;
        align-items: center;
        justify-content: center;

        width: 36px;
        height: 36px;

        flex-shrink: 0;
    }

    .faq-icon span {
        display: block;

        font-family: "Anton", sans-serif;
        font-size: 36px;
        font-weight: 400;
        line-height: 1;

        color: #00DA00;

        transition: transform 0.3s ease;
    }

    /* =========================================================
    RESPOSTA
    ========================================================= */

    .faq-answer {
        max-height: 0;

        overflow: hidden;

        padding: 0 28px;

        transition:
            max-height 0.45s ease,
            padding 0.35s ease;
    }

    .faq-answer p {
        max-width: 820px;
        margin: 0 0 18px;

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .faq-answer p:last-child {
        margin-bottom: 6px;
    }

    .faq-answer strong {
        color: #FFFFFF;
        font-weight: 600;
    }

    /* =========================================================
    ITEM ABERTO
    ========================================================= */

    .faq-item.active {
        border-color: rgba(0, 218, 0, 0.20);

        box-shadow:
            0 0 30px rgba(0, 218, 0, 0.045);
    }

    .faq-item.active .faq-icon span {
        transform: rotate(45deg);
    }
}

/* =========================================================
   CTA FINAL — DESKTOP
   ========================================================= */

@media (min-width: 769px) {

    .cta-final {
        width: 100%;
        background: #050505;
        padding: 55px 0 160px;
        text-align: center;
    }

    .cta-final-container {
        width: min(1000px, 90%);
        margin: 0 auto;
    }

    /* =========================================================
    LABEL
    ========================================================= */

    .cta-final-label {
        display: block;

        margin-bottom: 30px;

        font-family: "Poppins", sans-serif;
        font-size: 11px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 3px;

        color: #00DA00;
    }

    /* =========================================================
    TÍTULO
    ========================================================= */

    .cta-final-title {
        max-width: 900px;
        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(64px, 7vw, 96px);
        font-weight: 400;
        line-height: 1.15;
        letter-spacing: -1px;

        color: #FFFFFF;
    }

    .cta-final-title .verde {
        display: block;
        color: #00DA00;
    }

    /* =========================================================
    TEXTO
    ========================================================= */

    .cta-final-text {
        max-width: 900px;
        margin: 42px auto 0;
    }

    .cta-final-text p {
        margin: 0 0 24px;

        font-family: "Poppins", sans-serif;
        font-size: 17px;
        font-weight: 400;
        line-height: 1.8;

        color: #BDBDBD;
    }

    .cta-final-text p:last-child {
        margin-bottom: 0;
    }

    /* =========================================================
    BOTÃO
    ========================================================= */

    .btn-cta-final {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        gap: 12px;

        min-width: 330px;
        min-height: 60px;

        margin-top: 45px;
        padding: 0 24px;

        border: 0;
        border-radius: 16px;

        background: #00DA00;
        color: #050505;

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 700;
        line-height: 1;
        text-align: center;
        text-decoration: none;

        cursor: pointer;
        -webkit-tap-highlight-color: transparent;

        transition:
            transform 0.25s ease,
            box-shadow 0.25s ease;
    }

    .btn-cta-final:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 218, 0, 0.15);
    }

    /* =========================================================
    ÍCONE
    ========================================================= */

    .btn-cta-final-icon {
        width: 19px;
        height: 19px;

        stroke-width: 2.2;

        flex-shrink: 0;

        transition: transform 0.25s ease;
    }

    .btn-cta-final:hover .btn-cta-final-icon {
        transform: scale(1.08);
    }
}

/*==================================================
FOOTER
==================================================*/


    .footer{

        position:relative;

        padding:70px 20px 60px;

        background:#0B0B0B;

        overflow:hidden;

    }

    /*==================================================
    LINHA SUPERIOR
    ==================================================*/

    .footer::before{

        content:"";

        position:absolute;

        top:0;
        left:50%;

        transform:translateX(-50%);

        width:420px;
        height:1px;

        background:linear-gradient(
            90deg,
            transparent,
            rgba(0,218,0,.35),
            transparent
        );

    }

    /*==================================================
    CONTAINER
    ==================================================*/

    .footer-container{

        max-width:900px;

        margin:auto;

        display:flex;

        flex-direction:column;

        align-items:center;

        justify-content:center;

        text-align:center;

    }

    /*==================================================
    TAG
    ==================================================*/

    .footer-tag{

        margin-bottom:25px;

        font-size:13px;

        font-weight:600;

        letter-spacing:3px;

        text-transform:uppercase;

        color:#8A8A8A;

    }

    /*==================================================
    LOGO
    ==================================================*/

    .footer-logo{

        width:220px;

        margin-bottom:28px;

        user-select:none;

        opacity:.92;
    }

    /*==================================================
    DESCRIÇÃO
    ==================================================*/

    .footer-description{

        max-width:500px;

        margin-bottom:70px;

        font-size:18px;

        line-height:2;

        color:#B9B9B9;

    }

    /*==================================================
    CONTATOS
    ==================================================*/

    .footer-contact{

        display:flex;

        flex-direction:column;

        gap:14px;

        margin-bottom:60px;

    }

    .footer-contact a,

    .footer-contact span{

        font-size:17px;

        color:#D9D9D9;

        text-decoration:none;

        transition:.30s ease;

    }

    .footer-contact a:hover{

        color:#00DA00;

    }

    /*==================================================
    DIVISOR
    ==================================================*/

    .footer-divider{

        width:100%;

        max-width:850px;

        height:1px;

        margin-bottom:45px;

        background:linear-gradient(
        90deg,
        transparent,
        rgba(0,218,0,.18),
        transparent
        );

    }

    /*==================================================
    RODAPÉ INFERIOR
    ==================================================*/

    .footer-bottom{

        display:flex;

        flex-direction:column;

        align-items:center;

        gap:8px;

    }

    .footer-bottom p{

        font-size:15px;

        color:#8F8F8F;

        line-height:1.7;

    }

    .footer-bottom a{

        color:#AFAFAF;

        text-decoration:none;

        transition:.30s ease;

    }

    .footer-bottom a:hover{

        color:#00DA00;

    }