@import url('https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

body{font-family: "Roboto", sans-serif;
font-weight: 300;
font-style: normal;
margin: 0;}

body header{display: grid;
grid-template-columns: auto auto;
padding: 1.5rem 1.5rem 1.5rem 1.5rem;}

body header img{height: 1.435rem;}
body header div nav{text-align: right;
font-size: 0.85rem;}
body header div nav ul li {display: inline-block;
margin-left: 0;}
body header div nav ul li a {color: black;
text-decoration: none;}

section{display: grid;
grid-template-columns: 20% 20% 60%;}
body section figure{display: grid;
grid-template-rows: auto auto;
align-self: baseline;}
body section figure img {width: 100%;}
body section figure figcaption{background-color: #1a4417;
color: white;
text-align: center;
padding: 1rem 0 1rem 0;
width: 100%;
font-size: 0.8rem;}

h1{color:#1a4417;
font-size: 1.7rem;
margin-top: 2rem;}
h3{color:#1a4417;
font-size: 1.3rem;
margin-top: 1.5rem;}

body section article ul li {font-size: 0.85rem;}
body section article ol li {font-size: 0.85rem;}
body section article{margin: 0 0 1rem 0;}

body footer{background-image: url(fresas.webp);
width: 100%;
background-size: cover;}
    
body footer p{color: white;
    font-size: 13px;
    font-weight: bold;
    text-align: center;
    padding: 8.5rem;}
/*
body{transition: all 20s;}