
/* /fabrik7_site/static/src/css/home.css */
 .f7{--amarelo:#FFC21A; --mosto:#16110B; --espuma:#F6EEDC; --concreto:#ECE9E2; --bg:var(--mosto); --bg-2:#1F1810; --fg:var(--espuma); --tinta-2:#CDBFA2; --linha:rgba(246,238,220,.15); --tubo:#2A2015; --display:"Big Shoulders Display","Arial Narrow",Impact,sans-serif; --texto:"Bricolage Grotesque","Helvetica Neue",Arial,sans-serif; color-scheme:dark; background:var(--bg);color:var(--fg);font-family:var(--texto);font-size:17px;line-height:1.5; transition:background .5s,color .5s;overflow-x:clip;}.f7[data-hora="tarde"]{--bg:var(--concreto); --bg-2:#E1DDD3; --fg:#17110A; --tinta-2:#5B5245; --linha:rgba(23,17,10,.14); --tubo:#D8D3C7; color-scheme:light;}#wrapwrap.f7-home{background:#16110B}html:has(.f7){scroll-behavior:smooth}.f7 section[id]{scroll-margin-top:84px}.f7 picture{display:contents}.f7[data-hora="tarde"] .so-noite,.f7[data-hora="noite"] .so-tarde{display:none!important}.f7 *{box-sizing:border-box}.f7 .faixa{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}.f7 .miolo{max-width:1280px;margin:0 auto}.f7 a{color:inherit}.f7 img{display:block;max-width:100%;height:auto}.f7 figure{margin:0}.f7 p{margin:0}.f7 :focus-visible{outline:3px solid var(--amarelo);outline-offset:3px}.f7 h1,.f7 h2,.f7 h3{font-family:var(--display);text-transform:uppercase;margin:0;text-wrap:balance;color:inherit}.f7 h2{font-weight:900;font-size:clamp(42px,6vw,84px);line-height:.88;letter-spacing:-.005em}.f7 .intro{color:var(--tinta-2);max-width:40ch;margin:0;font-size:18px}.f7 .botao{display:inline-flex;align-items:center;gap:8px;font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:.04em;text-transform:uppercase;padding:12px 22px;border-radius:3px;text-decoration:none;white-space:nowrap;align-self:flex-start}.f7 .botao.cheio{background:var(--amarelo);color:#17110A}.f7 .botao.vazado{border:2px solid currentColor}.f7 .f7-topo{position:sticky;top:0;z-index:20;background:var(--bg);border-bottom:1px solid var(--linha);transition:background .5s}.f7 .f7-topo .miolo{display:flex;align-items:center;gap:24px;padding-block:10px}.f7 .logo{height:46px;width:auto}.f7 .logo-dia{display:none}.f7[data-hora="tarde"] .logo-dia{display:block}.f7[data-hora="tarde"] .logo-noite{display:none}.f7 nav{display:flex;gap:22px;margin-left:auto;font-weight:600;font-size:15px}.f7 nav a{text-decoration:none;opacity:.8}.f7 nav a:hover{opacity:1;text-decoration:underline;text-underline-offset:5px}.f7 .hora{display:flex;border:1px solid var(--linha);border-radius:99px;padding:3px;font-size:13px}.f7 .hora button{all:unset;cursor:pointer;padding:4px 11px;border-radius:99px}.f7 .hora button[aria-pressed="true"]{background:var(--fg);color:var(--bg)}.f7 .f7-topo .botao{font-size:18px;padding:9px 16px;align-self:auto}.f7 .regua{display:none}.f7 .hero{position:relative;overflow:hidden;background:#000;color:#F6EEDC}.f7 .hero .foto{position:absolute;inset:0}.f7 .hero .foto img{width:100%;height:100%;object-fit:cover;animation:f7-assenta 2.2s cubic-bezier(.22,1,.36,1) both}.f7 .hero .foto::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,7,4,.82) 0%,rgba(10,7,4,.45) 46%,rgba(10,7,4,0) 70%),linear-gradient(0deg,rgba(10,7,4,.7),rgba(10,7,4,0) 45%)}.f7 .hero .miolo{position:relative;min-height:clamp(560px,80vh,780px);display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:end;gap:32px;padding-block:72px 56px}.f7 .hero-texto{display:flex;flex-direction:column;gap:22px}.f7 .hero .agora{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:14px;color:#E9DEC4}.f7 .hero .agora strong{color:#fff;font-weight:600}.f7 .ponto{display:inline-block;width:9px;height:9px;border-radius:50%;background:#3FBF5F;margin-right:7px;animation:f7-pulsa 2s infinite}.f7 .hero h1{font-weight:900;font-size:clamp(60px,9.6vw,152px);line-height:.84;letter-spacing:-.01em;color:#F6EEDC}.f7 .hero h1>span>span{display:block;animation:f7-levanta .9s cubic-bezier(.22,1,.36,1) both}.f7 .hero h1>span>span:nth-child(2){animation-delay:.12s;color:var(--amarelo)}.f7 .hero p{max-width:36ch;font-size:19px;color:#E9DEC4}.f7 .hero .acoes{display:flex;flex-wrap:wrap;gap:12px}.f7 .hero .botao.vazado{color:#F6EEDC}.f7 .sete{position:absolute;top:0;bottom:0;right:-6%;width:44%;background:var(--amarelo);clip-path:polygon(38% 0,100% 0,100% 100%,0 100%);animation:f7-corta 1.1s .2s cubic-bezier(.22,1,.36,1) both}.f7 .hoje{position:relative;z-index:1;justify-self:end;align-self:center;width:min(300px,100%);color:#17110A;display:flex;flex-direction:column;gap:10px;text-decoration:none;animation:f7-levanta .9s .5s cubic-bezier(.22,1,.36,1) both}.f7 .hoje .rotulo{font-family:var(--display);font-weight:900;font-size:22px;letter-spacing:.06em;text-transform:uppercase}.f7 .hoje img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;box-shadow:0 18px 40px rgba(0,0,0,.35);transform:rotate(2deg)}.f7 .hoje .quando{font-weight:600;font-size:15px}@keyframes f7-assenta{from{transform:scale(1.08)}to{transform:scale(1)}}@keyframes f7-levanta{from{transform:translateY(26px);opacity:0}to{transform:none;opacity:1}}@keyframes f7-corta{from{clip-path:polygon(100% 0,100% 0,100% 100%,100% 100%)}to{clip-path:polygon(38% 0,100% 0,100% 100%,0 100%)}}@keyframes f7-pulsa{0%{box-shadow:0 0 0 0 rgba(63,191,95,.6)}70%,100%{box-shadow:0 0 0 10px rgba(63,191,95,0)}}.f7 .letreiro{background:var(--amarelo);color:#17110A;overflow:hidden;white-space:nowrap;font-family:var(--display);font-weight:700;font-size:19px;letter-spacing:.03em}.f7 .letreiro .rolo{display:inline-flex;gap:44px;padding-block:10px;animation:f7-rola 50s linear infinite}.f7 .letreiro b{font-weight:900}@keyframes f7-rola{to{transform:translateX(-50%)}}.f7 .casa .miolo{padding-block:88px;display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:56px;align-items:start}.f7 .casa .cabeca{display:flex;flex-direction:column;gap:18px;position:sticky;top:110px}.f7 .pilares{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.f7 .pilar{display:flex;flex-direction:column;gap:12px}.f7 .pilar .moldura{overflow:hidden;border-radius:2px}.f7 .pilar img{width:100%;aspect-ratio:4/5;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.f7 .pilar:hover img{transform:scale(1.04)}.f7 .pilar.alto{grid-row:span 2}.f7 .pilar.alto img{aspect-ratio:auto;height:100%;min-height:520px}.f7 .pilar.alto .moldura{flex:1}.f7 .pilar h3{font-weight:900;font-size:34px;line-height:1}.f7 .pilar p{color:var(--tinta-2);font-size:16px;max-width:36ch}.f7 .cozinha{background:var(--bg-2)}.f7 .cozinha .miolo{padding-block:88px;display:flex;flex-direction:column;gap:40px}.f7 .cozinha .topo-s{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:20px}.f7 .pratos{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);grid-template-rows:auto auto;gap:24px}.f7 .prato{position:relative}.f7 .prato img{width:100%;height:100%;object-fit:cover;border-radius:2px}.f7 .prato.grande{grid-row:span 2}.f7 .prato.grande img{min-height:560px}.f7 .prato:not(.grande) img{aspect-ratio:16/10}.f7 .comanda{position:absolute;left:18px;bottom:-22px;width:min(270px,80%);background:#F6EEDC;color:#1B140C;padding:14px 18px 24px;transform:rotate(var(--r,-1.5deg));box-shadow:0 10px 24px rgba(0,0,0,.25); -webkit-mask:radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) 0 0/18px 100% repeat-x;mask:radial-gradient(circle 7px at 50% 100%,#0000 98%,#000) 0 0/18px 100% repeat-x;transition:transform .3s}.f7 .prato:hover .comanda{transform:rotate(0) translateY(-6px)}.f7 .comanda .linha-c{display:flex;justify-content:space-between;font-size:12px;border-bottom:1px dashed #1B140C55;padding-bottom:6px;margin-bottom:8px;font-variant-numeric:tabular-nums}.f7 .comanda h3{font-weight:900;font-size:28px;line-height:1;margin-bottom:4px}.f7 .comanda p{color:#4A3A1C;font-size:14px;line-height:1.35}.f7 .sem-foto{display:flex;flex-wrap:wrap;gap:18px;margin-top:22px}.f7 .sem-foto .comanda{position:relative;left:auto;bottom:auto}.f7 .pregao{background:#0E0B07;color:#F6EEDC;clip-path:polygon(0 36px,100% 0,100% 100%,0 100%);margin-top:-1px}.f7 .pregao .miolo{padding-block:96px 64px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:center}.f7 .pregao h2{font-size:clamp(36px,4.4vw,60px)}.f7 .pregao .intro{color:#CDBFA2;font-size:16px;margin-top:14px}.f7 .selo{display:inline-block;margin-bottom:14px;font-size:13px;font-weight:600;border:1px solid rgba(246,238,220,.3);border-radius:99px;padding:3px 12px;color:#CDBFA2}.f7 .tubos{display:grid;grid-template-columns:repeat(auto-fill,minmax(96px,128px));gap:10px}.f7 .tubo{display:flex;flex-direction:column;gap:8px;min-width:0}.f7 .vidro{position:relative;height:170px;border-radius:5px 5px 12px 12px;background:#2A2015;overflow:hidden;border:1px solid rgba(246,238,220,.12)}.f7 .liquido{position:absolute;inset:0;background:linear-gradient(#E8A317,#B5651D);transform:translateY(calc(100% - var(--nivel,60%)));transition:transform 1.6s cubic-bezier(.22,1,.36,1);animation:f7-enche 1.6s cubic-bezier(.22,1,.36,1)}.f7 .liquido::before{content:"";position:absolute;left:-50%;right:-50%;top:-12px;height:16px;background:#F6EEDC;border-radius:45%;animation:f7-onda 5s linear infinite}.f7 .bolhas{position:absolute;inset:0;pointer-events:none}.f7 .bolhas i{position:absolute;bottom:-6px;width:4px;height:4px;border-radius:50%;background:rgba(255,246,218,.55);animation:f7-sobe 4s linear infinite}.f7 .bolhas i:nth-child(1){left:14%;animation-duration:3.2s;animation-delay:-1s}.f7 .bolhas i:nth-child(2){left:33%;animation-duration:4.6s;animation-delay:-3s}.f7 .bolhas i:nth-child(3){left:52%;animation-duration:3.8s;animation-delay:-2s}.f7 .bolhas i:nth-child(4){left:71%;animation-duration:5.4s;animation-delay:-4.5s}.f7 .bolhas i:nth-child(5){left:86%;animation-duration:4.1s;animation-delay:-.5s}@keyframes f7-onda{to{transform:translateX(25%)}}@keyframes f7-sobe{to{transform:translateY(-190px);opacity:0}}@keyframes f7-enche{from{transform:translateY(100%)}}.f7 .pregao .preco{font-family:var(--display);font-weight:900;font-size:26px;line-height:1;font-variant-numeric:tabular-nums;color:#F6EEDC}.f7 .pregao .preco small{font-size:13px}.f7 .selo.ao-vivo{color:#F6EEDC;border-color:rgba(63,191,95,.6)}.f7 .pregao .var{font-size:12px;font-weight:600;font-variant-numeric:tabular-nums;color:#CDBFA2}.f7 .pregao .var.sobe{color:#5BCB72}.f7 .pregao .var.desce{color:#FF7A59}.f7 .nome{font-size:12px;line-height:1.25;color:#CDBFA2}.f7 .nome b{display:block;color:#F6EEDC;font-size:14px}.f7 .nota{font-size:12px;color:#9C8F74;margin:14px 0 0}.f7 .palco{position:relative;color:#F6EEDC;overflow:hidden;background:#0E0B07}.f7 .palco .fundo{position:absolute;inset:0}.f7 .palco .fundo img{width:100%;height:120%;object-fit:cover;opacity:.32;filter:saturate(.8)}.f7 .palco .miolo{position:relative;padding-block:96px;display:flex;flex-direction:column;gap:40px}.f7 .palco .intro{color:#E3D6BA;margin-top:14px}.f7 .palco .botao.vazado{color:#F6EEDC}.f7 .cartazes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.f7 .cartaz{display:flex;flex-direction:column;gap:12px;text-decoration:none}.f7 .cartaz img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:2px;box-shadow:0 20px 44px rgba(0,0,0,.45);transition:transform .5s cubic-bezier(.22,1,.36,1)}.f7 .cartaz:hover img{transform:translateY(-6px) rotate(-1deg)}.f7 .cartaz .legenda{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:15px;color:#E3D6BA}.f7 .cartaz .legenda b{font-family:var(--display);font-weight:900;font-size:26px;color:#F6EEDC;text-transform:uppercase}.f7 .selo-hoje{background:var(--amarelo);color:#17110A;font-family:var(--display);font-weight:900;padding:3px 10px;border-radius:3px;letter-spacing:.05em;font-size:17px}.f7 .evento .miolo{padding-block:88px;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,6fr);gap:56px;align-items:center}.f7 .evento .foto-ev{position:relative;isolation:isolate}.f7 .evento .foto-ev img{width:100%;aspect-ratio:4/3.4;object-fit:cover;border-radius:2px}.f7 .evento .foto-ev::after{content:"";position:absolute;right:-14px;bottom:-14px;width:46%;height:46%;background:var(--amarelo);z-index:-1;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%)}.f7 .evento .texto-ev{display:flex;flex-direction:column;gap:20px}.f7 .zap{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;border-top:1px solid var(--linha);padding-top:20px}.f7 .zap .num{font-family:var(--display);font-weight:900;font-size:44px;line-height:1;font-variant-numeric:tabular-nums;user-select:all;width:100%}.f7 .zap .botao{align-self:auto}.f7 .zap button{all:unset;cursor:pointer;font-weight:600;font-size:14px;text-decoration:underline;text-underline-offset:4px}.f7 .tipos{display:flex;flex-wrap:wrap;gap:8px}.f7 .tipos span{border:1px solid var(--linha);border-radius:99px;padding:4px 14px;font-size:14px}.f7 .perguntas .miolo{padding-block:88px;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:48px;align-items:start}.f7 .cabeca-p{display:flex;flex-direction:column;gap:14px;position:sticky;top:110px}.f7 .lista-p{border-top:1px solid var(--linha)}.f7 .lista-p details{border-bottom:1px solid var(--linha)}.f7 .lista-p summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px;padding:18px 0;font-weight:600;font-size:18px}.f7 .lista-p summary::-webkit-details-marker{display:none}.f7 .lista-p summary::after{content:"+";font-family:var(--display);font-weight:900;font-size:26px;line-height:1;color:var(--amarelo);transition:transform .25s}.f7 .lista-p details[open] summary::after{transform:rotate(45deg)}.f7 .lista-p details p{color:var(--tinta-2);padding:0 0 20px;max-width:60ch}.f7 .visita{position:relative;color:#F6EEDC;background:#0E0B07;overflow:hidden}.f7 .visita .fundo{position:absolute;inset:0}.f7 .visita .fundo img{width:100%;height:100%;object-fit:cover}.f7 .visita .fundo::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,7,4,.9),rgba(10,7,4,.15) 70%)}.f7 .visita .miolo{position:relative;min-height:520px;display:flex;flex-direction:column;justify-content:flex-end;gap:14px;padding-block:72px}.f7 .visita h2{max-width:14ch;margin-bottom:6px}.f7 .visita .endereco{font-size:20px;color:#F6EEDC}.f7 .visita .horario{font-size:16px;color:#E9DEC4}.f7 .visita .acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.f7 .visita .botao.vazado{color:#F6EEDC}.f7 .f7-rodape .miolo{padding-block:40px;display:flex;flex-wrap:wrap;gap:24px 48px;justify-content:space-between;font-size:14px;color:var(--tinta-2)}.f7 .f7-rodape strong{color:var(--fg)}.f7 .f7-rodape .links{display:flex;gap:18px}.f7 .f7-rodape address{font-style:normal}@media (max-width:960px){.f7 nav{display:none}.f7 .regua{display:flex;margin-left:0;gap:6px;overflow-x:auto;scrollbar-width:none;padding:0 max(16px,env(safe-area-inset-left,0px)) 10px;-webkit-overflow-scrolling:touch}.f7 .regua::-webkit-scrollbar{display:none}.f7 .regua a{flex:none;text-decoration:none;font-weight:600;font-size:14px;border:1px solid var(--linha);border-radius:99px;padding:8px 14px;min-height:40px;display:inline-flex;align-items:center}.f7 section[id]{scroll-margin-top:124px}.f7 .perguntas .miolo{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:64px}.f7 .cabeca-p{position:static}.f7 .f7-topo .miolo>.hora{margin-left:auto}.f7 .hero .miolo{grid-template-columns:minmax(0,1fr);min-height:0;padding-block:56px 40px}.f7 .sete{width:46%;top:auto;height:72px;right:-10%}.f7 .hoje{justify-self:start;width:min(260px,76%);background:var(--amarelo);padding:14px 14px 16px;border-radius:2px}.f7 .hoje img{transform:none}.f7 .casa .miolo,.f7 .pregao .miolo,.f7 .evento .miolo{grid-template-columns:minmax(0,1fr);gap:32px}.f7 .casa .cabeca{position:static}.f7 .pratos{grid-template-columns:minmax(0,1fr);gap:48px}.f7 .prato.grande img{min-height:0;aspect-ratio:4/3}.f7 .cartazes{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.f7 .pilar.alto{grid-column:span 2;grid-row:auto}.f7 .pilar.alto img{min-height:0;aspect-ratio:4/3}}@media (max-width:560px){.f7 .f7-topo .miolo{gap:12px}.f7 .f7-topo .miolo>.botao{display:none}.f7 .hora button{padding:8px 12px;min-height:36px;box-sizing:border-box}.f7 .logo{height:38px}.f7 .pilares{grid-template-columns:minmax(0,1fr)}.f7 .pilar.alto{grid-column:auto}.f7 .cartazes{grid-template-columns:minmax(0,1fr)}.f7 .zap .num{font-size:36px}}@media (prefers-reduced-motion:reduce){html:has(.f7){scroll-behavior:auto}.f7 *,.f7 *::before,.f7 *::after{animation:none!important;transition:none!important}}