@import url('./color.css');
@import url('./gallery.css');
@import url('./reset.css');
@import url('./typography.css');
/*------------------------------------------*/

@media (min-width:320px)  { /* smartphones, iPhone, portrait 480x320 phones */ }
@media (min-width:481px)  { /* portrait e-readers (Nook/Kindle), smaller tablets @ 600 or @ 640 wide. */ }
@media (min-width:641px)  { /* portrait tablets, portrait iPad, landscape e-readers, landscape 800x480 or 854x480 phones */ }
@media (min-width:961px)  { /* tablet, landscape iPad, lo-res laptops ands desktops */ }
@media (min-width:1025px) { /* big landscape tablets, laptops, and desktops */ }
@media (min-width:1281px) { /* hi-res laptops and desktops */ }

/*------------------------------------------*/
html {
    background-color: var(--background-color);
    color: var(--text-color);
}
a {
    color: var(--a-link-color);
}
a:visited {
    color: var(--a-visited-color);
}

.grid {
    display: grid;
}
.menu {
    align-items: center;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: auto;
    gap: 0.2rem;
}
.day {
    border-bottom: solid 1px gray;
}

#siteWrap {
    max-width: 60rem;
    padding: 1rem;
    margin: auto;
}
#siteHeader {
    margin-bottom: 1rem;
}
#manifesto p {
    padding-bottom: 1rem;
}

#titulo {
    grid-column: 1 / 3;
    grid-row: 1;
}
#logo {
    min-width: 64px;
    min-height: 64px;
    max-width: 100%;
    max-height: 128px;
    grid-column: 3 / 4;
    grid-row: 1;
}
@media (min-width:641px) {
    .menu {
        grid-template-columns: repeat(5, 1fr);
        gap: 1rem;
    }
    #titulo, #logo{
        grid-column: auto;
    }
}