@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');

*{margin: 0; 
    padding: 0;
    box-sizing: border-box;}

.horizontal {display:flex;
justify-content: space-between;}

body {font-family: "Roboto";
font-weight: 300;}

h1 {color: #00450e;
    font-size: 2rem;
    font-weight: 700;
padding-left: 2.5rem;}

figure {display: grid;
background-color: #00450e;
grid-template-columns: 50% 50%;
margin-block-start: 1em;
margin-block-end: 1em;
margin-inline-start: 40px;
margin-inline-end: 40px;
unicode-bidi: isolate;}

figcaption {color:white;
align-self: center;
text-align: center;}

figure img {width: 100%;}

img {overflow-clip-margin: content-box;
overflow: clip;}

h2 {color: #00450e;
    font-size: 1.5rem;
    font-weight: 700;}

header {display: grid;
grid-template-columns: auto auto;
padding-top: 1rem;
padding-right: 2rem;
padding-bottom: 4rem;
padding-left: 2rem;}

ul {
    display: block;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

section{grid-template-columns: 1fr 3fr;
display: grid;
gap:2%;
padding: 2%;}


ol {display: block;
margin-inline-start: 0px;
margin-inline-end: 0px;
margin-block-start: 1em;
margin-block-end: 1em;
padding-inline-start: 40px;
padding-left: 55px;}

li {display: list-item;
unicode-bidi: isolate;}

footer {width: 100%;
min-height: 10rem;
background-image: url(../img/fresas.webp);
background-position-x: initial;
background-position-y: initial;
background-origin: initial;
background-repeat: initial;
background-attachment: initial;
background-clip: initial;
background-size: cover;
align-items: center;
display: block;
margin: 0;
padding: 0
;}

footer p {
color: #fff;
font-size: 1rem;
font-weight: 700;
text-align: center;
padding-top: 5rem;
padding-bottom: 5rem;
padding-left: 5rem;
padding-right: 5rem;
}