@import"https://fonts.googleapis.com/css2?family=Sora:wght@100;200;300;400;500;600;700;800&display=swap";.home{position:relative}.home .containerHome{min-height:100vh;width:80%;margin:0 auto;max-width:1200px;background-color:#d9d9d9;padding:15px}.home .containerHome h2{width:85%;margin:20px auto;font-size:2em;color:#3c3c3c}.home .containerHome .header{display:flex;flex-wrap:wrap;justify-content:center;gap:40px}.home .containerHome .header select{padding:10px;width:300px;text-align:center;font-size:1.4em;outline:none;background-color:transparent;font-weight:700;cursor:pointer;border:4px solid black;border-radius:20px;transition:.3s all}.home .containerHome .header select:hover{border-color:#918e8e}.home .containerHome .header select option{font-weight:700}.home .containerHome .restaurantsBoxs{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:15px;height:100%;width:100%}.home .containerHome .restaurantsBoxs a{text-decoration:none;width:48%}.home .containerHome .effectBlur{position:absolute;width:100%;top:0;left:0;background-color:#a5a4a4bf;height:100%}@media (max-width: 1100px){.home .containerHome .restaurantsBoxs{flex-direction:column}.home .containerHome .restaurantsBoxs a{width:90%}}@media (max-width: 670px){.home .containerHome{width:95%}.home .containerHome .restaurantsBoxs a{width:100%}}.modal-container{display:flex;top:0;left:0;right:0;height:100vh;position:absolute;justify-content:center;align-items:center}.modal-container .modal-agroup{background-color:#3c3c3c;display:flex;position:relative;width:80vw;max-width:700px;flex-direction:column;padding:30px;border-radius:15px}.modal-container .modal-agroup .modal-buttonClose{background-color:transparent;position:absolute;top:10px;cursor:pointer;right:5%;border:none;transition:.5s all}.modal-container .modal-agroup .modal-buttonClose:hover{opacity:.7}.modal-container .modal-agroup #modal-text{text-align:center;color:#fff}.modal-container .modal-agroup .modal-form{display:grid;width:80%;padding:5px;margin:auto;grid-template-columns:auto auto;gap:10px;grid-template-areas:"nome sobre" "categoria sobre" "url avaliacao" "register register"}.modal-container .modal-agroup .modal-form .modal-groupInput{display:flex;width:100%;gap:2px;flex-direction:column}.modal-container .modal-agroup .modal-form .modal-groupInput label{font-weight:700;color:#fff}.modal-container .modal-agroup .modal-form .modal-groupInput textarea,.modal-container .modal-agroup .modal-form .modal-groupInput input{border:3px solid transparent;background-color:#d9d9d9;border-radius:8px;font-weight:600;padding:5px;outline:none;transition:.6s all}.modal-container .modal-agroup .modal-form .modal-groupInput textarea:focus,.modal-container .modal-agroup .modal-form .modal-groupInput input:focus{border-color:#00243f}.modal-container .modal-agroup .modal-form .modal-groupInput span{text-align:justify;color:#ffa7a7}.modal-container .modal-agroup .modal-form #nome_{grid-area:nome}.modal-container .modal-agroup .modal-form #categoria_{grid-area:categoria}.modal-container .modal-agroup .modal-form #sobre_{grid-area:sobre}.modal-container .modal-agroup .modal-form #sobre_ textarea{width:auto;height:100%;resize:none}.modal-container .modal-agroup .modal-form #sobre_ span{max-width:250px!important}.modal-container .modal-agroup .modal-form #url_{grid-area:url}.modal-container .modal-agroup .modal-form #avaliacao_{grid-area:avaliacao}.modal-container .modal-agroup .modal-form #modal-buttonRegister{background:#00243F;padding:10px;border:none;font-weight:700;font-size:1.2em;color:#fff;border:3px solid #00243F;border-radius:10px;grid-area:register;transition:.8s all;cursor:pointer}.modal-container .modal-agroup .modal-form #modal-buttonRegister:hover{background-color:#d9d9d9;color:#00243f}@media (max-width: 700px){.modal-container .modal-agroup{width:95vw}.modal-container .modal-agroup #modal-text{text-align:center;color:#fff}.modal-container .modal-agroup .modal-form{display:flex;width:100%;flex-direction:column}}@media (max-width: 480px){.modal-container .modal-agroup #modal-text{margin:25px auto auto;font-size:1.2em}}nav{background-color:#00243f;width:100%;height:85px;display:flex;align-items:center;padding:10px 15px;justify-content:space-between}nav .logo img{margin-left:5px;height:3em}nav a{text-decoration:none}nav a .return{display:flex;align-items:center;justify-content:center;gap:12px}nav a .return h2{color:#fff;font-weight:700}nav a .return img{height:50px}nav .search{display:flex;align-items:center;padding:5px 10px;border-radius:10px;background-color:#d9d9d9}nav .search img{height:40px}nav .search input{height:5vh;border:none;background-color:transparent;outline:none;padding:15px;font-weight:700;font-size:1.2em;width:25vw}nav .buttons{width:auto;display:flex;gap:.5vw}nav .buttons a{transition:.6s all}nav .buttons a:hover{opacity:.6}nav .buttons img{height:60px}nav .buttons button{cursor:pointer;background-color:transparent;border:none;transition:.6s all}nav .buttons button:hover{opacity:.6}@media (max-width: 600px){nav{display:grid;height:auto;gap:5px;padding:20px;grid-template-areas:"logo buttons" "inputAndLink inputAndLink"}nav .logo{grid-area:logo}nav a{grid-area:inputAndLink}nav .search{width:80%;margin:auto;grid-area:inputAndLink}nav .search input{width:100%}nav .buttons{justify-content:end;grid-area:buttons}}.boxRestaurants{display:flex;align-items:center;width:100%;gap:10px;height:auto;background-color:#fff;padding:10px;border-radius:15px;transition:.5s all}.boxRestaurants:hover{transform:scale(1.03)}.boxRestaurants .LeftBox img{border-radius:15px}.boxRestaurants .RightBox .groupText{display:flex;align-items:center;gap:7px;margin-bottom:5px}.boxRestaurants .RightBox .groupText .star{display:flex;gap:5px;color:#d2f200;font-weight:700}.boxRestaurants .RightBox .groupText .ball{height:5px;border-radius:50%;width:5px;background-color:#000}.sectionProducts{width:100%;overflow-x:hidden;position:relative}.sectionProducts .containerProducts{width:80%;margin:0 auto;max-width:1200px;min-height:100vh;background-color:#d9d9d9;padding:15px}.sectionProducts .containerProducts h3{width:90%;margin:20px auto;font-size:2em;color:#3c3c3c}.sectionProducts .containerProducts .headerContainer{display:flex;align-items:center;background-color:#fff;padding:14px;box-shadow:#00000059 0 5px 15px;border-radius:10px;gap:20px}.sectionProducts .containerProducts .headerContainer img{border-radius:20px}.sectionProducts .containerProducts .headerContainer .groupDivider{display:flex;align-items:center;flex-wrap:wrap}.sectionProducts .containerProducts .headerContainer .groupDivider h2{font-size:3em;margin-right:10px}.sectionProducts .containerProducts .headerContainer .groupDivider .assessment{display:flex;gap:10px;align-items:center}.sectionProducts .containerProducts .headerContainer .groupDivider .assessment p{font-size:2.6em;font-weight:700;color:#d2f200}.sectionProducts .containerProducts .sectionRenderProducts{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.sectionProducts .containerProducts .effectModal{background:rgba(165,164,164,.75);width:100%;position:absolute;left:0;top:0;height:100%}.sectionProducts .containerProducts .modal{position:absolute;display:flex;overflow:auto;flex-direction:column;justify-content:space-between;max-height:88vh;min-height:88vh;border-bottom-left-radius:15px;padding:12px 0;background-color:#f5f5f5;top:0;transition:.4s all;width:500px;right:-500px}.sectionProducts .containerProducts .modal .headerModal{display:flex;gap:10px;align-items:center;font-size:1.3em;font-weight:700;padding:10px}.sectionProducts .containerProducts .modal .headerModal button{background-color:transparent;padding:10px;display:flex;cursor:pointer;border:3px solid #000;border-radius:10px;justify-content:center;align-items:center;transition:.5s all}.sectionProducts .containerProducts .modal .headerModal button:hover{opacity:.5}.sectionProducts .containerProducts .modal .headerModal button img{height:15px;width:15px}.sectionProducts .containerProducts .modal .requests{background-color:#fff;padding:15px 0;margin-bottom:15px}.sectionProducts .containerProducts .modal .requests .headerRequests{display:flex;width:90%;margin:0 auto 15px;font-size:1.8em;font-weight:700;justify-content:space-between}.sectionProducts .containerProducts .modal .requests .bodyRequests{display:flex;width:90%;margin:0 auto;flex-direction:column}.sectionProducts .containerProducts .modal .requests .bodyRequests button{background-color:transparent;align-self:flex-end;color:red;padding:5px 15px;border-radius:6px;border:4px solid transparent;font-size:1.2em;font-weight:700;transition:.6s all;cursor:pointer}.sectionProducts .containerProducts .modal .requests .bodyRequests button:hover{border-color:red}.sectionProducts .containerProducts .modal .totalArticle{display:flex;width:90%;margin:0 auto 15px;font-size:1.55em;font-weight:700;justify-content:space-between}.sectionProducts .containerProducts .modal .buttonBox{display:flex;justify-content:center}.sectionProducts .containerProducts .modal .buttonBox #ButtonFinalize{width:80%;border:none;font-size:1.4em;font-weight:700;color:#fff;border-radius:8px;padding:10px 20px;margin:0 auto;align-self:center;background-color:red;border:4px solid red;cursor:pointer;transition:.7s all}.sectionProducts .containerProducts .modal .buttonBox #ButtonFinalize:hover{background-color:#fff;color:red}.sectionProducts .containerProducts .newModalClient{position:absolute;top:0;right:0;left:0;display:flex;bottom:0;align-items:center;height:500px;border-radius:20px;min-height:500px;width:40vw;padding:40px;margin:auto;background-color:#fff;border:4px solid #00243f}.sectionProducts .containerProducts .newModalClient .buttonNewModal{background-color:transparent;padding:10px;display:flex;top:20px;right:20px;cursor:pointer;position:absolute;justify-content:center;align-items:center;border:3px solid #000;border-radius:10px;transition:.7s all}.sectionProducts .containerProducts .newModalClient .buttonNewModal:hover{opacity:.7}.sectionProducts .containerProducts .newModalClient .buttonNewModal img{height:15px;width:15px}.sectionProducts .containerProducts .newModalClient form{width:100%;display:flex;position:relative;flex-direction:column;align-items:center}.sectionProducts .containerProducts .newModalClient form h3{color:#000!important;font-size:2.5em!important;text-align:center;margin-bottom:20px}.sectionProducts .containerProducts .newModalClient form div{display:flex;flex-direction:column;margin-bottom:20px}.sectionProducts .containerProducts .newModalClient form div input{padding:5px;box-shadow:#64646f33 0 7px 29px;border:none;border:3px solid #00243f;width:30vw;font-weight:700;outline:none;font-size:1.3em;border-radius:8px}.sectionProducts .containerProducts .newModalClient form div label{font-weight:700;font-size:1.7em}.sectionProducts .containerProducts .newModalClient form .buttonSubmit{width:30vw;border:none;border:3px solid #00243f;box-shadow:#64646f33 0 7px 29px;cursor:pointer;border-radius:10px;font-size:1.4em;font-weight:700;padding:10px;transition:.6s all}.sectionProducts .containerProducts .newModalClient form .buttonSubmit:hover{background-color:#00243f;color:#fff}@media (max-width: 1130px){.sectionProducts .containerProducts .sectionRenderProducts{flex-direction:column}.sectionProducts .containerProducts .sectionRenderProducts .boxProducts{margin:0 auto;width:80%}.sectionProducts .containerProducts .sectionRenderProducts .boxProducts .left{width:70%}.sectionProducts .containerProducts .headerContainer .groupDivider h2{font-size:2.2em;margin-right:10px}.sectionProducts .containerProducts .headerContainer .groupDivider .assessment img{height:40px}.sectionProducts .containerProducts .headerContainer .groupDivider .assessment p{font-size:2em}.sectionProducts .containerProducts .newModalClient{width:70vw}.sectionProducts .containerProducts .newModalClient form div input,.sectionProducts .containerProducts .newModalClient form .buttonSubmit{width:60vw}}@media (max-width: 800px){.sectionProducts .containerProducts .sectionRenderProducts .boxProducts{width:100%}}@media (max-width: 650px){.sectionProducts .containerProducts{width:95%}.sectionProducts .containerProducts .sectionRenderProducts .boxProducts{width:100%}.sectionProducts .containerProducts .modal{width:100%;right:-100%}.sectionProducts .containerProducts .newModalClient{width:90vw;top:100px;margin:0 auto}.sectionProducts .containerProducts .newModalClient form div input,.sectionProducts .containerProducts .newModalClient form .buttonSubmit{width:80vw}}.boxProducts{width:48%;padding:12px;border-radius:12px;background-color:#fff;display:flex;box-shadow:#00000059 0 5px 15px;align-items:center;justify-content:space-between;gap:14px}.boxProducts .left{width:60%;display:flex;justify-content:space-between;gap:10px;flex-direction:column}.boxProducts .left h4{font-size:1.3em}.boxProducts .left #description{font-weight:400;font-size:1em;text-align:justify}.boxProducts .left .values{display:flex;justify-content:space-between;align-items:center}.boxProducts .left .values p{font-size:1.4em;font-weight:700;color:#000}.boxProducts .left .values .article{display:flex;flex-wrap:wrap;align-items:center}.boxProducts .left .values button{padding:8px 12px;display:flex;justify-content:center;align-items:center;font-size:1.5em;gap:10px;color:#3c3c3c;border:none;cursor:pointer;border-radius:10px;background-color:#d9d9d9;font-weight:700;border:4px solid #D9D9D9;transition:.5s all}.boxProducts .left .values button:hover{background-color:#fff}.boxProducts .left .values button img{width:40px}.boxProducts .rigth img{border-radius:15px}.orders{margin:0 auto;height:auto;min-height:100vh!important;max-width:1500px;width:70vw;padding:12px;background-color:#d9d9d9}.orders .products{display:flex;justify-content:space-between;flex-wrap:wrap;gap:20px}.orders .title{width:70vw;margin:20px;display:flex;flex-direction:column;justify-content:end}.orders .order{padding:20px;width:45%;height:auto;background-color:#fff;margin-left:1vw;margin-top:1vh;float:left;box-shadow:#00000059 0 5px 15px;border-radius:1em}.orders .orderUp{margin:0 auto;padding:5px;border-style:solid;border-top:transparent;border-left:transparent;border-right:transparent;display:flex;font-size:large}.orders .orderUp span{font-weight:700;margin:auto 0 auto 1vw}.orders .order img{margin:auto 0;height:60px;border-radius:.5em}.orders .orderBottom{margin:10px auto;display:flex;font-weight:700;font-size:large}.orders .orderBottom span{margin:auto 0 auto 1vw}@media (max-width: 1000px){.orders{width:90vw}}@media (max-width: 800px){.orders{width:90vw}.orders .products{flex-direction:column}.orders .products .order{width:100%}}@media (max-width: 450px){.orders{width:100vw}.orders .products{flex-direction:column}.orders .products .order{width:100%}}.effect{position:relative;height:100%}.content{margin:0 auto;width:70vw;min-height:150vh;background-color:#d9d9d9}.content .modalEffect{position:absolute;left:0;width:100vw;height:100%;background-color:#000000bf}.content .restaurant{margin:0 auto 2vh;display:flex;width:65vw;height:15vh;background-color:#fff;box-shadow:#00000059 0 5px 15px;border-radius:1em}.content .restaurantText{margin:auto 0 auto 10px;height:5vh;width:65vw;display:flex;gap:10px}.content .logo{margin:1vh 0 1vh 1vw;border-radius:.5em;height:13vh;border-style:solid}.content .star{display:flex;gap:5px;color:#d2f200;font-weight:700}.content .star img{height:35px}.content .title{width:100%;height:auto}.content .products{display:flex;flex-wrap:wrap;gap:1vh;width:65vw;height:120vh;margin:0 auto}.content .product{padding:1vh;font-size:small;display:flex;flex-wrap:wrap;border-radius:1em;width:32vw;height:auto;background-color:#fff;box-shadow:#00000059 0 5px 15px}.content .leftBox{display:flex;flex-wrap:wrap;width:16vw;margin:1vh 0 1vh 1vw}.content .bottomLeftBox{display:flex;align-items:center;height:40px;justify-content:space-between;width:16vw}.content .noPromotional{text-decoration:line-through;margin-left:1vw}.content .quantity{font-size:15px;margin:auto;display:flex;flex-direction:column;flex-wrap:wrap;place-content:center;gap:10px;height:30px;width:60px;background-color:#d9d9d9;border-radius:.5em}.content .quantity button{height:25px;width:25px;border:transparent;background-color:#d9d9d9}.content .quantity button img{display:flex;align-items:center}.content .rightBox{margin:auto 1vw auto auto;height:160px;width:160px;border-radius:1em;background-color:#eee}.content .rightBox img{height:160px}.backdrop{display:flex;width:100%;background-color:#000000bf;z-index:1;position:absolute}.backdrop .modal{width:35vw;background-color:#d9d9d9;border-bottom-left-radius:1em;right:0;position:absolute}.backdrop .modalHeader{display:flex;flex-wrap:wrap;height:10vh;width:25vw;margin-left:1vw}.backdrop .modalHeader button{cursor:pointer;height:30px;width:30px;margin-top:2vh;border-style:none;background-color:#d9d9d9;border-radius:1em}.backdrop .modalHeader span{margin-top:2.5vh;margin-left:1vw}.backdrop .modalContent .order{padding:1vh;border-radius:1em;height:auto;width:33vw;margin:1vh 1vw;background-color:#fff;display:flex;flex-wrap:wrap;gap:1vh}.backdrop .modalContent button{cursor:pointer;color:#d12b2b;font-weight:700;background-color:#fff;border-style:none}.backdrop .modalFooter{display:flex;flex-wrap:wrap;justify-content:center;float:inline-end;height:15vh}.backdrop .modalFooter h3{margin-top:1vh;margin-left:1vw;width:35vw;display:flex;justify-content:center}.backdrop .modalFooter h3 span{margin-left:2vw}.backdrop .modalFooter button{cursor:pointer;color:#fff;width:12vw;height:5vh;border-style:none;background-color:#d12b2b}.registerUser{display:flex;place-content:center;height:150vh;width:100vw;right:0;top:0;background-color:#000000bf;z-index:1;position:absolute}.registerUser form{margin:auto;width:33vw;height:50vh;background-color:#fff;border-radius:1em}.registerUser form .forms{display:flex;flex-wrap:wrap;width:30vw;height:3vh}.registerUser form .forms label{margin-top:2vh;margin-left:10%;width:80%}.registerUser form .forms input{margin-left:10%;width:90%}.registerUser form .forms p{margin-left:10%;width:80%}.registerUser form button{margin:2vh auto 0}@media screen and (max-width: 800px){.content .restaurant{justify-content:center;align-items:center;width:65vw;height:20vh}.content .restaurantText{height:auto;justify-content:center;align-items:center;height:10vh}.content .products{height:auto}.content .product{height:auto;width:65vw}.content .leftBox,.content .bottomLeftBox{width:35vw}.content .noPromotional{margin-left:3vw}.content .rightBox{height:200px;width:200px}.content .rightBox img{height:200px}.backdrop .modal{width:45vw}.backdrop .modalHeader{height:15vh;width:40vw;justify-content:left}.backdrop .modalContent .order{width:40vw;height:auto;font-size:small}.backdrop .modalFooter{width:45vw;height:12vh}.backdrop .modalFooter h3{width:45vw}.backdrop .modalFooter button{width:30vw;border-radius:1em}.registerUser{height:170vh}.registerUser form button{margin-left:10%}}@media screen and (max-width: 360px){.content{width:85vw}.content .restaurant{height:12vh;width:80vw}.content .restaurantText{height:8vh;font-size:small}.content .logo{height:8vh}.content .star{font-size:25px}.content .star img{height:25px}.content .title{width:100%;height:auto}.content .products{width:80vw}.content .product{width:80vw;height:30vh}.content .leftBox{width:45vw;font-size:smaller}.content .bottomLeftBox{width:50vw}.content .noPromotional{margin-left:1vw;margin-right:1vw}.content .rightBox{height:80px;width:80px}.content .rightBox img{height:80px}.backdrop .modal{width:60vw}.backdrop .modalHeader{height:12vh;width:60vw;font-size:small}.backdrop .modalContent .order{width:57vw;height:auto}.backdrop .modalFooter{width:60vw}.backdrop .modalFooter h3{font-size:medium;width:59vw}.backdrop .modalFooter h3 span{margin-left:2vw}.backdrop .modalFooter button{border-radius:1em;width:30vw;height:5vh;background-color:#d12b2b}.registerUser{height:168.1vh}.registerUser form{margin:auto;width:60vw;height:40vh;background-color:#fff;border-radius:1em}.registerUser form .forms{width:55vw;height:3vh}.registerUser form .forms label{margin-top:2vh;margin-left:10%;width:80%}.registerUser form .forms input{margin-top:.5vh}.registerUser form button{width:60vw;margin:2vh auto 0}}*{margin:0;padding:0;box-sizing:border-box;font-family:Sora}