/* Plano B Hamburgueria — site 2026
   Paleta: fuligem #181611 · letreiro #FFE600 · kraft #D9B98A · papel #F3E9D6 · branco
   Tipos: Baloo 2 (títulos), Questrial (texto), Caveat (anotação à mão)             */

:root{
  --preto:#181611; --preto-2:#24211a; --amarelo:#FFE600; --amarelo-2:#f2d400;
  --kraft:#D9B98A; --kraft-2:#c9a46e; --papel:#F3E9D6; --papel-2:#e9dcc3; --branco:#fff;
  --texto:#2a251c; --texto-claro:#f3eee2; --cinza:#7a7366;
  --fd:'Baloo 2',system-ui,sans-serif; --ft:'Questrial',system-ui,sans-serif; --fm:'Caveat',cursive;
  --largura:1180px; --pad:clamp(18px,4vw,48px); --raio:14px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--ft);font-size:17px;line-height:1.55;color:var(--texto);background:var(--papel)}
img,video{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,h4{font-family:var(--fd);font-weight:800;line-height:1.02;margin:0;letter-spacing:-.01em}
h1{font-size:clamp(42px,7.2vw,96px)}
h2{font-size:clamp(34px,5vw,64px)}
h3{font-size:clamp(22px,2.4vw,30px);line-height:1.15}
p{margin:0 0 1em}
.mao{font-family:var(--fm);font-weight:600;font-size:clamp(22px,2.6vw,34px);line-height:1;color:inherit}
.wrap{max-width:var(--largura);margin:0 auto;padding:0 var(--pad)}
.sec{padding:clamp(56px,9vw,120px) 0}
.sec--preto{background:var(--preto);color:var(--texto-claro)}
.sec--kraft{background:var(--kraft);color:var(--preto)}
.sec--amarelo{background:var(--amarelo);color:var(--preto)}
.sec--branco{background:var(--branco)}
.lead{font-size:clamp(18px,1.5vw,21px);max-width:62ch}
.marca{background:linear-gradient(transparent 55%,var(--amarelo) 55%,var(--amarelo) 92%,transparent 92%);padding:0 .12em}
.sec--preto .marca{color:var(--preto)}
:focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}
.sec--amarelo :focus-visible,.sec--kraft :focus-visible{outline-color:var(--preto)}

/* botões */
.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--fd);font-weight:800;font-size:18px;line-height:1;padding:17px 26px;border-radius:999px;text-decoration:none;border:3px solid var(--preto);background:var(--amarelo);color:var(--preto);transition:transform .15s,box-shadow .15s;box-shadow:0 4px 0 var(--preto)}
.btn:hover{transform:translateY(-2px);box-shadow:0 6px 0 var(--preto)}
.btn:active{transform:translateY(2px);box-shadow:0 2px 0 var(--preto)}
.btn--preto{background:var(--preto);color:var(--amarelo);border-color:var(--preto);box-shadow:0 4px 0 #000}
.btn--linha{background:transparent;color:inherit;border-color:currentColor;box-shadow:none}
.btn svg{width:22px;height:22px;flex:none}
.btn--grande{font-size:21px;padding:20px 32px}

/* topo */
.topo{position:sticky;top:0;z-index:50;background:rgba(24,22,17,.92);backdrop-filter:blur(8px);color:var(--texto-claro);border-bottom:1px solid rgba(255,230,0,.18)}
.topo .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;height:72px}
.topo .logo img{height:50px;width:auto}
.topo nav{display:flex;gap:26px;font-family:var(--fd);font-weight:700;font-size:16px}
.topo nav a{text-decoration:none;opacity:.9;padding:6px 0;border-bottom:3px solid transparent}
.topo nav a:hover,.topo nav a[aria-current]{border-color:var(--amarelo);opacity:1}
.topo .btn{padding:12px 18px;font-size:15px;box-shadow:none;border-width:2px}
.menu-btn{display:none;background:none;border:2px solid var(--amarelo);color:var(--amarelo);border-radius:10px;padding:8px 10px;font:inherit;cursor:pointer}
@media (max-width:900px){
  .topo nav{display:none;position:absolute;left:0;right:0;top:72px;background:var(--preto);flex-direction:column;gap:0;padding:10px var(--pad) 22px;border-bottom:3px solid var(--amarelo)}
  .topo nav a{padding:14px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:19px}
  .topo.aberto nav{display:flex}
  .menu-btn{display:inline-flex}
  .topo .btn span{display:none}
}

