/* =========================================================
   RSE SOLUÇÕES — LANDING PAGE LICENCIADOS
   MOBILE CSS
   Referência principal: 390 × 844
   ========================================================= */

@media (max-width: 768px) {


    /* =====================================================
       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;
    }


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

    .hero {

        position: relative;


        width: 100%;
        min-height: 0;
        height: auto;


        display: flex;
        align-items: center;

        background: #050505;

        overflow: hidden;

    }


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

    .hero-container {
        position: relative;

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

        margin: 0 auto;

        padding: 28px 16px 42px;

        display: flex;
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    }


    /* =====================================================
       CONTEÚDO
    ===================================================== */

    .hero-content {

        position: relative;

        z-index: 2;

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

        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: 25px;

        padding: 10px 20px;

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

        background: transparent;

        color: #00DA00;

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

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

        line-height: 1.2;

        letter-spacing: 2.3px;

        text-transform: uppercase;

        white-space: nowrap;

    }


    /* =====================================================
       HEADLINE
    ===================================================== */

    .hero h1 {

        width: 100%;

        margin: 0;
        padding: 0;

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

        font-size: clamp(
            39px,
            10.5vw,
            43px
        );

        font-weight: 400;

        line-height: 1.1;

        letter-spacing: -0.2px;

        text-align: center;

        text-transform: uppercase;

        color: #ffffff;

    }


    /* =====================================================
       LINHAS DA HEADLINE
    ===================================================== */

    .hero h1 span {

        display: block;

        width: 100%;

        white-space: normal;

    }


    /* =====================================================
       PRIMEIRA LINHA
    ===================================================== */

    .hero h1 span:nth-child(1) {

        white-space: nowrap;

    }


    /* =====================================================
       SEGUNDA LINHA
    ===================================================== */

    .hero h1 span:nth-child(2) {

        margin-top: 2px;

        color: #00DA00;

        white-space: nowrap;

    }


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

    .hero h1 span:nth-child(3) {

        margin-top: 2px;

        font-size: 0.86em;

        line-height: 1.1;

    }


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

    .hero-description {

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

        margin-top: 24px;

        display: flex;
        flex-direction: column;

        gap: 9px;

    }


    .hero-description p {

        margin: 0;

        color: #d6d6d6;

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

        font-size: 14px;

        font-weight: 400;

        line-height: 1.52;

    }


    .hero-description strong {

        color: #ffffff;

        font-weight: 700;

    }


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

    .hero .btn-principal {

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

        gap: 12px;

        width: 100%;

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

        margin-top: 24px;

        padding: 0 20px;

        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;

        cursor: pointer;

        -webkit-tap-highlight-color: transparent;

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


    .hero .btn-principal:active {

        transform: scale(0.98);

    }


    /* =====================================================
       SETA DO BOTÃO
    ===================================================== */

    .hero .btn-arrow {

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

        flex-shrink: 0;

    }


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

    .hero-scroll {

        display: flex;

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

        gap: 10px;

        margin-top: 20px;

        color: #858585;

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

        font-size: 9px;

        font-weight: 500;

        line-height: 1;

        letter-spacing: 2.2px;

        text-transform: uppercase;

    }


    .hero-scroll span {

        display: block;

        width: 24px;
        height: 1px;

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

    }


    .hero-scroll strong {

        color: #ffffff;

        font-size: 9px;

        font-weight: 500;

        letter-spacing: 2.2px;

    }


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

    .hero::before {

        content: "";

        position: absolute;

        width: 600px;
        height: 600px;

        left: 50%;
        top: 50%;

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

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

        pointer-events: none;

        z-index: 0;

    }


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

    .hero::after {

        content: "";

        position: absolute;

        left: 50%;
        bottom: 0;

        width: 70%;

        height: 1.5px;

        transform: translateX(-50%);

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

        pointer-events: none;

        z-index: 1;

    }

}

/* =========================================================
   COMO FUNCIONA — MOBILE
   ========================================================= */

@media (max-width: 768px) {

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

    .como-container {
        width: calc(100% - 32px);
        margin: 0 auto;
    }


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

    .section-label {
        display: inline-block;

        margin-bottom: 24px;

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

        color: #00DA00;
    }


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

    .como-title {
        display: flex;
        flex-direction: column;
        align-items: center;

        width: 100%;
        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(42px, 11vw, 48px);
        font-weight: 400;
        line-height: 1.1;
        letter-spacing: -0.5px;

        color: #FFFFFF;
    }

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

    .como-title .verde {
        color: #00DA00;
        margin-bottom: 3px;
    }


    /* =========================
       INTRODUÇÃO
       ========================= */

    .como-intro {
        width: 100%;
        max-width: 360px;

        margin: 28px auto 0;
    }

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

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

        color: #FFFFFF;
    }

    .como-intro p {
        margin: 0;

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

        color: #BDBDBD;
    }

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


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

    .como-beneficios {
        display: flex;
        flex-direction: column;

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

        gap: 10px;

        margin: 42px auto 0;
    }

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

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

        padding: 0 18px;

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

        background: #080808;

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

        color: #FFFFFF;
    }

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

        width: 25px;
        height: 25px;

        flex-shrink: 0;

        border-radius: 50%;

        background: #00DA00;

        color: #050505;
    }

    .beneficio-icon svg {
        width: 14px;
        height: 14px;
    }


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

    .como-energia {
        position: relative;

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

        margin: 42px auto 0;
        padding-top: 42px;
    }

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

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

        width: 100%;
        height: 0.5px;

        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: 16px;

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

        color: #00DA00;
    }

    .como-energia h3 {
        margin: 0 auto 22px;

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

        color: #FFFFFF;
    }

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

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

        color: #BDBDBD;
    }

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

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


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

    .como-fechamento {
        width: 100%;
        max-width: 350px;

        margin: 28px auto 0;
    }

    .como-fechamento p {
        margin: 0;

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

        color: #D6D6D6;
    }

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


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

    .btn-como {

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

        gap: 12px;

        width: 100%;

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

        margin-top: 36px;

        padding: 0 20px;

        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-arrow {

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

        flex-shrink: 0;
    }


    .btn-arrow svg {

        display: block;

        width: 18px;
        height: 18px;
    }

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

    .como::after {

        content: "";

        position: absolute;

        left: 50%;
        bottom: 0;

        width: 70%;

        height: 1.5px;

        transform: translateX(-50%);

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

        pointer-events: none;

        z-index: 1;

    }
}

