@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;
        text-align: -webkit-match-parent;
        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;
        }