/*@media (min-width: 540px) {
    .mosaico-container {
        grid-template-columns: repeat(2, 1fr);
    }
}

@media (min-width: 768px) {
    .mosaico-container {
        grid-template-columns: repeat(3, 1fr);
    }
}

@media (min-width: 1024px) {
    .mosaico-container {
        grid-template-columns: repeat(4, 1fr);
    }
}

@media (min-width: 1280px) {
    .mosaico-container {
        grid-template-columns: repeat(5, 1fr);
    }
}*/

@media only screen and (max-width: 669px) {

    .mosaico-container {
        grid-template-columns: repeat(3, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }
    
}

/* tablet */ 

@media only screen and (min-width: 670px) and (max-width: 999px) {

    .mosaico-container {
        grid-template-columns: repeat(4, 1fr);
        grid-template-rows: repeat(4, 1fr);
    }

    .mosaico-texto-mobile-tablet .container {
        gap: var(--base-grid-spacing);
    }
   
}