@font-face{font-family:"Noto Serif";src:url(fonts/noto-serif/6a4a1dbca4a4c0dcbb61.eot);src:url(fonts/noto-serif/6a4a1dbca4a4c0dcbb61.eot?#iefix) format("embedded-opentype"),url(fonts/noto-serif/64829b694aa8524a9b67.woff2) format("woff2"),url(fonts/noto-serif/637cb74708b2ca0a25f0.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif";src:url(fonts/noto-serif/5c5dd35837088d502e2d.eot);src:url(fonts/noto-serif/5c5dd35837088d502e2d.eot?#iefix) format("embedded-opentype"),url(fonts/noto-serif/23d535a705086acad65b.woff2) format("woff2"),url(fonts/noto-serif/8ce787d3b8d4ab6a6ec0.woff) format("woff");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:"Noto Serif";src:url(fonts/noto-serif/87c26410df15b8b54395.eot);src:url(fonts/noto-serif/87c26410df15b8b54395.eot?#iefix) format("embedded-opentype"),url(fonts/noto-serif/c7d7d42489df5749e609.woff2) format("woff2"),url(fonts/noto-serif/2962cc3fc34dea608030.woff) format("woff");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Noto Serif";src:url(fonts/noto-serif/20b9925e12f9878f76f6.eot);src:url(fonts/noto-serif/20b9925e12f9878f76f6.eot?#iefix) format("embedded-opentype"),url(fonts/noto-serif/70e8220a3dc33319fac8.woff2) format("woff2"),url(fonts/noto-serif/b1d4d7ee3424231c1d7b.woff) format("woff");font-weight:700;font-style:italic;font-display:swap}:root{--grid-max-width:77.50rem;--grid-gutter:var(--space-s-l, clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem));--grid-columns:12;--step--4:clamp(0.4219rem, 0.3906rem + 0.1565vw, 0.5119rem);--step--3:clamp(0.5063rem, 0.4597rem + 0.2326vw, 0.64rem);--step--2:clamp(0.6075rem, 0.5405rem + 0.3348vw, 0.8rem);--step--1:clamp(0.7294rem, 0.6352rem + 0.4707vw, 1rem);--step-0:clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);--step-1:clamp(1.05rem, 0.8717rem + 0.8913vw, 1.5625rem);--step-2:clamp(1.26rem, 1.0189rem + 1.2054vw, 1.9531rem);--step-3:clamp(1.5119rem, 1.1886rem + 1.6163vw, 2.4413rem);--step-4:clamp(1.8144rem, 1.3839rem + 2.1522vw, 3.0519rem);--space-3xs:clamp(0.3125rem, 0.3125rem + 0vw, 0.3125rem);--space-2xs:clamp(0.5625rem, 0.5408rem + 0.1087vw, 0.625rem);--space-xs:clamp(0.875rem, 0.8533rem + 0.1087vw, 0.9375rem);--space-s:clamp(1.125rem, 1.0815rem + 0.2174vw, 1.25rem);--space-m:clamp(1.6875rem, 1.6223rem + 0.3261vw, 1.875rem);--space-l:clamp(2.25rem, 2.163rem + 0.4348vw, 2.5rem);--space-xl:clamp(3.375rem, 3.2446rem + 0.6522vw, 3.75rem);--space-2xl:clamp(4.5rem, 4.3261rem + 0.8696vw, 5rem);--space-3xl:clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--space-3xs-2xs:clamp(0.3125rem, 0.2038rem + 0.5435vw, 0.625rem);--space-2xs-xs:clamp(0.5625rem, 0.4321rem + 0.6522vw, 0.9375rem);--space-xs-s:clamp(0.875rem, 0.7446rem + 0.6522vw, 1.25rem);--space-s-m:clamp(1.125rem, 0.8641rem + 1.3043vw, 1.875rem);--space-m-l:clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);--space-l-xl:clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);--space-xl-2xl:clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);--space-2xl-3xl:clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem);--space-s-l:clamp(1.125rem, 0.6467rem + 2.3913vw, 2.5rem);--main-color:#d22701;--second-color:#ff670e;--third-color:#fde4ce;--four-color:#aad15f;--five-color:#4e0700;--blue-color:#5ac4f6;--main-text-color:#333;--second-text-color:#666666;--hover-text-color:#5ac4f6}*{padding:0;margin:0;box-sizing:border-box}a{text-decoration:none;color:var(--main-text-color)}a:hover{color:var(--hover-text-color)}p{margin-top:0;margin-bottom:.5rem}body{font-family:Noto Serif,Google Sans,system-ui,-apple-system,BlinkMacSystemFont,Helvetica,sans-serif;--color-main:#d22701;--color-2:#d22701;background-color:#fff;color:var(--main-text-color);font-size:var(--step-0);-webkit-transition:all .3s ease;transition:all .3s ease}header{margin-bottom:var(--space-s);padding-inline:var(--grid-gutter);margin-inline:auto;box-shadow:0 6px 10px #d2d2d2;position:fixed;z-index:1;width:100%;background:#fff;padding-block:var(--space-xs)}header .logo{width:7rem}.container{max-width:var(--grid-max-width);padding-inline:var(--grid-gutter);margin-inline:auto;padding-block:6rem}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:var(--space-m);font-size:var(--step--2);line-height:1.5;border-radius:.25rem;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-box-shadow .15s ease-in-out}.home:after{content:' ';width:62.5rem;height:62.5rem;position:absolute;top:-50rem;left:-28.125rem;border-radius:35%;background:var(--four-color);z-index:-1;-webkit-animation:wave 25s infinite linear;animation:wave 25s infinite linear}.main-container{padding-top:var(--space-2xl);width:min(50rem,100%);margin-inline:auto;text-align:center}.welcome-message{text-align:left;padding-block:var(--space-2xs);font-size:var(--step--2);font-weight:400}.search-box{border:1.5px solid var(--main-color);border-radius:1rem;display:flex;justify-content:space-between;padding-block:var(--space-xs);background-color:#fff;position:relative;animation:show_result .2s ease-in-out}.search-box.active{animation:show_result .2s ease-in-out;box-shadow:1px 0 4px rgba(0,0,0,.4);padding:var(--space-3xs)}.search-box input{margin-inline:.625rem;border:none;display:flex;flex:1;border:0;outline:0;transition:opacity .2s ease}.search-box input:focus{outline:0!important}.container-btn-action{display:flex;position:relative}.container-btn-action.active{top:-3.125rem;right:0;position:absolute;-webkit-animation:show_btn_container 200s ease-in-out;animation:show_btn_container .2s ease-in-out}@keyframes show_btn_container{0%{top:0}100%{top:-3.125rem}}.btn-action{margin:.31rem;margin-right:.625rem;padding:.31rem 1.875rem;border-radius:.5rem;color:#fff;font-weight:600;text-transform:uppercase;display:flex}.btn-action:hover{color:#fff}#btn-suggestion{background-color:var(--main-color)}#btn-suggestion:hover{text-shadow:1px 0 5px rgba(0,0,0,.3);box-shadow:1px 0 5px rgba(0,0,0,.3)}#btn-save{background-color:var(--blue-color);display:none;opacity:0}.container-btn-action.active #btn-save{opacity:1;display:block}#btn-back{display:none;background-color:#d2d2d2;color:var(--main-text-color)}.container-btn-action.active #btn-back{display:inline}.result_table{border-radius:.43rem;border:1px solid #d2d2d2}.result_table td,.result_table th{vertical-align:top}.table-dishes{display:grid;grid-template-columns:.2fr 1fr 1fr 1fr;gap:1px;text-align:center;align-content:center;justify-content:space-evenly}.table-dishes>div{outline:1px solid #d2d2d2}.table-dishes__header{width:100%;padding:.3rem}ul li.dish{margin:.5rem;border-radius:.18rem;width:-moz-fit-content;width:fit-content;color:var(--main-text-color);padding:.2rem;list-style-type:none;width:auto;font-size:var(--step--2);display:grid;grid-template-columns:4.5rem calc(100% - 4.5rem);text-align:left;background:var(--four-color);border-top-left-radius:2.5rem;border-bottom-left-radius:2.5rem;position:relative}ul li.dish div.avatar{border-radius:50%;padding:.3rem;border:.3rem solid #fff;width:4rem;background:url(img/dish-default-thumb.jpeg) no-repeat;background-size:cover!important;height:4rem;background-position:center!important;transition:all ease-in .2s}ul li.dish div.avatar:hover{cursor:pointer;border:.1rem solid #fff;transition:all ease-out .2s}ul li.dish span:hover{cursor:pointer}#result-search{margin-top:var(--space-3xs)}span.dish{cursor:pointer;padding:1rem!important;font-size:var(--step--1)}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;margin-bottom:1rem;color:#212529;background-color:transparent;border-collapse:collapse}.table td,.table th{padding:.2rem;vertical-align:top;border-top:1px solid #ebedf2;font-size:var(--step--1)}.table-striped tbody tr:nth-of-type(odd){background-color:#f7f8fa}dialog{opacity:0;transform:scaleY(0);transition:opacity .2s ease-out,transform .2s ease-out,overlay .2s ease-out allow-discrete,display .2s ease-out allow-discrete;animation:fade-out .2s ease-out;width:min(37.5rem,100%);border:none;border-radius:1rem;margin-inline:auto;top:var(--space-2xl-3xl);padding:var(--space-s)}dialog[open]{opacity:1;transform:scaleY(1);animation:fade-in .2s ease-out}dialog[open]::backdrop{animation:backdrop-fade-in .2s ease-out forwards}@starting-style{transform:scaleY(0)}dialog[open]::backdrop{background-color:#000;opacity:.75}@keyframes fade-in{0%{opacity:0;transform:scaleY(0);display:none}100%{opacity:1;transform:scaleY(1);display:block}}@keyframes fade-out{0%{opacity:1;transform:scaleY(1);display:block}100%{opacity:0;transform:scaleY(0);display:none}}@keyframes backdrop-fade-in{0%{background-color:rgb(0 0 0 / 0)}100%{background-color:rgb(0 0 0 / .75)}}@keyframes show_result{0%{height:3.43rem;box-shadow:none}100%{height:auto;box-shadow:1px 0 4px rgba(0,0,0,.4)}}@-webkit-keyframes wave{from{-webkit-transform:rotate(0);transform:rotate(0)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes wave{from{-webkit-transform:rotate(0);transform:rotate(0)}from{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.badge{padding:0;margin:0;display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:18px;width:18px;border-radius:.18rem;font-size:.8rem;background:#5578eb;color:#fff}.badge--pill{border-radius:2rem;margin:.125rem}.badge--inline{height:0;width:auto;padding:.75rem .75rem;border-radius:.125rem}.spinner{position:relative}.spinner::before{content:'';-webkit-box-sizing:border-box;box-sizing:border-box;position:absolute;top:50%;left:0;border-radius:50%;width:20px;height:20px;margin-top:-10px;-webkit-animation:spinner .5s linear infinite;animation:spinner .5s linear infinite}.spinner.spinner--danger:before{border:2px solid #ffd0e0;border-top-color:#fd2a70;-webkit-animation:spinner .5s linear infinite;animation:spinner .5s linear infinite}@-webkit-keyframes spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.container__article{width:100%;display:grid;grid-template-columns:70% 30%;gap:3rem}.container__article aside{position:sticky;top:5rem;border:1px solid #d2d2d2;padding:var(--space-xs);border-radius:.5rem;height:max-content}.breadcrumbs{position:relative}.article__title{font-size:var(--step-3);font-weight:700}.article__sapo{font-size:var(--step-0)}.article__img-hero{position:relative;margin-block:var(--space-s-l)}.article__img-hero img{width:100%;height:auto;border-radius:1rem;box-shadow:1px 5px 15px rgba(0,0,0,.3)}.article__img-hero figcaption{font-size:var(--step--1);color:#7e7e7e;text-align:center;padding-block:1rem}.article__food-list-container{margin-block:1rem;padding-bottom:2rem;border-bottom:1px solid #d2d2d2}.article__food-list-container label{font-weight:600;font-size:var(--step-0);line-height:var(--step-4)}.food-item{display:grid;grid-template-columns:1fr minmax(0,1fr);font-size:var(--step--1);line-height:var(--step-2)}article .article__content{font-size:var(--step-0);line-height:var(--step-4);padding-bottom:2rem;border-bottom:1px solid #d2d2d2}article .article__content label{font-weight:600;font-size:var(--step-1);line-height:var(--step-4)}article .article__content img{width:100%;height:auto;aspect-ratio:3/2;border-radius:.5rem;max-width:40rem}article .article__content figure.image{text-align:center;margin-inline:auto}.article__food-tags-container{margin-block:var(--space-s)}.article__food-tags-container label{font-weight:600;font-size:var(--step--1);line-height:var(--step-4)}.article__food-tags{font-size:var(--step--1);display:flex;flex-wrap:wrap;gap:.5rem}.article__food-tags li{list-style:none;padding:var(--space-3xs);background-color:#f7f8fa;border-radius:.3rem}.article__food-tags li:hover{background:var(--blue-color)}.article__food-tags li:hover a{color:#fff}.article__food-tags li a{color:var(--main-text-color);font-size:var(--step--2)}.article__related{font-size:var(--step--1)}.container__list{width:100%}.dish-list article{display:grid;grid-template-columns:20rem calc(100% - 25rem);grid-gap:0 1.5rem;border-bottom:1px solid #d2d2d2;margin-block:2rem}.dish-list figure.article__img-thumb img{width:100%;border-radius:1rem;box-shadow:1px 0 3px rgba(0,0,0,.5)}.dish-list article .article__content{border-bottom:none}.dish-list article .article__title{font-size:var(--step-1);font-weight:700;line-height:var(--step-4)}.dish-list article .article__desc{font-size:var(--step--1);color:var(--second-text-color);font-style:italic;line-height:var(--step-2);margin-block:.6rem}footer{margin-block:var(--space-xl);max-width:var(--grid-max-width);padding-inline:var(--grid-gutter);margin-inline:auto}.copyright{text-align:right;font-size:var(--step--1)}@media screen and (max-width:480px){.home:after{width:31.25rem;height:31.25rem;top:30%;left:-50%}.container-btn-action.active{top:-4rem}.container__article{grid-template-columns:1fr;gap:1rem}ul li.dish{display:flex;align-items:center;justify-content:flex-start;text-align:center;flex-direction:column;border-radius:.5rem;min-height:7rem;gap:var(--space-3xs-2xs)}.dish-list article{display:flex;flex-wrap:wrap}.dish-list article .article__content{padding-top:var(--space-s);padding-bottom:var(--space-2xs-xs)}.dish-list .article__food-tags-container{margin-top:0}.food-item{display:flex;justify-content:space-between}}