@media (max-width: 1024px) {
    .comoFunciona {
        height: auto;
    }

    .divisaoComoFunciona {
        flex-direction: row;
        width: 70%;
        justify-content: center;
        gap: 1rem;
    }

    .comoFuncionaCards__continer {
        width: 12rem;
        height: 12rem;
        border: 2px solid white;
        border-radius: 12px;
        position: relative;
    }

    .comoFunciona__linhas {
        flex-direction: column;
    }

    .EtapaLinha {
        height: 9rem;
        width: 5px;
        margin: 0px 0px 20px 0px;
    }

    .comoFuncionaCards {
        flex-direction: column;
        gap: 2.6rem;
        width: 100%;
    }

    .ComoFuncionaSeta {
        transform: rotate(90deg);
    }

    .comoFuncionaCards__continerSeta {
        padding: 1rem;
        width: 4rem;
        height: 4rem;
        top: 95%;
        left: 50%;
        transform: translateX(-50%);
    }


    .AvisoLink {
        text-align: center;
    }

}

@media (max-width: 500px) {
    .AvisoLink {
        text-align: center;
    }
}