/*EMPIEZA ESTRUCTURA GENERAL COMPLETA PARA gridMain__HOME RESPONSIVES*/
/***********************************************************************/
@media screen and (max-width: 600px) {

    .gridMain__HOME{
        width:auto;
        margin: auto;
        display: grid;
        border: blue 0px solid;
        
        grid-template-columns: repeat(1, auto);
        grid-template-rows: repeat(20, auto);
        grid-column-gap: auto;
        grid-row-gap: auto;
        grid-template-areas: 
        'gm1' 
        'gm2' 
        'gm3' 
         
        'gcc_1' /*contiene:random*/
        'gcc_7' /*contiene:guias*/
        'gcc_8' /*contiene:hallazgo*/
        
        'gcol_izq_1'
        'gcol_izq_2'
        'gcol_izq_3'
    
        
        'gcc_2'
        'gcc_3'
        'gcc_4'
        'gcc_5'
        'gcc_6'

        'gcc_9'
    
        'gcol_der_1'
        'gcol_der_2'
        'gcol_der_3'

        'gm7'
        'gm8';
    }


    .gcol_izq_1{grid-area:gcol_izq_1;} /* contiene: lista Series*/
    .gcc_1{margin-bottom: 5%; width: 95%; margin: auto;} /*contiene:random*/





/* CONFIG: PAGINAS:OTROS */

.gridMain__OTROS{
    width:auto;
    margin: auto;
    display: grid;
    border: blue 0px solid;
    
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(20, auto);
    grid-column-gap: auto;
    grid-row-gap: auto;
    grid-template-areas: 
    'gm1' 
    'gm2' 
    'gm3' 
     
    'gcc_6' /*contiene:OTROS*/
    'gcc_7' /*contiene:guias*/
    'gcc_8' /*contiene:hallazgo*/
    
    'gcol_izq_1'
    'gcol_izq_2'
    'gcol_izq_3'

    
    'gcc_2'
    'gcc_3'
    'gcc_4'
    'gcc_5'
    

    'gcc_9'

    'gcol_der_1'
    'gcol_der_2'
    'gcol_der_3'

    'gm7'
    'gm8';
}

/* CONFIG: PAGINAS:OTROS */
.gridMain__EXPLORAR{
    
    width:auto;
    margin: auto;
    display: grid;
    border: blue 0px solid;
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(20, auto);
    grid-column-gap: auto;
    grid-row-gap: auto;
    grid-template-areas: 
    'gm1_menu_izq' 
    'gm2_menu_izq' 
    'gm3_menu_izq' 


    'gcol_izq_2_menu_izq' /*contiene:LISTA_CAJAS*/

    'gcc_3_menu_izq' /*CONTIENE EXPLORAR*/

    'gcc_2_menu_izq' /*CONTIENE PAGINADOR TOP*/
    
    
    'gcol_izq_1_menu_izq' /*contiene:LISTA_SERIES*/
    
    
    'gcol_izq_3_menu_izq' /*contiene:random*/

    
    
    'gcc_1_menu_izq' /*contiene:random*/
    'gcc_7_menu_izq' /*contiene:guias*/
    'gcc_8_menu_izq' /*contiene:hallazgo*/
    'gcc_4_menu_izq'
    'gcc_5_menu_izq'
    'gcc_6_menu_izq'

    'gcc_9_menu_izq'/*CONTIENE PAGINADOR BOTTOM*/

    'gcol_der_1'
    'gcol_der_2'
    'gcol_der_3'

    'gm7_menu_izq'
    'gm8_menu_izq';
}


.gm1_menu_izq { grid-area: gm1_menu_izq; }
.gm2_menu_izq { grid-area: gm2_menu_izq; height:280px;}
.gm3_menu_izq { grid-area: gm3_menu_izq; }/* contiene: buscador*/
.gcc_2_menu_izq { grid-area: gcc_2_menu_izq; }
.gcc_3_menu_izq { grid-area: gcc_3_menu_izq; }
.gcc_9_menu_izq { grid-area: gcc_9_menu_izq; }
.gm8_menu_izq { grid-area: gm8_menu_izq; }
.gcol_izq_menu { grid-area: gcol_izq_menu; }
.gcol_izq_1_menu_izq { grid-area: gcol_izq_1_menu_izq; }
.gcol_izq_2_menu_izq { grid-area: gcol_izq_2_menu_izq; }


div.SwitchHideDivFragment
{
    display:contents !important;
   
}

div.__ocultaEnResponsives
{
    display:none;
    visibility:hidden;
}



.gridMain{
    width:auto;
    margin: auto;
    display: grid;
    border: blue 0px solid;
    
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(20, auto);
    grid-column-gap: auto;
    grid-row-gap: auto;
    grid-template-areas: 
    'gm1' 
    'gm2' 
    'gm3' 
 
    'gcol_izq_2'
    'gcol_izq_3'
  
    'gcc_2'/*contiene:paginador top*/
    'gcc_4'/*contiene:resultados*/
    'gcc_9'/*contiene:paginador bottom*/

    'gcol_izq_1'

    'gcc_1' /*contiene:random*/
    'gcc_3'
    'gcc_5'
    'gcc_6'
    'gcc_7' /*contiene:guias*/
    'gcc_8' /*contiene:hallazgo*/

    'gcol_der_1'
    'gcol_der_2'
    'gcol_der_3'

    'gm7'
    'gm8';
}




.gridMain__DETALLE{
    
    margin: auto;
    display: grid;
    border: blue 0px solid;
    width: auto;
    grid-template-columns: repeat(1, auto);
    grid-template-rows: repeat(16, auto);
    grid-template-areas: 
    'gm1' 
    'gm2' 
    'gm3' 
 
    'gcol_izq_2'
    'gcol_izq_3' 
     
    'gcc_2'/*contiene:paginador top*/
    'gcc_4'/*contiene:resultados*/
    'gcc_9'/*contiene:paginador bottom*/

    'gcol_izq_1'

    'gcc_1' /*contiene:random*/
    'gcc_3'
    'gcc_5'
    'gcc_6'
    'gcc_7' /*contiene:guias*/
    'gcc_8' /*contiene:hallazgo*/

    'gcol_der_1'
    'gcol_der_2'
    'gcol_der_3'

    'gm7'
    'gm8';
    
}


}