/* Média Query: Para dispositivos entre 768px e 1200px */
@media (min-width: 768px) and (max-width: 1200px) {
    #formContainer {
        border-radius: 10px;
        width: 90%;
        padding: 50px 50px 70px 50px;
    }

    #container>.imcResult {
        width: 90%;
        padding: 15px;
    }

    .understand>.categories {
        gap: 8px;
        flex-wrap: wrap;
        justify-content: space-between;
    }

    .categories>.category {
        flex: none;
        width: 30%;
        border: 4px solid var(--color-text-disabled);
        border-radius: 10px;
        padding: 10px;
        text-align: center;
        box-sizing: border-box;
    }

    #container>.understand {
        width: 80%;

        padding: 20px;
    }

    .categories>.category img {
        width: auto;
    }
}