:root{
    /* ==============
    Galería de 3  */
    --gdi_espacio: 20px; /* Espacio entre imágenes*/
    --gdi_3img_m1_totalEspacio: calc(var(--gdi_espacio) * 0);/* Total de espacio entre imágenes*/
    --gdi_3img_m1_anchoTotalImg: calc(100% - var(--gdi_3img_m1_totalEspacio));/* Total de ancho de imágenes */
    --gdi_3img_m1_anchoImg: calc(var(--gdi_3img_m1_anchoTotalImg) / 1); /* Ancho de cada imagen.  */

       /* ==============
    Galería de 4  */
    --gdi_4img_m1_espacio: 20px; /* Espacio entre imágenes*/
    --gdi_4img_m1_totalEspacio: calc(var(--gdi_4img_m1_espacio) * 0);/* Total de espacio entre imágenes*/
    --gdi_4img_m1_anchoTotalImg: calc(100% - var(--gdi_4img_m1_totalEspacio));/* Total de ancho de imágenes */
    --gdi_4img_m1_anchoImg: calc(var(--gdi_4img_m1_anchoTotalImg) / 1); /* Ancho de cada imagen.  */
}
/* ==============
    Para todas las columnas */
    .gdi_3img_m1{ /* Caja galería */
        display: flex;
        flex-direction: row;
        justify-content:space-between;
        align-items: flex-start;
        flex-wrap: wrap;  
        width: 100%;
        height: auto;        
        list-style: none;  
    }

    .gdi_3img_m1 img{ /*  */
        width: var(--gdi_3img_m1_anchoImg);
        height: auto;
        margin: 0;
        margin-bottom: var(--gdi_espacio);
    }
    .gdi_3img_m1 img:nth-last-child{
        margin-bottom: 0; /* Eliminar margen inferior solo en las últimas 3 imágenes */
    }

/* ==============
    Para todas las columnas */
    .gdi_4img_m1{ /* Caja galería */
        display: flex;
        flex-direction: row;
        justify-content:space-between;
        align-items: flex-start;
        flex-wrap: wrap;  
        width: 100%;
        height: auto;        
        list-style: none;  
    }

    .gdi_4img_m1 img{ /*  */
        width: var(--gdi_4img_m1_anchoImg);
        height: auto;
        margin: 0;
        margin-bottom: 10px;
    }
    .gdi_4img_m1 img:nth-last-child{
        margin-bottom: 0; /* Eliminar margen inferior solo en las últimas 3 imágenes */
    }  
@media only screen and (min-width: 320px) {
}
@media only screen and (min-width: 480px) {
    :root{
        /* ==============
        Galería de 3  */
        --gdi_3img_m1_totalEspacio: calc(var(--gdi_espacio) * 1);/* Total de espacio entre imágenes*/
        --gdi_3img_m1_anchoTotalImg: calc(100% - var(--gdi_3img_m1_totalEspacio));/* Total de ancho de imágenes */
        --gdi_3img_m1_anchoImg: calc(var(--gdi_3img_m1_anchoTotalImg) / 2); /* Ancho de cada imagen.  */
                /* ==============
        Galería de 4  */
        --gdi_4img_m1_totalEspacio: calc(var(--gdi_4img_m1_espacio) * 1);/* Total de espacio entre imágenes*/
        --gdi_4img_m1_anchoTotalImg: calc(100% - var(--gdi_4img_m1_totalEspacio));/* Total de ancho de imágenes */
        --gdi_4img_m1_anchoImg: calc(var(--gdi_4img_m1_anchoTotalImg) / 2); /* Ancho de cada imagen.  */
    
    }
    .gdi_3img_m1 img{ /*  */
        width: var(--gdi_3img_m1_anchoImg);
        margin: 0;
        margin-bottom: var(--gdi_espacio);
    }
    .gdi_3img_m1 img:nth-last-child(-n+2) {
        margin-bottom: 0; /* Eliminar margen inferior solo en las últimas 3 imágenes */
    }

    .gdi_4img_m1 img{ /*  */
        width: var(--gdi_4img_m1_anchoImg);
        margin: 0;
        margin-bottom: var(--gdi_4img_m1_espacio);
    }
    .gdi_4img_m1 img:nth-last-child(-n+2) {
        margin-bottom: 0; /* Eliminar margen inferior solo en las últimas 3 imágenes */
    }
} 
@media only screen and (min-width: 590px) {

}
/* Ancho horizontal del celular Xiomi 11 Ancho:395px - 790px*/
@media only screen and (min-width: 748px) {
    :root{
        /* ==============
        Galería de 3  */
        --gdi_3img_m1_totalEspacio: calc(var(--gdi_espacio) * 2);/* Total de espacio entre imágenes*/
        --gdi_3img_m1_anchoTotalImg: calc(100% - var(--gdi_3img_m1_totalEspacio));/* Total de ancho de imágenes */
        --gdi_3img_m1_anchoImg: calc(var(--gdi_3img_m1_anchoTotalImg) / 3); /* Ancho de cada imagen.  */
     /* ==============
        Galería de 3  */
        --gdi_4img_m1_totalEspacio: calc(var(--gdi_4img_m1_espacio) * 3);/* Total de espacio entre imágenes*/
        --gdi_4img_m1_anchoTotalImg: calc(100% - var(--gdi_4img_m1_totalEspacio));/* Total de ancho de imágenes */
        --gdi_4img_m1_anchoImg: calc(var(--gdi_4img_m1_anchoTotalImg) / 4); /* Ancho de cada imagen.  */
    }
    .gdi_3img_m1 img{ /*  */
        width: var(--gdi_3img_m1_anchoImg);
        margin: 0;
        margin-bottom: var(--gdi_espacio);
    }
    .gdi_3img_m1 img:nth-last-child(-n+3) {
        margin-bottom: 0; /* Eliminar margen inferior solo en las últimas 3 imágenes */
    }

    .gdi_4img_m1 img{ /*  */
        width: var(--gdi_4img_m1_anchoImg);
        margin: 0;
        margin-bottom: var(--gdi_4img_m1_espacio);
    }
    .gdi_4img_m1 img:nth-last-child(-n+4) {
        margin-bottom: 0; /* Eliminar margen inferior solo en las últimas 3 imágenes */
    }
}
@media only screen and (min-width: 1024px) {
}
@media only screen and (min-width: 1140px) {
}