﻿

header nav {
    background: #242322;
}


@media (max-width: 600px) {
    header nav .logo img {
        width: 80%;
    }
}


    #foodStars {
        padding: 180px 0 80px 0;
        background: url(../imgs/foodStars_background.png);
        background-size: cover;
        background-position: right;
        background-repeat: no-repeat;
        width: 100%;
    }


        #foodStars .foodStars_iphone {
            max-width: 760px;
            position: absolute;
            top: 135px;
            right: 0;
            z-index: 100;
        }

        #foodStars .foodStars_iphone2 {
            display: none;
        }


    @media (max-width: 1440px) and (min-width: 992px) {
        #foodStars .foodStars_iphone {
            display: none;
        }

        #foodStars .foodStars_iphone2 {
            display: block;
            max-width: 570px;
            position: absolute;
            top: 135px;
            right: 0;
            z-index: 100;
        }
    }

    @media (max-width: 992px) {
        #foodStars .foodStars_iphone {
            display: none;
        }
    }






    #foodStars p {
        font-family: "Poppins", sans-serif;
        font-weight: 600;
        font-size: 20px;
        color: #FFFFFF;
        line-height: 25px;
    }


    #foodStars a {
        border: 1px solid #242424;
        border-radius: 50px;
        padding: 15px 40px;
        color: #242424;
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-size: 16px;
        text-decoration: none;
    }





    #winStars {
        padding: 80px 0;
        background: #242322;
    }

        #winStars .title h1 {
            font-family: "Poppins", sans-serif;
            font-weight: 800;
            font-style: normal;
            font-size: 32px;
            line-height: 40px;
            color: #FF9000;
        }

        #winStars .title p {
            width: 60%;
            margin: 20px auto 70px;
            font-family: "Poppins", sans-serif;
            font-weight: 500;
            font-style: normal;
            font-size: 16px;
            color: #FF9000;
            line-height: 25px;
        }

        #winStars .winOneStar p {
            width: fit-content;
            margin: auto;
            background: #FF9000;
            padding: 20px 80px;
            border-radius: 13px;
            font-family: "Poppins", sans-serif;
            font-weight: 600;
            font-style: normal;
            font-size: 32px;
            line-height: 40px;
            color: #FFFFFF;
        }


        #winStars .winStarsContent h2,
        #winStars .winStarsCardContent h2 {
            font-family: "Poppins", sans-serif;
            font-weight: 700;
            font-style: normal;
            font-size: 16px;
            color: #2C2F24;
            line-height: 21px;
        }

        #winStars .winStarsContent p,
        #winStars .winStarsCardContent p {
            font-family: "Poppins", sans-serif;
            font-weight: 400;
            font-style: normal;
            font-size: 14px;
            color: #2C2F24;
            line-height: 19px;
        }

        #winStars .winStarsCard {
            padding: 30px 9px;
            border-radius: 13px;
            background: #FFFFFF;
            height: 350px;
        }

        #winStars .winStarsCardContent img {
            margin-bottom: 30px;
        }


    .winStarsCarousel {
        display: none;
    }

    #winStars .slick-prev,
    #winStars .slick-next {
        display: none !important;
    }


    @media (max-width: 992px) {
        .winStarsContent {
            display: none;
        }

        .winStarsCarousel {
            display: block;
        }

            .winStarsCarousel .winStarsCardContent img {
                margin: auto;
            }
    }






    #marcas {
        background-color: #F7EBD5;
        padding: 50px 0;
    }


    .brandsCarousel {
        display: none;
    }

        .brandsCarousel img {
            margin: auto;
        }

    .lojaSopas {
        background: url('/imgs/background_LojaSopas.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        border-radius: 25px;
    }

        .lojaSopas img {
            padding: 110px 0;
            width: 80%;
        }

    .companhia {
        background: url('/imgs/background_Companhia.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        border-radius: 25px;
    }

        .companhia img {
            padding: 124px 0;
            width: 80%;
        }

    .selfish {
        background: url('/imgs/background_Selfish.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        border-radius: 25px;
    }

        .selfish img {
            padding: 110px 0;
            width: 80%;
        }

    .basilico {
        background: url('/imgs/background_Basilico.png');
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
        width: 100%;
        border-radius: 25px;
    }

        .basilico img {
            padding: 110px 0;
            width: 80%;
        }




    .imgsInterSection {
        border-radius: 13px;
    }


    #marcas h1 {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 34px;
        line-height: 40px;
    }

    .brands p,
    .brandsCarousel p {
        font-family: "Poppins", sans-serif;
        font-weight: 700;
        font-style: normal;
        font-size: 15px;
        line-height: 25px;
    }

    @media (max-width: 992px) {
        .brands {
            display: none;
        }

        .brandsCarousel {
            display: block;
        }
    }



    #formGroup {
        background-color: #242424;
        padding: 50px 0;
        color: #FFFFFF;
    }

        #formGroup #name,
        #formGroup #contact,
        #formGroup #email {
            border-radius: 63.702px;
            border: 0.885px solid var(--Neutral-03, #DBDFD0);
            background: var(--Neutral-01, #FFF);
        }

        #formGroup #buttonSubmit {
            text-align: center;
        }

            #formGroup #buttonSubmit button {
                -webkit-appearance: unset;
                background: #FF9000;
                border: none;
                border-radius: 63.702px;
                color: white;
                padding: 20px 120px;
                font-family: 'Poppins', sans-serif;
                font-weight: 700;
                font-size: 14px;
            }


        #formGroup input::placeholder {
            font-size: 12px;
        }

        #formGroup button {
            font-size: 12px;
            font-weight: 700;
        }


        #formGroup .formGroupSubtitle p {
            font-family: 'Poppins', sans-serif;
            font-weight: 400;
            font-size: 18px;
        }



        #downloadApp {
            background-position: right !important;
            background-repeat: no-repeat !important;
            width: 100% !important;
        }


    .downloadApp_card {
        padding: 70px;
        height: 100%;
        background: #FF9000;
        box-shadow: 0 7px 10px 0px rgba(0, 0, 0, 0.2), 8px 0px 20px 2px rgba(0, 0, 0, 0.19);
    }


        .downloadApp_card h1 {
            font-family: "Poppins", sans-serif;
            font-weight: 700;
            font-size: 40px;
            line-height: 40px;
        }