/* =========================================================
   MENTORIA / O MÉTODO — MOBILE
   ========================================================= */

@media (max-width: 768px) {

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

    .mentoria-container {
        width: calc(100% - 32px);
        max-width: 390px;
        margin: 0 auto;
    }


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

    .mentoria-label {
        display: inline-block;

        margin-bottom: 24px;

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

        color: #00DA00;
    }


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

    .mentoria-title {
        width: 100%;
        max-width: 360px;

        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(43px, 11vw, 50px);
        font-weight: 400;
        line-height: 0.98;
        letter-spacing: -0.5px;

        color: #FFFFFF;
    }

    .mentoria-title .verde {
        display: block;

        color: #00DA00;
    }


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

    .mentoria-intro {
        width: 100%;
        max-width: 350px;

        margin: 48px auto 0;
    }

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

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

        color: #FFFFFF;
    }

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

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

        color: #BDBDBD;
    }

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

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


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

    .mentoria-divisor {
        width: 100%;
        max-width: 350px;
        height: 1px;

        margin: 42px auto 0;

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


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

    .mentoria-metodo {
        width: 100%;
        max-width: 350px;

        margin: 42px auto 0;
    }

    .mentoria-mini-label {
        display: block;

        margin-bottom: 18px;

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

        color: #00DA00;
    }

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

        font-family: "Anton", sans-serif;
        font-size: clamp(38px, 10vw, 44px);
        font-weight: 400;
        line-height: 1;

        color: #FFFFFF;
    }

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

    .mentoria-metodo p {
        width: 100%;
        max-width: 345px;

        margin: 0 auto 18px;

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

        color: #BDBDBD;
    }

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

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

    .mentoria-metodo .mentoria-destaque {
        margin-top: 28px;
        margin-bottom: 22px;

        font-size: 18px;

        color: #FFFFFF;
    }


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

    .mentoria-impacto {
        width: 100%;
        max-width: 350px;

        margin: 42px auto 0;
    }

    .mentoria-impacto h3 {
        margin: 0;

        font-family: "Anton", sans-serif;
        font-size: clamp(36px, 9.5vw, 42px);
        font-weight: 400;
        line-height: 1.1;

        color: #FFFFFF;
    }

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

    .mentoria-impacto p {
        width: 100%;
        max-width: 340px;

        margin: 22px auto 0;

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

        color: #BDBDBD;
    }

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

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


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

    .btn-mentoria {

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

        gap: 12px;

        width: 100%;

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

        margin-top: 38px;

        padding: 0 20px;

        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-arrow {
        display: flex;
        align-items: center;
        justify-content: center;

        flex-shrink: 0;
    }

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

        width: 18px;
        height: 18px;
    }


    /* =========================
       DIVISOR ENTRE SEÇÕES
       ========================= */

    .divisor-secao {
        width: 82%;
        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%
        );
    }

}
/* =========================================================
   FILTRO / TICKET DE ENTRADA — MOBILE
   ========================================================= */

