.recipes{display:flex;justify-content:center;width:100%;height:100%;background-color:#fff;padding:16px 40px 40px;gap:24px;flex-direction:column;align-items:center}.recipes .banner-recipe{width:100%;height:265px;background-image:url(/assets/images/receita/bannerReceita.png);background-size:contain;background-repeat:no-repeat;background-position:50%;width:calc(100vw - var(--scrollbarwidth));max-width:100vw;background-size:cover;border-radius:0;margin-top:-16px}.recipes .container{flex-direction:column;align-items:flex-start;gap:24px}.recipes .container .inputs-recipe{display:flex;align-items:center;gap:23px}.recipes .container .inputs-recipe .select-categoria .filter-btn{display:flex;align-items:center;cursor:pointer;padding:10px;border:1px solid #c1c1c1;background-color:#fff;color:var(--primary);transition:all .2s}.recipes .container .inputs-recipe .select-categoria .filter-btn span{font-size:24px}.recipes .container .inputs-recipe .select-categoria .filter-btn:active,.recipes .container .inputs-recipe .select-categoria .filter-btn:hover{border:.5px solid #dae0f1;background-color:#dae0f1}.recipes .container .search-bar-container{width:438px;height:48px;border-radius:48px;border:.5px solid #c1c1c1;max-width:calc(100vw - 32px - 16px);max-width:calc(100vw - 32px - 48px)}.recipes .container .search-bar-container .search-bar-area{display:flex;justify-content:space-between}.recipes .container .search-bar-container input{width:calc(100% - 10px)!important;border:none!important;outline-style:none!important;color:#1e1e1e!important;height:100%;padding:0!important;text-indent:16px}.recipes .container .search-bar-container .search-button{display:flex;padding-left:10px;top:0;width:80%;width:calc(100% - 40px);height:100%;color:#1e1e1e;align-items:center}.recipes .container .search-bar-container .search-button .icon-container{display:flex;align-items:center;height:45px;width:45px;min-width:45px;cursor:pointer}.recipes .container .search-bar-container .search-button .icon-container .material-icons.magnifier{margin:auto;color:#0442b5;font-family:Material Icons;font-size:24px;font-style:normal;font-weight:400;line-height:normal}.recipes .container .grid-recipe{width:100%;display:grid;justify-content:center;justify-content:flex-start;align-items:center;gap:20px;padding:0;grid-template-columns:repeat(auto-fit,minmax(300px,0))}.recipes .container .grid-recipe .info-recipe{cursor:pointer;display:flex;flex-direction:column;gap:20px;height:340px;padding:15px;border-radius:10px;background-size:cover;justify-content:flex-end;align-items:center}.recipes .container .grid-recipe .info-recipe .img_recipe{height:146px;background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:inherit}.recipes .container .grid-recipe .info-recipe .title-recipe{width:100%}.recipes .container .grid-recipe .info-recipe .title-recipe h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:bolder;color:#fff;text-align:center;font-family:Poppins;font-size:12px;font-style:normal;font-weight:700;line-height:normal}.recipes .container .grid-recipe .info-recipe .desc-recipe{display:flex;flex-direction:column;gap:10px}.recipes .container .grid-recipe .info-recipe .desc-recipe .porcao,.recipes .container .grid-recipe .info-recipe .desc-recipe .preparo{display:flex;gap:10px;align-items:center}.recipes .container .grid-recipe .info-recipe .desc-recipe .porcao .icon path,.recipes .container .grid-recipe .info-recipe .desc-recipe .preparo .icon path{fill:#fff}.recipes .container .grid-recipe .info-recipe .desc-recipe .porcao p,.recipes .container .grid-recipe .info-recipe .desc-recipe .preparo p{color:#fff;text-align:center;font-family:Poppins;font-style:normal;font-weight:400;line-height:normal;font-size:12px}.recipes .container .grid-recipe .info-recipe .desc-recipe .porcao p span,.recipes .container .grid-recipe .info-recipe .desc-recipe .preparo p span{font-weight:bolder;font-weight:600}@media only screen and (max-width:1000px){.recipes{display:flex;justify-content:center;width:100%;background-color:#fff}.recipes .banner-recipe{background-position:0;height:132px}.recipes .container{flex-direction:column;align-items:flex-start;gap:24px}.recipes .container .grid-recipe{width:100%;display:grid;justify-content:center;align-items:center;gap:20px;grid-template-columns:repeat(auto-fit,minmax(100%,0))}.recipes .container .grid-recipe .info-recipe{display:flex;flex-direction:column;gap:20px;height:340px;padding:15px;border-radius:10px}.recipes .container .grid-recipe .info-recipe .img_recipe{height:146px;background-position:50%;background-size:cover;background-repeat:no-repeat;border-radius:inherit}.recipes .container .grid-recipe .info-recipe .title-recipe{width:100%}.recipes .container .grid-recipe .info-recipe .title-recipe h1{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:14px}.recipes .container .grid-recipe .info-recipe .desc-recipe{display:flex;flex-direction:column;gap:10px}.recipes .container .grid-recipe .info-recipe .desc-recipe .porcao,.recipes .container .grid-recipe .info-recipe .desc-recipe .preparo{display:flex;gap:10px;align-items:center}}@media only screen and (max-width:600px){.recipes{padding:16px!important}.recipes .banner-recipe{background-image:url(/assets/images/receita/bannerReceita-mobile.png)!important}.recipes .container .search-bar-container{width:100%!important;max-width:100%!important}}.loading-circle svg.loading{width:24px;height:24px}.loading-circle svg.loading .loading-dash{fill:var(--tertiary)}.filter-modal-overlay{position:absolute;top:42vh;left:66vh;display:flex;align-items:center;justify-content:center;color:#000}.filter-modal{background:#fff;border:1px solid #d9d9d9;border-radius:10px;margin:32px;min-width:320px;display:flex;flex-direction:column;gap:16px}.filter-header{display:flex;align-items:center;justify-content:flex-start;gap:45px;padding:14px;border-bottom:1px solid #d9d9d9}.filter-header h3{font-weight:700;font-size:16px}.back-btn{display:flex;align-items:center;justify-content:left;background-color:#dae0f1;border:none;color:var(--primary);font-weight:700;font-size:12px;padding:6px 12px;cursor:pointer}.back-btn span{font-weight:700;font-size:16px}.filter-list{max-height:280px;overflow-y:auto;border-bottom:1px solid #d9d9d9}.filter-list::-webkit-scrollbar{width:6px;border-radius:8px;background:transparent}.filter-list::-webkit-scrollbar-thumb{background:var(--primary);border-radius:8px}.filter-list::-webkit-scrollbar-track{background:#d9d9d9;border-radius:8px}.filter-list::-webkit-scrollbar-button{display:none;height:0;width:0}.filter-item{display:flex;align-items:center;justify-content:space-between;padding:8px;gap:16px;cursor:pointer}.filter-item:hover{background-color:#f7f7f7}.filter-item .cat-info{display:flex;align-items:center;gap:8px}.filter-item .cat-name{font-size:14px;font-weight:500;transition:color .3s ease}.filter-item .cat-count{font-size:12px;color:#757575}.filter-item .cat-check{display:flex;align-items:center;justify-content:center;min-width:24px;min-height:24px;border-radius:5px;border:1px solid #d9d9d9;background-color:#fff;color:#d9d9d9;transition:all .3s ease}.filter-item .cat-check span{font-size:20px}.filter-item.selected .cat-name{color:#44aa48;font-weight:500}.filter-item.selected .cat-check{border:1px solid #44aa48;background-color:#44aa48;color:#fff}.filter-item.selected .cat-count{color:#44aa48;font-weight:500}.clear-btn{background:#fff;color:#e53935;border:1px solid #e53935;border-radius:24px;padding:6px 16px;font-size:12px;font-weight:700;cursor:pointer;display:flex;align-items:center;margin-bottom:14px;gap:8px;align-self:center;transition:all .3s ease}.clear-btn:hover{background-color:#fce4e4}@media(max-width:1000px){.filter-modal-overlay{top:0;left:0;width:100vw;height:100vh;position:fixed;background:rgba(0,0,0,.2);z-index:1000}.filter-modal{max-width:100vw;max-height:90vh}.filter-header h3{font-size:14px}.filter-list{max-height:20vh}}