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




 /*ORDEN DE DIVS*/
    .parent_LAYOUT_PRINCIPAL {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-template-rows: repeat(6, auto);
        grid-column-gap: auto;
        grid-row-gap: auto;
        grid-template-areas: 
        'primera'
        'primera_photo' 
        'segunda' 
        'quinta_uno'
        'quinta_tres'
        'quinta_cuatro'
        'tercera' /*corresponde al div paginador top*/
        'cuarta'
        'septima' /*corresponde al div paginador bottom*/
        'quinta' 
        'sexta' 
        'octava';

    }

/*ORDEN DE DIVS ESPECIFICO PARA HOME*/
    .parent_LAYOUT_PRINCIPAL_HOME {
        display: grid;
        grid-template-columns: repeat(1, 100%);
        grid-template-rows: repeat(6, auto);
        grid-column-gap: auto;
        grid-row-gap: auto;
        grid-template-areas: 
        'primera'
        'primera_photo' 
        'segunda' 
        'quinta_uno'
        'quinta_tres'
        'tercera' 
        'cuarta'
        'quinta' 
        'sexta' 
        'octava';

    }


    .parent_LAYOUT_PRINCIPAL img {
        width: 100%;
    }

    .div_LAYOUT_PRINCIPAL_1 {
        border: solid magenta 0px;
    }


    /*abre - contiene el buscador*/
    .div_LAYOUT_PRINCIPAL_2 {
        border: solid yellow 0;
    }


    /*.div_LAYOUT_PRINCIPAL_2 {visibility:hidden; display:none;}*/
    .MenuPrincipal_wrapper {
        padding: 0;
        align-items: center;
        justify-content: center;
        
    }

    .estiloLinkSecciones>h3 {
        /*CONTIENE ITEMS DE MENU DE SECCIONES: por grupos*/
        padding:0px;
        margin: 0px;
        white-space: nowrap;
    
    }


/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*ABRE*/ /*FORMULARIO DE BUSQUEDAS 01*/

.BuscadorTopHomeGrid {
    display: grid;
    width:90%;
    grid-template-columns: repeat(2, 1fr); 
    grid-template-rows: repeat(8, auto); 
    gap:5px 5px; 
    padding:0px;
    margin:auto;
    align-items:center;
   
    
    grid-template-areas: 
    " . . "
    " . . "
      "item1_BuscadorFINAL item1_BuscadorFINAL"
      "item2_BuscadorFINAL item2_BuscadorFINAL"
      "item3_BuscadorFINAL item5_BuscadorFINAL"
      "item4_BuscadorFINAL item6_BuscadorFINAL"
      "item8_BuscadorFINAL item8_BuscadorFINAL"
      " . . "
      " . . "
      ;

    background-color: transparent;
    border: solid 0px transparent;
    margin-bottom: 5px;
    border-radius:0px;
    color:black;

}

.item1_BuscadorFINAL { grid-area: item1_BuscadorFINAL;  }
.item2_BuscadorFINAL { grid-area: item2_BuscadorFINAL;   }
.item3_BuscadorFINAL { grid-area: item3_BuscadorFINAL;   }
.item4_BuscadorFINAL { grid-area: item4_BuscadorFINAL;   }
.item5_BuscadorFINAL { grid-area: item5_BuscadorFINAL;   }
.item6_BuscadorFINAL { grid-area: item6_BuscadorFINAL;   }
.item8_BuscadorFINAL { grid-area: item8_BuscadorFINAL;   }

input.estilosCamposBuscador,
input.estilosCamposBuscador_anios {

    font-size: 18px;
    width:100%;
    border:0;
    box-shadow:0 0 5px 3px rgba(68, 66, 66, 0.397);
    box-sizing: border-box;
    padding:15px;
    margin:auto;
    border-radius:4px;


}

.EstiloFormaBuscador  {
    
    
    padding-top: 0px;
    
}




.item2_Buscador > input {

    width: 100%;
    /*background-color: rgb(145, 103, 103);*/

}
.item4_Buscador > input {

    width: 40%;
    /*background-color: rgb(48, 219, 48);*/
}
.item5_Buscador {
    /*CONTIENE:txt:Y*/
    border: dashed 0 purple;
    width: 100%;
    margin: 0;
    padding: 0;

}
.item6_Buscador > input {

    width: 40%;
    /*background-color:rgb(92, 92, 124);*/

}
.item8_Buscador {
    grid-area: BotonBuscar;
    text-align: right;
}


button.BotonBuscarANE {
    font-family: 'Roboto Mono', monospace;
    background-color: rgb(221, 221, 221);
    font-size: 18px !important;
    padding: 20px;
    float: right;
    width: 100% !important;
    
}
button.BotonBuscarANE:hover {
    background-color: rgb(87, 85, 85);
    color: whitesmoke;
    cursor: pointer;
}


