:root{--ink:#25282b;--green:#80601b;--muted:#60656a;--line:#e2e5e7}
body{background:#f7f8f9;font-family:Arial,sans-serif}
header{border-top:5px solid #d4a628;background:#fff}
nav{min-height:104px}
.brand{gap:15px;font-size:30px;line-height:1.04;font-family:Georgia,serif;font-weight:700}
.brand-name{display:flex;flex-direction:column;gap:4px}
.brand-name small{font:700 13px/1.25 Arial,sans-serif;color:#80601b;text-transform:uppercase;letter-spacing:0}
.mark{width:54px;height:54px;flex:0 0 54px;border-radius:4px;background:#e9bc45;color:#25282b;font:700 29px/1 Georgia,serif;border:1px solid #d6a52d;box-shadow:3px 3px 0 #f4e5b7}
.navnote{border-left:1px solid var(--line);padding-left:18px;color:#60656a}
.heading{padding-top:32px;padding-bottom:24px}
h1{font-size:34px;line-height:1.2;font-weight:700;max-width:800px}
.heading p{font-size:16px}
.filters{background:#fff;border:1px solid var(--line);border-radius:4px;padding:0 8px;margin-bottom:26px}
.filters button{padding:16px 18px;font-size:14px}
.filters button[aria-pressed=true]{color:#6b5016;border-color:#bf8c13;background:#fffdf4}
.offer{border-color:#dee2e4;box-shadow:0 5px 18px #24282b08;border-radius:6px}
.body{padding:23px}
h2{color:#25282b;font-size:22px;line-height:1.24}
.author{color:#656a6e}
.category{color:#80601b}
.price{padding-top:9px;padding-bottom:18px}
.price strong{color:#25282b;font-size:30px}
.cta,.confeitaria .cta,.gestao .cta,.cozinha .cta{background:#e9bc45;color:#25282b;border:1px solid #d6a52d;padding:13px 16px;min-height:49px}
.cta:hover,.confeitaria .cta:hover,.gestao .cta:hover,.cozinha .cta:hover{background:#f3cb64;color:#1a1c1e}
.cta:active{background:#ddb035}
.confeitaria .category{color:#923d64}.gestao .category{color:#315a96}.cozinha .category{color:#527322}
figcaption{background:#f1f3f5;color:#61686d}
.about{background:#eceff1;border-top:1px solid #dfe3e5;padding:28px 0}
footer{padding-top:24px;padding-bottom:28px}
a:focus-visible,button:focus-visible{outline:3px solid #345f91;outline-offset:3px}
@media(max-width:600px){nav{min-height:112px;gap:14px;align-items:center}.brand{font-size:28px;gap:12px}.mark{width:48px;height:48px;flex-basis:48px;font-size:26px}.brand-name small{font-size:12px}.navnote{font-size:11px;border:0;padding-left:0;margin-left:60px;margin-top:-7px}h1{font-size:28px}.heading{padding-top:26px;padding-bottom:22px}.heading p{font-size:15px}.filters{padding:0 4px}.filters button{font-size:13px;padding:13px 9px}.body{padding:22px}.price strong{font-size:29px}.catalog{gap:24px}}
