.produtos-home {
    padding: 100px 0;
}

.c-produtos-home {
    display: flex;
    flex-wrap: wrap;
}

.produto-wrapper {
    display: flex;
    flex-direction: column;
    width: 20%;
    position: relative;
    text-decoration: none;
}

.produto-home {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    width: 100%;
    gap: 10px;
    min-height: 210px;
    opacity: 1;
    transition: 0.5s ease-in-out;
}

.produto-home h2 {
    text-align: center;
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 500;
}

.produto-hover {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    min-height: 210px;
    max-height: 210px;
    position: absolute;
    top: 0;
    overflow: hidden;
    transition: 0.5s ease-in-out;
    opacity: 0;
}

.produto-anim {
    display: block;
    object-fit: contain;
    height: 100%;
    position: relative;
    z-index: 10;
    -webkit-animation: first 6s infinite  alternate;
    animation: first 6s infinite  alternate;
}

.produto-anim2 {
    display: block;
    position: absolute;
    z-index: 1;
    -webkit-animation: second 6s infinite  alternate;
    animation: second 6s infinite  alternate;
}

.produto-anim3 {
    display: block;
    position: absolute;
    bottom: 0;
    z-index: 1;
    -webkit-animation: third 6s infinite  alternate;
    animation: third 6s infinite  alternate;
}

.produto-wrapper:hover .produto-home {
    opacity: 0;
}

.produto-wrapper:hover .produto-hover {
    opacity: 1;
    transform: scale(0.9);
}

/* @-webkit-keyframes mover {
    0% { transform: translateY(50px); }
    100% { transform: translateY(250px); }
} */
@keyframes first {
    0% { transform: translate(-35px, 20px); }
    100% { transform: translate(-10px, -120px); }
}

@keyframes second {
    0% { transform: translate(-150px, -70px); }
    100% { transform: translate(-70px, -60px); }
}

@keyframes third {
    0% { transform: translate(140px, 50px); }
    100% { transform: translate(50px, 120px); }
}


.btn-vermelho {
    border-radius: 60px;
    background: #E30613;
    padding: 16px 48px;
    text-decoration: none;
    color: #FFF;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    cursor: pointer;
    font-weight: 700;
}

.btn-vermelho:hover {
    background-color: rgb(145, 20, 20);
    transition: all .3s ease;
}

.card-home {
    height: 722px;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    position: relative;
    margin-bottom: 90px;
}

.card-home-overlay {
    filter: brightness(.5);
}

.card-home video {
    position: absolute;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 100%;
    max-width: 1440px;
    height: auto;
}

.c-card-home {
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    height: 100%;
    gap: 32px;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    margin: 0 auto;
}

.c-card-home h2 {
    color: #FFF;
    font-family: Montserrat;
    font-size: 28px;
    font-style: normal;
    font-weight: 400;
}

.c-card-home p {
    color: #FFF;
    text-align: center;
    font-family: Montserrat;
    font-size: 46px;
    font-style: normal;
    font-weight: 400;
    line-height: 100%;
}

.c-card-home p span {
    font-weight: 700;
}

/* RECEITAS  */

.receitas {
    padding: 100px 0;
}

.c-receitas {
    display: flex;
    gap: 110px;
}

.texto-receitas {
    width: 30%;
    display: flex;
    flex-direction: column;
    gap: 25px;
    align-items: flex-start;
}

.box-receitas {
    width: 70%;
    display: flex;
    flex-wrap: wrap;
    gap: 32px;
}

