/* Backyard Oven Notes — backyardgrilhub.com — carvão, brasa, chama */
:root{--carvao:#1E1A17;--fuligem:#2E2825;--brasa:#E85D26;--chama:#F7A53B;--cinza:#6E6763;--creme:#F6EFE2;--farinha:#FFFBF4;--tomate:#B2382C}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Rubik',sans-serif;background:var(--creme);color:var(--carvao);line-height:1.7;font-size:17px}
h1,h2,h3{font-family:'Rozha One',serif;font-weight:400;line-height:1.14}
a{color:var(--tomate);text-decoration:none}
a:hover{color:var(--brasa)}
img{max-width:100%;height:auto;display:block}
header.chapa{background:var(--carvao);color:var(--creme);position:sticky;top:0;z-index:40;box-shadow:0 2px 0 var(--brasa)}
.chapa-linha{max-width:1080px;margin:0 auto;padding:15px 24px;display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.marca-bo{font-family:'Rozha One',serif;font-size:23px;color:var(--creme);letter-spacing:.01em}
.marca-bo span{color:var(--chama)}
nav.grelha{margin-left:auto;display:flex;gap:20px;flex-wrap:wrap;font-size:14.5px;font-weight:500;text-transform:uppercase;letter-spacing:.06em}
nav.grelha a{color:var(--creme);opacity:.85}
nav.grelha a.quente{color:var(--chama);opacity:1}
.idiomas-bo{display:flex;gap:5px;font-size:12px;font-weight:600}
.idiomas-bo a{padding:4px 9px;border:1px solid var(--cinza);border-radius:3px;color:var(--creme)}
.idiomas-bo a.aceso{background:var(--brasa);border-color:var(--brasa);color:var(--carvao)}
.boca-do-forno{background:radial-gradient(ellipse at 50% 100%,#7A2E12 0%,var(--fuligem) 45%,var(--carvao) 100%);color:var(--creme);padding:70px 24px 60px}
.boca-miolo{max-width:1080px;margin:0 auto;display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center}
.boca-do-forno .faisca{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--chama);margin-bottom:16px;display:block}
.boca-do-forno h1{font-size:clamp(38px,5.4vw,64px);margin-bottom:16px;color:var(--farinha)}
.boca-do-forno p.calor{font-size:18.5px;max-width:32em;color:#E6D9C8}
.boca-do-forno figure img{border-radius:6px;box-shadow:0 0 0 6px rgba(232,93,38,.25),0 18px 40px rgba(0,0,0,.5)}
.botao-bo{display:inline-block;background:var(--brasa);color:var(--carvao);font-weight:600;padding:13px 26px;border-radius:3px;margin-top:24px;text-transform:uppercase;letter-spacing:.06em;font-size:14px}
.botao-bo:hover{background:var(--chama);color:var(--carvao)}
.botao-bo.fumaca{background:transparent;color:var(--chama);border:1.5px solid var(--chama)}
.mesa{max-width:1080px;margin:0 auto;padding:56px 24px}
.mesa-cab{display:grid;gap:6px;margin-bottom:28px;border-bottom:3px solid var(--carvao);padding-bottom:14px}
.mesa-cab h2{font-size:30px}
.mesa-cab p{color:var(--cinza)}
.fornadas{display:grid;grid-template-columns:repeat(auto-fit,minmax(295px,1fr));gap:22px}
.fornada-card{background:var(--farinha);border:1.5px solid #E3D8C6;border-radius:6px;overflow:hidden;display:flex;flex-direction:column;position:relative}
.fornada-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--brasa),var(--chama));opacity:0;transition:opacity .15s}
.fornada-card:hover::after{opacity:1}
.fornada-card img{aspect-ratio:16/10;object-fit:cover}
.fornada-miolo{padding:20px 22px 26px;display:flex;flex-direction:column;gap:8px;flex:1}
.fornada-miolo .numero{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brasa)}
.fornada-miolo h3{font-size:21px}
.fornada-miolo p{font-size:15px;color:#524b46;flex:1}
.faixa-brasa{background:var(--carvao);color:var(--creme);margin-top:30px;border-top:4px solid var(--brasa)}
.faixa-brasa .mesa{max-width:760px;text-align:center;display:grid;gap:14px}
.faixa-brasa h2{color:var(--chama);font-size:29px}
main.assadeira{max-width:720px;margin:0 auto;padding:54px 24px 80px}
main.assadeira .numero{font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--brasa)}
main.assadeira h1{font-size:clamp(32px,4.4vw,46px);margin:8px 0 12px}
main.assadeira .carimbo-bo{font-size:14px;color:var(--cinza);margin-bottom:26px;padding-bottom:16px;border-bottom:1.5px solid #E3D8C6}
main.assadeira h2{font-size:26px;margin:36px 0 12px}
main.assadeira h2::after{content:"";display:block;width:48px;height:3px;background:var(--brasa);margin-top:8px}
main.assadeira p,main.assadeira li{margin-bottom:14px}
main.assadeira ul,main.assadeira ol{padding-left:24px}
main.assadeira figure{margin:28px 0}
main.assadeira figure img{border-radius:6px}
main.assadeira figcaption{font-size:13.5px;color:var(--cinza);margin-top:9px}
.nota-brasa{background:var(--carvao);color:var(--creme);border-radius:6px;padding:20px 24px;margin:28px 0;border-left:6px solid var(--brasa)}
.nota-brasa strong{color:var(--chama)}
.duvidas-do-forno details{background:var(--farinha);border:1.5px solid #E3D8C6;border-radius:6px;margin-bottom:10px;padding:14px 18px}
.duvidas-do-forno summary{font-family:'Rozha One',serif;font-size:17px;cursor:pointer}
.duvidas-do-forno p{margin:10px 0 2px;color:#524b46}
.proxima-fornada{margin-top:42px;border:1.5px solid var(--carvao);border-radius:6px;padding:22px 24px}
.proxima-fornada h2{font-size:20px;margin:0 0 12px}
.proxima-fornada h2::after{display:none}
.proxima-fornada a{display:block;padding:10px 0;border-top:1px dashed #C9BBA6;color:var(--carvao)}
.proxima-fornada a b{color:var(--tomate)}
form.pedido{display:grid;gap:14px;background:var(--farinha);border:1.5px solid #E3D8C6;padding:26px;border-radius:6px}
form.pedido label{font-weight:600;font-size:14.5px;text-transform:uppercase;letter-spacing:.06em}
form.pedido input,form.pedido textarea{width:100%;padding:12px;border:1.5px solid #E3D8C6;border-radius:3px;font:inherit;background:#fff}
form.pedido input:focus,form.pedido textarea:focus{outline:none;border-color:var(--brasa)}
form.pedido button{justify-self:start;border:none;cursor:pointer;margin-top:0}
footer.cinzas{background:var(--carvao);color:#BDB2A7;margin-top:70px}
.cinzas-linha{max-width:1080px;margin:0 auto;padding:38px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;font-size:14px}
.cinzas-linha a{color:var(--creme)}
.cinzas-fecho{background:#120F0D;text-align:center;padding:13px;font-size:12.5px}
@media(max-width:840px){.boca-miolo{grid-template-columns:1fr}.boca-do-forno{padding-top:44px}}