@media (max-width: 1024px) {
    .section-screen {
        min-height: auto;
        height: auto;
        padding-top: 7rem;
        padding-bottom: 4rem;
        display: block;
    }

    h1.text-5xl {
        font-size: 3rem !important;
    }

    .portfolio-card {
        height: 400px !important;
    }
}

@media (max-width: 768px) {
    /* Ajustes Gerais de Layout */
    .section-screen {
        width: 100%;
        overflow-x: hidden;
        padding-top: 6rem;
        padding-bottom: 3rem;
    }

    .container {
        padding-left: 1.25rem !important;
        padding-right: 1.25rem !important;
    }

    /* Tipografia Mobile */
    h1.text-5xl {
        font-size: 2.25rem !important;
        line-height: 1.2 !important;
        margin-bottom: 1.5rem !important;
    }

    h2.text-4xl, h2.text-5xl {
        font-size: 2rem !important;
        line-height: 1.2 !important;
    }

    h3.text-3xl {
        font-size: 1.5rem !important;
    }

    p.text-xl {
        font-size: 1rem !important;
        line-height: 1.6 !important;
        margin-bottom: 1.5rem !important;
    }

    p.text-lg {
        font-size: 1rem !important;
    }

    /* Ajuste de Espaçamentos (Gaps e Margins) */
    .gap-16 {
        gap: 2.5rem !important;
    }

    .gap-12 {
        gap: 2rem !important;
    }

    .gap-10 {
        gap: 1.5rem !important;
    }

    .mb-20 {
        margin-bottom: 3rem !important;
    }

    .mb-16 {
        margin-bottom: 2.5rem !important;
    }

    /* Ajustes Específicos de Componentes */
    .portfolio-card {
        height: 350px !important;
        margin-top: 0 !important; /* Remove margens negativas ou tops do desktop */
    }

    /* Navbar Mobile */
    nav .container {
        padding-left: 1rem !important;
        padding-right: 1rem !important;
    }

    /* Ajustes da Seção de Contato */
    #contato .min-h-\[650px\] {
        min-height: auto !important;
    }

    .p-12, .lg\:p-14 {
        padding: 1.5rem !important;
    }

    /* Cards de Estatísticas */
    .border-t.border-gray-100.pt-8 {
        flex-direction: column;
        align-items: flex-start;
        gap: 1.5rem;
    }
    
    .border-t .w-px {
        width: 100%;
        height: 1px;
    }

    /* Botão Flutuante WhatsApp */
    .fixed.bottom-8.right-8 {
        width: 3.5rem;
        height: 3.5rem;
        bottom: 1.5rem;
        right: 1.5rem;
    }
    
    .fixed.bottom-8.right-8 i {
        font-size: 1.5rem;
    }
}