@media (max-width: 425px) {

    html {
        font-size: 14px;
    }

    body {
        padding: 0;
    }

    main {
        padding: 0 0 25px;
        flex-direction: column;
        width: 100%;
        height: max-content;
        border-radius: 0 0 30px 30px;
        gap: 1rem;
    }

    .resultado {
        padding: 25px;
        width: 100%;
        border-radius: 0 0 30px 30px;
        gap: 1rem;
    }

    .categorias {
        width: 100%;
        height: max-content;
        border-radius: 0 0 30px 30px;
        gap: 1rem;
        justify-content: start;
    }

    .categorias_titulo, .cards {
        padding: 0 20px;
    }

    .categorias_btn {
        margin: 0 20px;
    }
}