@media screen and (max-width: 640px) {
    
    body{
        width: 100vw;
        border: 0px;    
        grid-template-rows: auto auto auto;
    }
    
    
    header{
        grid-template-columns: 1fr;
    }
    
    #menu{
        display: block;
        font-size: 1.3em;
        padding: 6px;
    }

    header nav, header form, main aside{
        display: none;
    }

    header nav ul{ 
        display: block;
    }
    
    
    main{
        grid-template-columns: 1fr;
    }
    
    main aside{
        background-color: var(--color_oscuro2);
        color: var(--color_letra1);
    }
    

    
    main article section ul{
        grid-template-columns: 1fr;
        gap: 0px;
        row-gap: 8px;
    }
    
    
    footer{
        grid-template-columns: 1fr;
        padding: 5px;
    }

    footer nav{
        display: block;
        width: 100%;
        align-self: flex-start;
        justify-self: start;
        padding: 6px;
        border-bottom: 1px solid var(--color_letra2);
    }
    

    footer aside{
        display: none;
    }
    
}