@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;700&display=swap');
body{
    font-family: 'Roboto', sans-serif;
    margin: 0px;
}

header {
    display: grid;
    grid-template-columns: auto auto;
    padding: 2rem;
    align-items: center;}
header nav {
    justify-self: end;}
header nav ul li {
    display: inline-block;
    padding: 1rem;}
header nav ul li a{ 
    text-decoration: none;
    color: black;}

section{display: grid;
        grid-template-columns: 25% 15% auto;
        gap: 2rem;}

figure {
    display: grid;}
figure img {width: 100%;}
figcaption{background-color:#00450e;
    color: white;
    padding: 2rem;
    text-align: center;}

footer{
    width: 100%;
    min-height: 12rem;
    background-image: url(../img/fresas.webp);
    background-size: cover;
    }
footer p{
    color: white;
    text-align: center;
padding: 6rem;}


        /*T3XT05*/
h1 {color: #00450e;
    font-size: 2rem;
    font-weight: 700;}
h2 {color: #00450e;
        font-size: 1.5rem;
        font-weight: 700;}
.negrita{ font-weight: bold;}


@media (max-width:800px) {
        figure {padding: 2rem;
        align-items: center;}
        section{grid-template-columns: 1fr;}
        section aside {padding: 2rem;}
        section aside h2 {text-align: center;}
        section article {padding: 2rem;}
        section article h1 {text-align: center;}

}