/*CIERRA*/ /*FORMULARIO DE BUSQUEDAS 01*/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/
/*****************************************************************************************************/





    .ContieneRegistrosResults {
        width: 90%;
        margin: auto;
        padding: 1px;
        align-self: center;
        /*border:solid 1px gray;*/
    
    }
   
    .div_LAYOUT_PRINCIPAL_1 {
        /*menu superior top*/
        grid-area: primera;
        
        width:100% !important;
        margin: auto !important;
        border: dotted magenta 0px;
    }

    .div_LAYOUT_PRINCIPAL_11 {
        /*menu superior top*/
        grid-area: primera_photo;
    }

    .div_LAYOUT_PRINCIPAL_2 
    /*corresponde a caja de buscador gris*/{
        grid-area: segunda;
    }
    .div_LAYOUT_PRINCIPAL_3 
    /*corresponde a paginador top: */{
        grid-area: tercera;
        
    }
    .div_LAYOUT_PRINCIPAL_4 {
        /*lista de secciones y cajas*/
        width: 98%;
        grid-area: quinta;
        align-self: start;
     
    }

    .div_LAYOUT_PRINCIPAL_51 
        /*corresponde a caja de destacados en index principal RESPONSIVE*/
        /*en responsive ocupa este lugar arriba*/
    {
        display:none;
        visibility: hidden;
        grid-area: quinta_uno;
        
    }
    .div_LAYOUT_PRINCIPAL_53 
    /*corresponde a caja de registro RANDOM en index RESPONSIVE*/
    
{
    grid-area: quinta_tres;
    
}

.div_LAYOUT_PRINCIPAL_54 
    /*corresponde a caja de registro RANDOM en index RESPONSIVE*/
    
{
    grid-area: quinta_cuatro;
    
}


    .CajaDestacadosHome {
        margin:auto;
        width:100%;
        border:solid 0px green;
                display: grid;
                grid-template-columns: repeat(auto-fill,minmax(100%, 1fr));
            }
        
        .CajaDestacadosHome>* {
        
        border:solid 0px pink;
        padding:2px;
        margin:3px;
                
            }
        



    
    


/*estos tres contenedores van juntos para calibrar el ancho en responsives*/
.Main,
.ContieneRegistrosResults {
    width: 95%;
}
.BuscadorResultados {
    width: 95%;
}
/*estos tres contenedores van juntos para calibrar el ancho en responsives*/


    .CajaDestacadosHome_RANDOM_RECORD {
        text-align: center;
        width: 90%;
        height: auto !important;
    }
    

    .textoRegistroRandom
    {
    
        /*font-family: 'Slabo 27px', serif;*/
        /*font-family: 'Playfair Display', serif;*/
        font-family: 'Amiri', serif;
        font-size: 25px;
        line-height:130%;
        text-align: center;
        margin: auto;
    }

    .hero-image {
        /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
        background-image: url("/images/cabecera-repo-ane-sep25-2021_mobile.jpg");
      
        
      }


      .hero-image-EXPLORAR {
        /* Use "linear-gradient" to add a darken background effect to the image (photographer.jpg). This will make the text easier to read */
        background-image: url("/images/cabecera-repo-ane-sep25-2021_mobile-2-EXPLORAR.jpg");
      
        
      }





a.estiloLinkCajas
{
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    line-height:180%;
    border:transparent 1px solid;
    word-break: break-all;
}


a.estiloLinkCajas:hover
{
color:gold;
background-color:midnightblue;
border:steelblue 1px solid;
}


a.estiloLinkSecciones
{
    font-family: 'Roboto Mono', monospace;
    font-size: 16px;
    line-height:180%;
    border:transparent 1px solid;
    overflow-wrap: break-anywhere;
    white-space:pre-line; 
    hyphens: auto;
}


a.estiloLinkSecciones:hover
{
color:gold;
background-color:midnightblue;
border:steelblue 1px solid;
}



/**************************************************/
/*INICIA: seccion footer*/

.contieneFooter {
    font-family: 'Roboto Mono', monospace;
    display: flex;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    width: 100%;
    bottom: 0;
    float: none;
    background-color: rgb(39, 39, 39);
    box-sizing: border-box;
    padding: 10px;

}

.contieneFooter_item {

    border-bottom: solid white 1px;
    padding: 5px;
}

a.contieneFooter_LinkFooter {
    color: cornsilk;
    text-decoration: none;
    border: transparent 5px solid;
}

a.contieneFooter_LinkFooter:hover {
    color: gold;

}


img.icoFooterCCommons
{
    width: 20%;
    margin: auto;
    
}

img.icoFooterCCommons_license
{
    width: 15%;
    margin: auto;
    
}


/************************************************************/
/************************************************************/


a.linkPaginador
{
    font-family: 'Roboto Mono', monospace;
    color: rgba(18, 112, 164, 1.00);
    font-size: 20px;
    line-height: 100%;
    font-weight: lighter;
    padding:0px;
   
}

span.linkPaginador 
{
    font-family: 'Roboto Mono', monospace;
    color: rgb(21, 22, 22);
    font-size: 20px;
    line-height: 100%;
    padding:0px;
   
}




.ListaCajasIndex {
    padding-left: 1px;
    /*border: dotted 1px orange;*/
    margin-bottom: 40px;


}

.ListaCajasIndex_INTERNA {
    border-top: solid 1px blue;
    border-bottom: solid 1px blue;
    padding: 5px;
    height: auto;
    max-height: 200px;
    overflow: auto;
    width:auto;
    max-width:99%;

    
    

}

/*para responsives el anchor apunta a esta parte de la página*/
div.AnchorSerie
{
    border:solid 0px red;
    position:absolute;
    left:0px;
    top:650px;
    visibility:hidden;
}




.textoCajaGuias,
.textoCajaHallazgos
    {
   
    
    font-size: 15px !important;
    line-height: 120%;
 
    }




    div.contieneTextoMarcoLegal,
    div.contieneTextoFuentes
    {
    width:95%;
    margin:auto;
    max-width:auto !important;
    min-width:auto !important;
    }
    




    .MenuRepAnes {
        /*CONTIENE LISTA DE SERIES. EN RESPONSIVE AGREGO UN POCO DE MARGEN PARA SEPARAR: todos*/
        margin-bottom: 100px;
    
    
    }







}