.section-productos {
    --image-text-font-size: 22px;

    background-image: url(/image/landing/assisto/productos-fondo.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    display: flex;
    flex-direction: row;
    padding: var(--image-text-font-size) 0;
}

    .section-productos .grid {
        display: flex;
        flex-direction: row;
        font-family: NeutrafaceText-Book;
        font-size: var(--image-text-font-size);
        width: 100%;
        justify-content: space-evenly;
    }
        .section-productos .grid .cell {
            background-color: #F2F2F2;
            border-radius: var(--image-text-font-size);
            display: flex;
            flex-direction: column;
            align-items: center;
            gap: var(--image-text-font-size);
            padding: var(--image-text-font-size);
        }
        .section-productos .grid .cell img {
            height: calc(var(--image-text-font-size) * 5);
        }

    .section-productos .mas-info {
        color: #2E8FCE;
        font-family: NeutrafaceText-Light;
        font-size: var(--image-text-font-size);
        padding: calc(var(--image-text-font-size) * 2) 0;
    }


/* modo mobile 360px */
@media (min-width: 0px) and (max-width: 480px) {
    .section-productos {
        --image-text-font-size: 5px;
    }
}

/* modo tablet 800px */
@media (min-width: 481px) and (max-width: 1000px) {
    .section-productos {
        --image-text-font-size: 12px;
    }
}

/* modo laptop 1280px */
@media (min-width: 1001px) and (max-width: 1500px) {
    .section-productos {
        --image-text-font-size: 21px;
    }
}

/* modo pc 1920px */
@media (min-width: 1501px) and (max-width: 2100px) {
    .section-productos {
        --image-text-font-size: 21px;
    }
}

/* modo 4k */
@media (min-width: 2101px) {
    .section-productos {
        --image-text-font-size: 26px;
    }
}