/* herói */
.heroi{position:relative;min-height:min(92vh,860px);display:flex;align-items:flex-end;color:var(--branco);background:var(--preto);overflow:hidden;isolation:isolate}
.heroi video,.heroi>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.heroi::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(24,22,17,.25) 0%,rgba(24,22,17,.15) 40%,rgba(24,22,17,.88) 100%)}
.heroi .wrap{width:100%;padding-bottom:clamp(40px,7vw,90px);padding-top:120px}
.heroi h1{max-width:12ch;text-shadow:0 2px 24px rgba(0,0,0,.4)}
.heroi .lead{color:#efe9da;margin-top:18px}
.heroi .acoes{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px;align-items:center}
.heroi .nota{font-family:var(--fm);font-size:clamp(20px,2.2vw,28px);color:var(--amarelo);transform:rotate(-3deg);display:inline-block}
.selo{position:absolute;right:var(--pad);top:110px;width:clamp(120px,15vw,190px);aspect-ratio:1;border-radius:50%;background:var(--amarelo);color:var(--preto);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:var(--fd);font-weight:800;line-height:1;transform:rotate(8deg);box-shadow:0 10px 30px rgba(0,0,0,.35);border:4px solid var(--preto)}
.selo b{font-size:clamp(30px,3.6vw,46px);display:block}
.selo span{font-size:clamp(12px,1.2vw,15px);font-family:var(--ft);margin-top:4px}
@media (max-width:640px){.selo{top:90px;width:112px}.heroi .wrap{padding-top:200px}}

/* fita amarela que corre */
.fita{background:var(--amarelo);color:var(--preto);overflow:hidden;border-top:3px solid var(--preto);border-bottom:3px solid var(--preto);font-family:var(--fd);font-weight:800;font-size:clamp(17px,1.7vw,22px);padding:12px 0;white-space:nowrap}
.fita .trilho{display:inline-flex;gap:0;animation:correr 38s linear infinite;will-change:transform}
.fita span{padding:0 22px;position:relative}
.fita span::after{content:"";position:absolute;right:-5px;top:50%;width:10px;height:10px;background:var(--preto);border-radius:50%;transform:translateY(-50%)}
@keyframes correr{to{transform:translateX(-50%)}}
@media (prefers-reduced-motion:reduce){.fita .trilho{animation:none}.heroi video{display:none}}

/* plaquinha de sabor (etiqueta no palito) */
.plaquinha{display:inline-block;position:relative;background:var(--amarelo);color:var(--preto);font-family:var(--fd);font-weight:800;font-size:15px;line-height:1;padding:8px 14px 8px 12px;clip-path:polygon(0 0,100% 0,92% 50%,100% 100%,0 100%);margin-left:10px}
.plaquinha::before{content:"";position:absolute;left:-10px;top:-6px;width:3px;height:calc(100% + 12px);background:#d8c9a8;border-radius:2px}

/* blocos de duas colunas */
.duas{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(28px,5vw,72px);align-items:center}
@media (max-width:900px){.duas{grid-template-columns:1fr}}
.foto-colada{position:relative;transform:rotate(-2deg);width:100%;max-width:520px;margin:0 auto;justify-self:center}
@media (max-width:900px){.foto-colada{max-width:330px}}
.foto-colada img{width:100%;height:auto;border-radius:6px;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.foto-colada::before{content:"";position:absolute;left:50%;top:-14px;width:120px;height:30px;background:rgba(255,230,0,.85);transform:translateX(-50%) rotate(-4deg);box-shadow:0 2px 4px rgba(0,0,0,.15);z-index:2}
.foto-colada--dir{transform:rotate(2deg)}

/* comanda (como funciona) */
.comanda{background:var(--branco);color:var(--texto);max-width:560px;margin:0 auto;padding:34px 30px 40px;position:relative;box-shadow:0 20px 50px rgba(0,0,0,.35);font-family:var(--ft)}
.comanda::before,.comanda::after{content:"";position:absolute;left:0;right:0;height:14px;background:radial-gradient(circle at 7px -2px,transparent 8px,var(--branco) 9px) 0 0/16px 14px repeat-x}
.comanda::before{top:-13px;transform:rotate(180deg)}
.comanda::after{bottom:-13px}
.comanda h3{text-align:center;font-size:26px;margin-bottom:4px}
.comanda .sub{text-align:center;color:var(--cinza);font-size:14px;margin-bottom:22px}
.comanda ol{list-style:none;padding:0;margin:0;counter-reset:passo}
.comanda li{counter-increment:passo;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:14px 0;border-bottom:2px dashed var(--papel-2)}
.comanda li::before{content:counter(passo,decimal-leading-zero);font-family:var(--fd);font-weight:800;font-size:24px;color:var(--preto);line-height:1}
.comanda li b{font-family:var(--fd);font-weight:800;font-size:18px;display:block;margin-bottom:2px}
.comanda .total{display:flex;justify-content:space-between;font-family:var(--fd);font-weight:800;font-size:20px;padding-top:18px}
.comanda .rodape{text-align:center;font-family:var(--fm);font-size:24px;margin-top:16px;transform:rotate(-2deg)}

/* quadro dos rodízios */
.quadro{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
@media (max-width:900px){.quadro{grid-template-columns:1fr}}
.rodizio{background:var(--preto-2);color:var(--texto-claro);border:3px solid #3a352a;padding:28px 26px 30px;position:relative;border-radius:6px}
.rodizio--destaque{border-color:var(--amarelo);transform:translateY(-10px)}
@media (max-width:900px){.rodizio--destaque{transform:none}}
.rodizio .plaquinha{position:absolute;top:-16px;right:18px}
.rodizio h3{color:var(--amarelo);font-size:30px}
.rodizio .para{font-family:var(--fm);font-size:24px;color:#e7dfc8;margin:4px 0 16px}
.rodizio ul{list-style:none;padding:0;margin:0}
.rodizio li{padding:9px 0;border-bottom:1px dashed #4a4436;display:flex;gap:10px;align-items:flex-start}
.rodizio li::before{content:"";flex:none;width:9px;height:9px;border-radius:50%;background:var(--amarelo);margin-top:8px}
.rodizio li.mais{color:#b9b09a}
.rodizio .obs{font-size:14px;color:#b9b09a;margin-top:14px}
.rodizio .btn{margin-top:20px;width:100%;justify-content:center}

/* galeria colada */
.colagem{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:150px;gap:14px}
.colagem a{display:block;overflow:hidden;position:relative;background:#000}
.colagem img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.colagem a:hover img{transform:scale(1.04)}
.colagem .g-alta{grid-row:span 2}.colagem .g-larga{grid-column:span 2}.colagem .g-grande{grid-column:span 2;grid-row:span 2}
.colagem .video::after{content:"";position:absolute;inset:0;margin:auto;width:64px;height:64px;border-radius:50%;background:var(--amarelo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23181611' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/32px no-repeat;border:3px solid var(--preto)}
@media (max-width:760px){.colagem{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.colagem .g-grande{grid-column:span 2;grid-row:span 2}}

/* avaliações */
.avals{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media (max-width:900px){.avals{grid-template-columns:1fr}}
.aval{background:var(--papel);color:var(--texto);padding:26px 24px 22px;position:relative;border-radius:4px;box-shadow:0 12px 30px rgba(0,0,0,.15)}
.aval:nth-child(2){transform:rotate(1deg)}.aval:nth-child(3){transform:rotate(-1deg)}
.aval .estrelas{color:#e8a700;font-size:18px;letter-spacing:2px}
.aval p{font-size:17px;margin:10px 0 14px}
.aval footer{font-family:var(--fd);font-weight:700;display:flex;justify-content:space-between;align-items:center;font-size:15px}
.aval footer small{font-family:var(--ft);color:var(--cinza);font-weight:400}
.google-nota{display:inline-flex;align-items:center;gap:14px;background:var(--branco);color:var(--preto);padding:14px 22px;border-radius:999px;border:3px solid var(--preto);font-family:var(--fd);font-weight:800;font-size:22px}
.google-nota small{font-family:var(--ft);font-weight:400;font-size:15px;color:var(--cinza)}

/* tipos de evento */
.eventos{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
@media (max-width:1000px){.eventos{grid-template-columns:repeat(2,1fr)}}
.evento{position:relative;aspect-ratio:3/4;overflow:hidden;border-radius:6px;text-decoration:none;color:var(--branco);display:block;background:#000}
.evento img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.evento:hover img{transform:scale(1.05)}
.evento span{position:absolute;left:0;right:0;bottom:0;padding:70px 16px 16px;background:linear-gradient(transparent,rgba(0,0,0,.85));font-family:var(--fd);font-weight:800;font-size:22px;line-height:1.05}
.evento span small{display:block;font-family:var(--ft);font-size:14px;font-weight:400;opacity:.85;margin-top:4px}
@media (max-width:1000px){.eventos .evento:last-child{grid-column:span 2;aspect-ratio:2/1}}

/* mural de cidades */
.mural{font-family:var(--fd);font-weight:800;font-size:clamp(22px,3.2vw,40px);line-height:1.25;color:var(--preto)}
.mural span{display:inline-block;margin-right:.55em}
.mural span:nth-child(3n){color:#8b6a2b}
.mural span:nth-child(5n){font-family:var(--fm);font-weight:600;font-size:1.15em}

/* logos */
.logos-fita{overflow:hidden;margin-top:26px;position:relative;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logos-fita .trilho{display:inline-flex;align-items:center;animation:correr 26s linear infinite;will-change:transform}
.logos-fita.fita-lenta .trilho{animation-duration:34s}
.logos-fita:hover .trilho{animation-play-state:paused}
.logo-item{flex:0 0 auto;width:150px;height:56px;margin-right:44px;display:flex;align-items:center;justify-content:center}
.logo-item img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
@media (max-width:600px){.logo-item{width:120px;height:46px;margin-right:30px}}
@media (prefers-reduced-motion:reduce){.logos-fita .trilho{animation:none;flex-wrap:wrap;gap:20px}.logos-fita{mask-image:none;-webkit-mask-image:none}}

/* perguntas */
.faq details{border-bottom:2px solid rgba(0,0,0,.12);padding:6px 0}
.faq summary{cursor:pointer;font-family:var(--fd);font-weight:800;font-size:21px;padding:14px 40px 14px 0;list-style:none;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:10px;font-size:30px;line-height:1;color:var(--preto)}
.faq details[open] summary::after{content:"–"}
.faq details p{max-width:70ch;padding-bottom:14px}

/* formulário */
.form{background:var(--branco);padding:30px;border-radius:var(--raio);box-shadow:0 20px 50px rgba(0,0,0,.25);color:var(--texto)}
.form h3{margin-bottom:6px}
.form .grade{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.form label{display:block;font-family:var(--fd);font-weight:700;font-size:14px;margin-bottom:6px}
.form input,.form select,.form textarea{width:100%;font:inherit;font-size:16px;padding:13px 14px;border:2px solid #d9d1bf;border-radius:10px;background:#fbf8f1;color:var(--texto)}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--preto);outline:none;background:#fff}
.form .cheio{grid-column:1/-1}
.form .btn{margin-top:18px;width:100%;justify-content:center}
.form .aviso{font-size:13px;color:var(--cinza);margin-top:12px;text-align:center}
@media (max-width:640px){.form .grade{grid-template-columns:1fr}}

/* rodapé */
.rodape{background:var(--preto);color:#cfc7b3;padding:60px 0 32px;border-top:6px solid var(--amarelo)}
.rodape .colunas{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:34px}
@media (max-width:900px){.rodape .colunas{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.rodape .colunas{grid-template-columns:1fr}}
.rodape img{height:84px;width:auto;margin-bottom:14px}
.rodape h4{color:var(--amarelo);font-size:18px;margin-bottom:12px}
.rodape ul{list-style:none;padding:0;margin:0}
.rodape li{padding:5px 0}
.rodape a{text-decoration:none}
.rodape a:hover{color:var(--amarelo)}
.rodape .fim{border-top:1px solid #3a352a;margin-top:40px;padding-top:20px;font-size:14px;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}

/* botão flutuante do WhatsApp */
.zap{position:fixed;right:18px;bottom:18px;z-index:60;width:62px;height:62px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(0,0,0,.35);border:3px solid #fff}
.zap svg{width:34px;height:34px;fill:#fff}

/* utilidades */
.titulo-sec{margin-bottom:clamp(22px,3vw,36px)}
.titulo-sec .mao{display:block;margin-bottom:6px;color:#8b6a2b}
.sec--preto .titulo-sec .mao{color:var(--amarelo)}
.centro{text-align:center}
.centro .lead{margin-left:auto;margin-right:auto}
.esp{height:clamp(24px,4vw,48px)}
.lista-check{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:10px}
.lista-check li{padding-left:34px;position:relative;font-size:18px}
.lista-check li::before{content:"";position:absolute;left:0;top:2px;width:22px;height:22px;border-radius:50%;background:var(--amarelo);border:3px solid var(--preto);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23181611' stroke-width='3.5' d='M5 12.5l4.5 4.5L19 7'/%3E%3C/svg%3E");background-size:14px;background-repeat:no-repeat;background-position:center}
.sec--preto .lista-check li::before{border-color:var(--amarelo)}
.numeros{display:flex;flex-wrap:wrap;gap:28px 48px;margin-top:30px}
.numeros b{font-family:var(--fd);font-weight:800;font-size:clamp(40px,5vw,66px);line-height:1;display:block;color:var(--amarelo)}
.numeros span{font-size:16px;color:#cfc7b3}
.faixa-cta{background:var(--amarelo);color:var(--preto);padding:clamp(50px,7vw,90px) 0}
.faixa-cta .wrap{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}
@media (max-width:800px){.faixa-cta .wrap{grid-template-columns:1fr}}
.faixa-cta h2{max-width:14ch}
.miniatura-video{position:relative;border-radius:8px;overflow:hidden;background:#000;aspect-ratio:9/16;max-width:360px}
.miniatura-video video{width:100%;height:100%;object-fit:cover}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}

/* ajustes após a prévia */
.titulo-sec .lead{margin-top:14px}
.duas{align-items:center}
.duas>*{min-width:0}
.logos-fita{width:100%;max-width:100%}

/* ---- páginas internas ---- */
.heroi--foto .fundo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.sec--amarelo{background:var(--amarelo);color:var(--preto)}
.sec--amarelo .mao{color:#5a4a10}
.sec--papel{background:var(--papel)}
.grade-cardapio{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:10px}
@media (max-width:980px){.grade-cardapio{grid-template-columns:1fr}}
.card-cardapio{background:var(--preto);color:var(--papel);padding:30px 28px 26px;border-radius:14px;box-shadow:0 14px 34px rgba(0,0,0,.18);position:relative}
.card-cardapio--destaque{outline:4px solid var(--amarelo);outline-offset:-4px}
.card-cardapio h3{font-family:var(--fd);font-weight:800;font-size:28px;margin:0;color:var(--amarelo)}
.card-cardapio .para{font-family:var(--fm);font-size:20px;color:var(--kraft);margin:4px 0 14px}
.card-cardapio h4{font-family:var(--fd);font-weight:700;font-size:15px;letter-spacing:.2px;margin:18px 0 6px;color:#fff;border-bottom:2px dotted rgba(255,255,255,.25);padding-bottom:4px}
.card-cardapio h4.herda{color:var(--amarelo);border:0;margin-top:4px}
.card-cardapio ul{list-style:none;margin:0;padding:0}
.card-cardapio li{padding:4px 0 4px 18px;position:relative;font-size:15.5px;line-height:1.4}
.card-cardapio li::before{content:"";position:absolute;left:0;top:11px;width:8px;height:8px;border-radius:50%;background:var(--amarelo)}
.card-cardapio .obs{font-size:13.5px;color:#bdb49d;margin:18px 0 0}
.casos{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:10px}
@media (max-width:800px){.casos{grid-template-columns:1fr}}
.caso{background:var(--papel);color:var(--preto);padding:28px;border-radius:6px;transform:rotate(-.6deg);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.caso:nth-child(2){transform:rotate(.7deg)}
.caso b{font-family:var(--fd);font-weight:800;font-size:26px;display:block}
.caso span{font-family:var(--fm);font-size:22px;color:#7a5a12;display:block;margin:2px 0 10px}
.caso p{margin:0;font-size:16.5px;line-height:1.5}
.tres{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:10px}
@media (max-width:900px){.tres{grid-template-columns:1fr}}
.tres h3{font-family:var(--fd);font-weight:800;font-size:22px;margin:0 0 8px}
.tres p{margin:0;font-size:16.5px;line-height:1.55}
.sec--branco .tres>div,.sec--kraft .tres>div{border-top:4px solid var(--amarelo);padding-top:16px}
.compara{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:10px}
@media (max-width:800px){.compara{grid-template-columns:1fr}}
.compara>div{background:#fff;padding:28px;border-radius:14px}
.compara h3{font-family:var(--fd);font-weight:800;font-size:26px;margin:0 0 10px}
.compara ul{margin:0 0 18px;padding-left:20px;font-size:16.5px;line-height:1.7}
.linha-tempo{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:0}
.linha-tempo li{display:grid;grid-template-columns:110px 1fr;gap:20px;padding:22px 0;border-top:2px dashed rgba(24,22,17,.25)}
.linha-tempo b{font-family:var(--fd);font-weight:800;font-size:34px;color:#7a5a12;line-height:1}
.linha-tempo h3{font-family:var(--fd);font-weight:800;font-size:22px;margin:0 0 6px}
.linha-tempo p{margin:0;font-size:17px;line-height:1.55;max-width:60ch}
@media (max-width:600px){.linha-tempo li{grid-template-columns:1fr;gap:6px}}
.filtros{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 22px}
.filtros button{font-family:var(--fd);font-weight:700;font-size:15px;padding:9px 16px;border-radius:999px;border:3px solid var(--preto);background:#fff;color:var(--preto);cursor:pointer}
.filtros button.ativo{background:var(--preto);color:var(--amarelo)}
.galeria{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));grid-auto-rows:200px;gap:10px;grid-auto-flow:dense}
.galeria .g-item{display:block;overflow:hidden;background:#000;border-radius:4px}
.galeria .g-item:nth-child(7n+1){grid-column:span 2;grid-row:span 2}
.galeria img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.galeria .g-item:hover img{transform:scale(1.04)}
@media (max-width:600px){.galeria{grid-template-columns:repeat(2,1fr);grid-auto-rows:150px}}
.videos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px;margin-top:10px}
.g-video{display:block;position:relative;aspect-ratio:16/10;overflow:hidden;border-radius:8px;background:#000}
.g-video img{width:100%;height:100%;object-fit:cover;opacity:.85}
.g-video::after{content:"";position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:var(--amarelo) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23181611' d='M8 5v14l11-7z'/%3E%3C/svg%3E") center/32px no-repeat;border:3px solid var(--preto)}
.g-video span{position:absolute;right:10px;bottom:10px;background:rgba(0,0,0,.7);color:#fff;font-size:13px;padding:3px 8px;border-radius:4px}
.lightbox{position:fixed;inset:0;background:rgba(10,9,6,.94);z-index:200;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px}
.lightbox[hidden]{display:none}
.lb-conteudo img,.lb-conteudo video{max-width:min(96vw,1400px);max-height:84vh;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.6)}
.lb-leg{color:var(--papel);font-family:var(--fm);font-size:22px;margin:14px 0 0}
.lb-fechar{position:absolute;top:14px;right:18px;background:var(--amarelo);color:var(--preto);border:3px solid var(--preto);border-radius:50%;width:48px;height:48px;font-size:30px;line-height:1;cursor:pointer}
.contatos p{margin:0 0 18px;font-size:17px;line-height:1.5}
.contatos b{display:block;font-family:var(--fd);font-weight:800;font-size:15px;color:#7a5a12}
.contatos a{color:var(--preto);font-weight:700;text-decoration:underline;text-decoration-color:var(--amarelo);text-decoration-thickness:3px}
.contatos small{color:#5a5447}

/* ---- artigos ---- */
.artigo{max-width:72ch;margin:0 auto;font-size:18px;line-height:1.65}
.artigo .intro{font-size:21px;line-height:1.55;color:#3a3326}
.artigo h2{font-size:clamp(26px,3vw,34px);margin:44px 0 12px}
.artigo p{margin:0 0 18px}
.artigo ul{padding-left:22px;margin:0 0 18px}
.artigo li{margin:6px 0}
.artigo a:not(.btn){color:var(--preto);font-weight:700;text-decoration:underline;text-decoration-color:var(--amarelo);text-decoration-thickness:3px}
.artigo .btn{margin:6px 8px 6px 0}
.tabela{width:100%;border-collapse:collapse;margin:10px 0 24px;font-size:16px;background:#fff;border-radius:10px;overflow:hidden}
.tabela th,.tabela td{padding:10px 12px;text-align:left;vertical-align:top;border-bottom:1px solid rgba(24,22,17,.12)}
.tabela th{background:var(--preto);color:var(--amarelo);font-family:var(--fd);font-weight:800}
.tabela td:first-child{font-weight:700;width:30%}
@media (max-width:600px){.tabela{display:block;overflow-x:auto;white-space:normal;font-size:14.5px}.tabela td:first-child{width:auto}}

@media (max-width:640px){
  .tabela,.tabela tbody,.tabela tr,.tabela td{display:block;width:auto}
  .tabela thead{display:none}
  .tabela tr{border-bottom:3px solid var(--preto);padding:6px 0}
  .tabela td{border:0;padding:4px 12px}
  .tabela td:first-child{background:var(--preto);color:var(--amarelo);font-family:var(--fd);padding:8px 12px}
  .tabela td[data-c]:not(:first-child)::before{content:attr(data-c) ": ";font-weight:700}
}