/* INICIO ESTRUCTURA GENERAL */

@media (min-width: 1400px) {
    .container, .container-lg, .container-md, .container-sm, .container-xl, .container-xxl {
    max-width: 1180px;}
}

/* FIN ESTRUCTURA GENERAL */

/* INICIO HOME INDEX */

.grid-home {
    display: grid;
    /* grid-column-gap: 15px ;
    grid-row-gap: 15px; */
    /* grid-template-columns: 70% 30%; */
    grid-template-columns: repeat(6, minmax(0, 1fr));
    grid-gap: 1rem;
    margin-bottom: 100px;
}

.elementor {
    margin-bottom: 100px;
}

.grid-home > div:nth-child(1) {
    grid-column: 1/3;
}
.grid-home > div:nth-child(2) {
    grid-column: 3/-1;
}
.grid-home > div:nth-child(3) {
    grid-column: 1/4;
}
.grid-home > div:nth-child(4) {
    grid-column: 4/7;
}
.grid-home > div:nth-child(5) {
    grid-column: 1/5;
}
.grid-home > div:nth-child(6) {
    grid-column: 5/-1;
}
.grid-home > div:nth-child(7) {
    grid-column: 1/3;
}
.grid-home > div:nth-child(8) {
    grid-column: 3/-1;
}
.grid-home > div:nth-child(9) {
    grid-column: 1/4;
}
.grid-home > div:nth-child(10) {
    grid-column: 4/7;
}
.grid-home > div:nth-child(11) {
    grid-column: 1/3;
}
.grid-home > div:nth-child(12) {
    grid-column: 3/5;
}
.grid-home > div:nth-child(13) {
    grid-column: 5/7;
}
.grid-home > div:nth-child(14) {
    grid-column: 1/3;
}
.grid-home > div:nth-child(15) {
    grid-column: 3/-1;
}
.grid-home > div:nth-child(16) {
    grid-column: 1/4;
}
.grid-home > div:nth-child(17) {
    grid-column: 4/7;
}
.grid-home > div:nth-child(18) {
    grid-column: 1/3;
}
.grid-home > div:nth-child(19) {
    grid-column: 3/5;
}
.grid-home > div:nth-child(20) {
    grid-column: 5/7;
}
.grid-home > div:nth-child(21) {
    grid-column: 1/3;
}
.grid-home > div:nth-child(22) {
    grid-column: 3/5;
}
.grid-home > div:nth-child(23) {
    grid-column: 5/7;
}
.grid-home > div:nth-child(24) {
    grid-column: 1/3;
}
.grid-home > div:nth-child(25) {
    grid-column: 3/5;
}
.grid-home > div:nth-child(26) {
    grid-column: 5/7;
}

#servicios .grid-home > div:nth-child(odd),
#novedades .grid-home > div:nth-child(odd),
#soluciones .grid-home > div:nth-child(odd),
#casos-de-exito .grid-home > div:nth-child(odd) {
    grid-column: 1/4; 
}
#servicios .grid-home > div:nth-child(even),
#novedades .grid-home > div:nth-child(even),
#soluciones .grid-home > div:nth-child(even),
#casos-de-exito .grid-home > div:nth-child(even) {
    grid-column: 4/7; 
}

ul {
    text-transform: uppercase;
}




/* FIN HOME INDEX */



/*
####################################################
M E D I A  Q U E R I E S
####################################################
*/
 
/*
::::::::::::::::::::::::::::::::::::::::::::::::::::
Bootstrap 5 breakpoints
*/
 
/* 
Extra small devices (portrait phones, less than 576px) 
No media query since this is the default in Bootstrap because it is "mobile first"
*/
 


/* De 1400px para ABAJO */
@media (max-width: 575.98px) {   
   
}
/* De 1400px para ARRIBA */
@media (min-width:576px) { 
   
}
/* De 768px para ABAJO */
@media (max-width: 767.98px) { 

    .grid-home > div,
    #servicios .grid-home > div,
    #novedades .grid-home > div,
    #soluciones .grid-home > div,
    #casos-de-exito .grid-home > div {
        grid-column: 1/8 !important; 
    }   

   

}
/* De 768px para ARRIBA */
@media (min-width: 768px) {   
    
}
/* De 992px para ABAJO */
@media (max-width: 991.98px) {
    

}
/* De 992px para ARRIBA */
@media (min-width: 992px) {  

}
/* De 1200px para ABAJO */
@media (max-width: 1199.98px) { 
    
    .grid-home > div:nth-child(odd),
    #servicios > div:nth-child(odd),
    #novedades  > div:nth-child(odd),
    #soluciones > div:nth-child(odd),
    #casos-de-exito > div:nth-child(odd) {
        grid-column: 1/4; 
    }
    .grid-home > div:nth-child(even),
    #servicios > div:nth-child(even),
    #novedades > div:nth-child(even),
    #soluciones  > div:nth-child(even),
    #casos-de-exito > div:nth-child(even) {
        grid-column: 4/8; 
    }

    body > .container {
        max-width: 100% !important;
    }

}
/* De 1200px para ARRIBA */
@media (min-width: 1200px) {  

}
/* De 1400px para ABAJO */
@media (max-width: 1399.98px) {

}
/* De 1400px para ARRIBA */
@media (min-width: 1400px) {  

}