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

:root {
    --dark-raspberry: hsl(332, 51%, 32%);
    --white: hsl(0, 0%, 100%);
    --rose-white: hsl(330, 100%, 98%);
    --eggshell: hsl(30, 54%, 90%);
    --light-grey: hsl(30, 18%, 87%);
    --wenge-brown: hsl(30, 10%, 34%);
    --dark-charcoal: hsl(24, 5%, 18%);
    --nutmeg: hsl(30, 60%, 40%);
}

body{
    background-color: var(--white);
    color:var(--wenge-brown);
    min-height: 100vh;
    font-family: "Outfit", sans-serif;
    line-height: 1.4;
    display: grid;
    place-content: center;
}

img{
    max-width: 100%;
    display: block;
}

h1, h2 {
    font-family: "Young Serif", serif;
    font-size: 400;
}

h1{
    color: var(--dark-charcoal);
    font-size:2.8rem;
}

h2{
    color:var(--dark-raspberry);
    margin-bottom: 1rem;
}

.titulos{
    color: var(--dark-raspberry);
}
.paso-receta{
    margin: 1rem 0;
}

.pasos-nutricion{
    margin-top: 1rem;
}

ul{
    padding-left: 1.25rem;
}

ul li::marker{
    /* color:var(--nutmeg); */
    font-weight: bold;
}

ul li{
    margin-bottom: .5rem;
}

ul li span{
    color: var(--wenge-brown);
    margin-left: 1rem;
    font-weight: 700;
}

hr{
    margin:1.5rem 0;
    border: 1px solid var(--light-grey);
}

.contenedor{
    max-width: 800px;
    background-color: var(--white);
    margin: 2rem;
    border-radius: 1rem;
}

.contenedor .contenedor-img{
    padding: 2rem;
    border-radius: 1rem;
    overflow: hidden;
}

.contenedor .contenedor-img img{
    border-radius: 1rem;
}

.recipiente-info{
    padding: 0rem 2rem 2rem 2rem;
    background-color: var(--eggshel);

}


.Preparacion{
    background-color: var(--rose-white); /*  */
    padding: 1.25rem;
    border-radius: 1rem;
    }

    .Preparacion h3{
        color: var(--dark-raspberry);
        margin: .75rem;
    }

    .Preparacion ul li::marker{
        color: var(--dark-raspberry);
    }

    .ingredientes li{
        margin-bottom: .5rem;
    }

    .ingredientes li span{
        font-weight: initial;
    }

    .paso-receta .elemento{
        padding-left: .5rem;
        margin-bottom: .5rem;
        display: flex;
    }

    .paso-receta .elemento .num{
        /* color: var(--nutmeg); */
        margin-right: 1rem;
        font-weight: 700;
    }

    .paso-receta .elemento p span{
        font-weight: 700;
    }

    .pasos-nutricion .valores{
        margin-bottom: 1rem;
    }

    .tabla-nutricion .elemento{
        padding: .75rem 2rem;
        display: flex;
        border-bottom: 1px solid var(--light-grey);
    }

    .tabla-nutricion .elemento:last-child{
        border-bottom: 0;
    }
    
    .tabla-nutricion .elemento p:nth-child(2){
        color: var(--nutmeg);
        font-weight: 700;
    }

    .tabla-nutricion .elemento> *{
        width: 100px;
        margin-right: auto;
    }

    @media(max-width:540px){
        h1{
            margin-top: 2rem;
        }

        .contenedor{
            margin: 0;
        }

        .contenedor .contenedor-img{
            padding: 0;
            border-radius: 0;
        }

        .contenedor .contenedor-img img{
            border-radius: 0;
        }
    }
.descripcion{
margin: 10px;
}