.receita {
    border-radius: 10px;
    min-height: 305px;
    width: 45%;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
    padding: 28px;
    gap: 15px;
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center !important;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
.receita:hover {
    transform: scale(1.1);
}

.min-receita {
    display: flex;
    gap: 12px;
    align-items: center;
}

.receita h3 {
    color: #FFF;
    font-family: Roboto;
    font-size: 20px;
    font-style: normal;
    font-weight: 700;
}

.receita p {
    color: #FFF;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.texto-receitas a {
    margin-top: 20px;
}

.texto-receitas h2 {
    color: #3C3C3C;
    font-family: Montserrat;
    font-size: 56px;
    font-style: normal;
    font-weight: 700;
}

.texto-receitas p {
    color: #000;
    font-family: Roboto;
    font-size: 16px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

/* BLOG  */

.blog {
    padding-bottom: 100px;
}

.cards-blog {
    display: flex;
    margin-top: 70px;
    gap: 55px;
}

.card-blog {
    display: flex;
    flex-direction: column;
    gap: 20px;
    align-items: flex-end;
    position: relative;
    text-decoration: none;
    transition: 0.3s ease-in-out;
}
.card-blog:hover {
    transform: scale(1.05);
}

.categoria-blog {
    padding: 15px 13px;
    border-radius: 19px;
    background-color: #E30613;
    position: absolute;
    left: -3%;
    top: -7%;
    z-index: 2;
}

.categoria-blog h3 {
    color: #FFF;
    font-family: Roboto;
    font-size: 18px;
    font-style: normal;
    font-weight: 400;
}

.box-img-blog {
    height: 245px;
    width: 100%;
    filter: drop-shadow(0px 8px 11px rgba(0, 0, 0, 0.10));
    border-radius: 8px;
}

.box-img-blog img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    border-radius: 8px;
}

.card-blog p {
    color: #000;
    font-family: Montserrat;
    font-size: 16px;
    font-style: normal;
    font-weight: 700;
}

.desc-blog {
    color: #000;
    font-family: Montserrat;
    font-size: 20px;
    font-style: normal;
    font-weight: 500;
    margin-top: 32px;
    text-align: center;
}

.blog h2 {
    color: #3C3C3C;
    font-family: Montserrat;
    font-size: 50px;
    font-style: normal;
    text-align: center;
    font-weight: 700;
}

.btn-blog {
    width: 100%;
    margin-top: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.btn-blog a {
    border: 2px solid #E30613;
    padding: 16px 48px;
    border-radius: 60px;
    color: #E30613;
    font-family: Montserrat;
    font-size: 12px;
    font-style: normal;
    font-weight: 800;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;
}

.btn-blog a:hover {
    background-color: #E30613;
    color: #fff;
    border-color: #E30613;
    transition: all .3s ease;
}

.btn-blog a path {
    fill: #E30613;
}

.btn-blog a:hover path {
    fill: #fff;
}

/* FORM  */

.form {
    background: gainsboro;
    display: flex;
    height: 560px;
}

.download {
    background-image: url(/assets/images/home/bg-down.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    width: 50%;
    height: 100%;
    padding-left: 366px;
    padding-right: 144px;
}

.novidades {
    background-image: url(/assets/images/home/bg-form.png);
    background-repeat: no-repeat;
    width: 50%;
    padding-right: 366px;
    padding-left: 120px;
    background-size: cover;
    height: 100%;
    background-position: center;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.c-download {
    display: flex;
    flex-direction: column;
    height: 100%;
    justify-content: flex-end;
    padding-bottom: 55px;
    gap: 32px;
    align-items: flex-start;
}

.desc-form {
    color: #FFF;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 150%;
}

.form h2, .form .title {
    color: #FFF;
    font-family: Montserrat;
    font-size: 44px;
    font-style: normal;
    font-weight: 700;
}

.form-novidades {
    margin-top: 32px;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
}

.form-novidades .input-text {
    border-radius: 66px;
    background: #FFF;
    border: none;
    width: 100%;
    padding: 30px;
    color: #838383;
    font-family: Roboto;
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    height: 64px;
    outline: none;
}

.poli-priv {
    display: flex;
    align-items: flex-start;
    gap: 20px;
    margin-top: 8px;
}

.poli-priv label {
    color: #FFF;
    font-family: Roboto;
    font-size: 8px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
}

.poli-priv label a {
    color: #00FF2C;

}

.form-novidades button {
    border: none;
    margin-top: 8px;
}

.poli-priv input {
    border-radius: 4px;
}

.novidades .desc-form {
    margin-top: 16px;
}

@media all and (max-width:1800px) {
    .download {
        padding: 0 100px;
    }

    .novidades {
        padding: 0 100px;
    }
}


@media all and (max-width: 1400px) {
    .card-home {
        margin-bottom: 0;
    }
}

@media all and (max-width:1200px) {

    .card-home {
        height: 600px;
    }

    .receita {}

    .c-receitas {
        gap: 50px;
    }

    .texto-receitas p {
        font-size: 12px;
    }

    .box-img-blog {
        height: 270px;
    }

}

@media all and (max-width:1021px) {

    .produto-home h2 {
        font-size: 12px;
    }

    .card-home {
        height: 500px;
    }

    .c-card-home p {
        font-size: 36px;
    }

    .c-card-home h2 {
        font-size: 20px;
    }

    .c-receitas {
        flex-direction: column;
    }

    .box-receitas {
        width: 100%;
    }

    .texto-receitas {
        width: 100%;
    }

    .cards-blog {
        flex-direction: column;
        gap: 80px;
    }

    /* FORM  */

    .download {
        padding: 0 50px;
    }

    .novidades {
        padding: 0 50px;
    }


}

@media all and (max-width: 781px) {

    .produto-home {
        width: 100%;
    }

    .produto-wrapper {
        width: 50%;
    }

    .card-home {
        height: 400px;
    }

    .c-card-home p {
        font-size: 22px;
    }

    .c-card-home h2 {
        font-size: 14px;
    }

    .texto-receitas h2 {
        font-size: 28px;
    }

    .receitas {
        padding: 50px 0;
    }

    .blog h2 {
        font-size: 28px;
    }

    .desc-blog {
        font-size: 12px;
    }

    /* FORM  */

    .download {
        width: 100%;
        padding: 50px;
    }

    .novidades {
        padding: 50px;
        width: 100%;
    }

    .form {
        flex-direction: column;
        height: 100%;
    }

    .c-download{
        padding-bottom: 0;
    }

    .form h2, .form .title {
        font-size: 28px;
    }
}

@media all and (max-width: 600px) {
    .card-home {
        height: 240px;
    }

    .container.c-card-home{
        height: 90%;
    }
}

@media all and (max-width: 551px) {

    .produtos-home {
        padding: 50px 0;
    }

    .produto-home {
        min-height: 190px;
    }

    .produto-wrapper {
        min-height: 190px;
    }

    .produto-wrapper {
        min-height: 190px;
    }

    .card-home {
        background-position: left;
    }

    .container.c-card-home{
        height: 100%;
    }

    .c-card-home p {
        font-size: 16px;
    }

    .c-card-home h2 {
        font-size: 12px;
    }

    .btn-vermelho {
        padding: 14px 35px;
    }

    .receita {
        width: 100%;
    }

    .card-blog p {
        font-size: 12px;
    }

    .blog {
        padding-bottom: 50px;
    }

    .box-img-blog {
        height: 200px;
    }

    /* FORM  */

    .download {
        width: 100%;
        padding: 50px 20px;
        height: 400px;
    }

    .c-download {
        align-items: center;
    }

    .novidades {
        padding: 50px 20px;
        width: 100%;
    }

}