@media (max-width: 768px) {
    
    .filtro {
        width: 100%;
        background: #050505;
        padding: 42px 0 42px;
        text-align: center;
    }

    .filtro-container {
        width: min(390px, 100%);
        margin: 0 auto;
        padding: 0 16px;
    }

    /* LABEL */

    .filtro-label {
        display: block;
        margin-bottom: 20px;

        font-family: "Poppins", sans-serif;
        font-size: 10px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 2.5px;
        color: #00DA00;
    }

    /* TÍTULO */

    .filtro-title {
        max-width: 100%;
        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(38px, 12vw, 52px);
        font-weight: 400;
        line-height: 1.12;
        letter-spacing: -0.5px;
        color: #FFFFFF;
    }

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

    /* INTRO */

    .filtro-intro {
        max-width: 100%;
        margin: 42px auto 0;
    }

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

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.75;
        color: #BDBDBD;
    }

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

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

    /* CARD DO VALOR */

    .filtro-valor {
        width: 100%;
        max-width: 100%;
        margin: 42px auto 0;
        padding: 42px 20px 40px;

        border: 1px solid #202020;
        border-radius: 12px;
        background: #080808;
    }

    /* LABEL DO VALOR */

    .valor-label {
        display: block;

        font-family: "Poppins", sans-serif;
        font-size: 9px;
        font-weight: 600;
        line-height: 1.2;
        letter-spacing: 2px;
        color: #00DA00;
    }

    /* R$ 20 */

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

        margin-top: 18px;
        line-height: 1;
    }

    .valor-cifrao {
        margin-right: 0;

        font-family: "Poppins", sans-serif;
        font-size: 28px;
        font-weight: 600;
        line-height: 1;
        color: #00DA00;
    }

    .valor-numero {
        font-family: "Anton", sans-serif;
        font-size: clamp(110px, 30vw, 135px);
        font-weight: 400;
        line-height: 0.82;
        letter-spacing: -2px;
        color: #FFFFFF;
    }

    /* TEXTO DO CARD */

    .filtro-valor p {
        max-width: 290px;
        margin: 28px auto 0;

        font-family: "Poppins", sans-serif;
        font-size: 14px;
        font-weight: 400;
        line-height: 1.75;
        color: #FFFFFF;
    }

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

    /* EXPLICAÇÃO */

    .filtro-explicacao {
        max-width: 100%;
        margin: 48px auto 0;
    }

    .filtro-explicacao h3 {
        max-width: 100%;
        margin: 0 auto 24px;

        font-family: "Anton", sans-serif;
        font-size: clamp(38px, 10vw, 48px);
        font-weight: 400;
        line-height: 1.13;
        letter-spacing: -0.3px;
        color: #FFFFFF;
    }

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

    .filtro-explicacao p {
        max-width: 330px;
        margin: 0 auto;

        font-family: "Poppins", sans-serif;
        font-size: 15px;
        font-weight: 400;
        line-height: 1.75;
        color: #BDBDBD;
    }

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

    /* IMPACTO */

    .filtro-impacto {
        max-width: 100%;
        margin: 42px auto 0;
    }

    .filtro-impacto p {
        max-width: 330px;
        margin: 0 auto;

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

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

    /* CTA */

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

        width: 100%;
        min-width: 0;
        min-height: 60px;

        margin-top: 42px;
        padding: 0 20px;

        border: 0;
        border-radius: 16px;

        background: #00DA00;
        color: #050505;

        font-family: "Poppins", sans-serif;
        font-size: 14px;
        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-filtro:hover {
        transform: translateY(-2px);
        box-shadow: 0 8px 25px rgba(0, 218, 0, 0.15);
    }

    /* ÍCONE LUCIDE */

    .btn-filtro-icon {
        width: 19px;
        height: 19px;

        stroke-width: 2.2;

        flex-shrink: 0;

        transition: transform 0.25s ease;
    }

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

/* =========================================================
   FAQ — MOBILE
   ========================================================= */

@media (max-width: 768px) {

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

    .faq-container {
        width: 100%;
        max-width: 390px;
        margin: 0 auto;
        padding: 0 16px;
    }

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

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

    .faq .section-title h2 {
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 0;

        margin: 0;

        font-family: "Anton", sans-serif;
        font-size: clamp(35px, 10vw, 45px);
        font-weight: 400;
        line-height: 1;
        letter-spacing: -0.5px;
    }

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

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

    .faq .section-title p {
        max-width: 330px;
        margin: 20px auto 0;
        padding: 0;

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

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

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

        width: 100%;
        max-width: 100%;
        margin: 0 auto;

        text-align: left;
    }

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

    .faq-item {
        width: 100%;

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

        background: #080808;

        overflow: hidden;

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

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

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

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

        padding: 18px 18px;

        border: 0;
        background: transparent;

        color: #FFFFFF;

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

        text-align: left;

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

    .faq-question > span {
        width: calc(100% - 40px);
        padding-right: 12px;

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

        color: #FFFFFF;
    }

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

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

        width: 30px;
        height: 30px;

        margin-left: 8px;

        flex-shrink: 0;
    }

    .faq-icon span {
        display: block;

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

        color: #00DA00;

        transition: transform 0.3s ease;
    }

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

    .faq-answer {
        max-height: 0;

        overflow: hidden;

        padding: 0 18px;

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

    .faq-answer p {
        max-width: 100%;
        margin: 0 0 16px;

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

        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 25px rgba(0, 218, 0, 0.04);
    }

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

}

/* =========================================================
   CTA FINAL — MOBILE
   ========================================================= */

@media (max-width: 768px) {

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

    .cta-final-container {
        width: 100%;
        max-width: 390px;
        margin: 0 auto;
        padding: 0 16px;
    }

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

    .cta-final-label {
        display: block;

        margin-bottom: 24px;

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

        color: #00DA00;
    }

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

    .cta-final-title {
        max-width: 100%;
        margin: 0 auto;

        font-family: "Anton", sans-serif;
        font-size: clamp(38px, 12vw, 52px);
        font-weight: 400;
        line-height: 1.15;
        letter-spacing: -0.5px;

        color: #FFFFFF;
    }

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

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

    .cta-final-text {
        max-width: 100%;
        margin: 30px auto 0;
    }

    .cta-final-text p {
        max-width: 350px;
        margin: 0 auto 22px;

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

        color: #BDBDBD;
    }

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

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

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

        width: 100%;
        min-width: 0;
        min-height: 60px;

        margin-top: 38px;
        padding: 0 20px;

        border: 0;
        border-radius: 16px;

        background: #00DA00;
        color: #050505;

        font-family: "Poppins", sans-serif;
        font-size: 14px;
        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;
    }

    /* =====================================================
       Í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 — MOBILE
   ===================================================== */
   
@media (max-width:768px){

    .footer{

        padding:80px 20px 45px;

    }

    /*========================*/

    .footer::before{

        width:260px;

    }

    /*========================*/

    .footer-tag{

        font-size:11px;

        letter-spacing:2px;

        margin-bottom:12px;

    }

    /*========================*/

    .footer-logo{

        width:170px;

        margin-bottom:16px;

    }

    /*========================*/

    .footer-description{

        max-width:100%;

        padding:0 10px;

        font-size:16px;

        line-height:1.8;

        margin-bottom:55px;

    }

    /*========================*/

    .footer-contact{

        gap:14px;

        margin-bottom:45px;

    }

    .footer-contact a,
    .footer-contact span{

        font-size:16px;

    }

    /*========================*/

    .footer-divider{

        width:100%;

        max-width:300px;

        margin-bottom:35px;

        
    }

    /*========================*/

    .footer-bottom{

        gap:6px;

    }

    .footer-bottom p,
    .footer-bottom a{

        font-size:14px;

        line-height:1.7;

    }

}