@charset "UTF-8";

main#article {
    margin-top: 118px;

    display: flex;
    flex-flow: row nowrap;
    justify-content: space-evenly;
    align-items: center;
}

main#article > ul {
    width: 700px;
    bottom: 0%;
}

main#article > ul > li {
    margin-right: 20px;
}

main#article > ul > li > a {
    background-color: #f1f3f5d5;
}

main#article > div#principio {
    max-width: 800px;
}

main#article > div#ingredientes-temperos {
    max-width: 700px;
}

main#article > div#passos-preparacao {
    max-width: 700px;
}

main#article > div#passos-preparacao > section#video {
    position: relative;
    width: 100%;
    /*height: 56vw;
    margin: 25px 0px calc(225px + 30vw) 0px;*/
    z-index: 10;
}

main#article > div#passos-preparacao > section#video > iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 10;
}


main#article > div#passos-preparacao > nav {
    max-width: 700px;
    overflow-x: scroll;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    scroll-behavior: smooth;

    -ms-overflow-style: none;  
    scrollbar-width: none;
}


main#article > div#passos-preparacao > nav > ul > li {
    min-width: 305px;
    max-width: 505px;
    min-height: 305px;
    max-height: 505px;
}

main#article > div#opinioes {
    max-width: 700px;
}

main#article > div#opinioes > iframe {
    width: 100%;
}