/* ==================================================
   RESPONSIVO – LANDING PAGE VEMPRA DIG
   ================================================== */

/* ---------- Até 768px (tablets e dispositivos médios) ---------- */
@media (max-width: 768px) {
    /* Hero */
    .hero h1 {
        font-size: 2.8rem;
    }

    /* Imagem de fundo do hero */
    .hero::after {
        background-size: cover;
        background-position: center;
    }

    /* Assets */
    .asset-list {
        gap: 20px;
    }

    /* Features */
    .features {
        grid-template-columns: 1fr;
    }

    /* CTA final */
    .cta-final h2 {
        font-size: 2rem;
    }
}

/* ---------- Até 480px (smartphones) ---------- */
@media (max-width: 480px) {
    /* Header */
    header {
        padding: 10px 5%;
    }

    .logo {
        font-size: 1.2rem;
    }

    .btn-entrar {
        padding: 6px 16px;
        font-size: 0.85rem;
    }

    /* Hero */
    .hero h1 {
        font-size: 2.2rem;
    }

    .hero p {
        font-size: 1rem;
    }

    /* Features */
    .feature-card {
        padding: 25px;
    }

    /* Seções */
    .features,
    .assets,
    .cta-final {
        padding: 60px 5%;
    }

    /* Títulos */
    .section-title {
        font-size: 2rem;
    }
}

/* ---------- Até 400px (dispositivos muito pequenos) ---------- */
@media (max-width: 400px) {
    /* Header */
    header {
        padding: 8px 4%;
    }

    .logo {
        font-size: 1.1rem;
    }

    .btn-entrar {
        padding: 5px 12px;
        font-size: 0.75rem;
    }

    /* Hero */
    .hero h1 {
        font-size: 1.9rem;
    }

    /* CTA principal */
    .cta-main {
        padding: 14px 30px;
        font-size: 1rem;
    }
}