/* Hero Domus Brasa: fotografia em toda a largura, texto à esquerda e burger à direita. */
.flame-hero{position:relative;isolation:isolate;overflow:hidden;background:#100c09;color:#f2e7d8;min-height:600px;display:flex;align-items:center;border-bottom:1px solid #51311f}
.flame-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center right;z-index:-2}
.flame-hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(10,8,6,.78) 0%,rgba(10,8,6,.5) 34%,rgba(10,8,6,.08) 63%,transparent 100%);pointer-events:none}
.flame-hero-inner{padding-block:72px}
.flame-hero-copy{width:53%;max-width:650px}
.flame-hero-location{display:flex;align-items:center;gap:9px;font-size:.87rem;color:#d8bca0;margin-bottom:29px}
.flame-hero-location .icon{width:17px;height:17px;color:#e18a54}
.flame-hero h1{font-family:Bahnschrift,"Arial Narrow","Segoe UI",sans-serif;font-size:clamp(3rem,4.8vw,4.7rem);line-height:1.04;letter-spacing:-.035em;text-transform:uppercase;font-weight:800;margin-bottom:25px;text-wrap:balance;text-shadow:0 3px 24px #0006}
.flame-hero-description{max-width:370px;font-size:1.04rem;line-height:1.6;color:#d1bfaf;margin-bottom:30px}
.flame-hero-cta{min-height:56px;padding:18px 28px;box-shadow:0 8px 26px #7c230f35}
.flame-hero-details{display:flex;flex-wrap:wrap;gap:10px 22px;align-items:center;margin-top:27px;font-size:.8rem;color:#d1bfaf}
.flame-hero-details>span:first-child{display:flex;gap:8px;align-items:center}
.flame-hero-details .icon{width:16px;height:16px;color:#d89235}
body[data-theme=light] .flame-hero{color:#f2e7d8}
@media(min-width:1800px){.flame-hero{min-height:680px}.flame-hero-image{object-position:center 58%}}
@media(max-width:1100px){.flame-hero{min-height:530px}.flame-hero-inner{padding-block:60px}.flame-hero h1{font-size:clamp(2.65rem,5vw,3.6rem)}.flame-hero-copy{width:55%}.flame-hero-description{font-size:.95rem;max-width:320px}}
@media(max-width:780px){.flame-hero{min-height:720px;align-items:flex-start}.flame-hero-inner{padding-block:35px 330px}.flame-hero-copy{width:100%;max-width:460px}.flame-hero h1{font-size:clamp(2.2rem,7.6vw,3.6rem);margin-bottom:15px;line-height:1.07}.flame-hero-location{font-size:.76rem;margin-bottom:22px}.flame-hero-description{font-size:.9rem;max-width:330px;margin-bottom:23px}.flame-hero-image{inset:auto 0 0;height:440px;object-position:right bottom}.flame-hero:before{background:linear-gradient(180deg,#100c09 0%,#100c09 34%,rgba(16,12,9,.94) 45%,rgba(16,12,9,.15) 65%,transparent 83%)}.flame-hero-details{font-size:.75rem;margin-top:20px;gap:9px 18px}.flame-hero-cta{padding:15px 23px;min-height:51px;font-size:.9rem}}
@media(max-width:390px){.flame-hero{min-height:700px}.flame-hero h1{font-size:2.2rem}.flame-hero-image{height:390px}.flame-hero-inner{padding-bottom:310px}.flame-hero-details{max-width:300px}}
.cinema-logo{width:115px;height:80px;object-fit:contain;margin-bottom:24px}
.cinema-stage h1{font-size:clamp(2.3rem,3.75vw,3.75rem);max-width:650px}
#cinema-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:-1}
#cinema-canvas[hidden],.cinema-controls[hidden],.cinema-progress[hidden]{display:none}
.cinema-active{height:calc((var(--cinema-scroll,6) + 1) * 100svh)}
.cinema-active .cinema-stage{position:sticky;top:0;height:100svh;min-height:0;border-bottom:0}
.cinema-active .flame-hero-image{opacity:0}
.cinema-active .cinema-stage:before{display:none}
.cinema-active .cinema-stage:after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#100c096e,transparent 62%)}
.cinema-shade{position:absolute;inset:0;z-index:0;pointer-events:none;background:linear-gradient(90deg,#100c09c9,transparent 75%);opacity:0;transition:opacity .3s}
.cinema-revealed .cinema-shade{opacity:1}
.cinema-active .flame-hero-inner{position:relative;z-index:1;will-change:opacity,transform}
.cinema-controls{position:absolute;bottom:35px;left:max(24px,calc((100vw - 1280px)/2));right:max(24px,calc((100vw - 1280px)/2));display:flex;justify-content:flex-end;gap:15px;align-items:center;z-index:3;font-size:.8rem;color:#d1bfaf}
.cinema-controls button{color:#f2e7d8;border:1px solid #71523a;background:#100c09b3;padding:12px 16px;border-radius:4px;font-size:.8rem;min-height:44px}
.cinema-progress{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#70503366;z-index:3}
.cinema-progress span{display:block;width:100%;height:100%;background:#d89235;transform-origin:left;transform:scaleX(0)}
.cinema-intro .floating-controls,.cinema-intro .mobile-cart{visibility:hidden;pointer-events:none}
.header{transition:opacity .25s,transform .25s,visibility .25s}
.cinema-header-hidden .header{opacity:0;transform:translateY(-100%);visibility:hidden;pointer-events:none}
.cinema-caption[hidden]{display:none}
.cinema-caption{position:absolute;z-index:2;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 80px);max-width:1000px;padding:0;border:0;background:none;color:#f2e7d8;pointer-events:none;text-align:center;text-shadow:0 3px 26px #000b}
.cinema-caption-step{display:none}
.cinema-caption h2{font-size:clamp(1.8rem,3.7vw,3.7rem);font-weight:650;letter-spacing:-.025em;text-transform:uppercase;line-height:1.12;margin:0;text-wrap:balance}
.cinema-caption p{display:none}
@media(max-width:780px){.cinema-caption{left:50%;right:auto;top:50%;bottom:auto;transform:translate(-50%,-50%);width:calc(100% - 48px);padding:0;background:none}.cinema-caption h2{font-size:clamp(1.6rem,6.5vw,2.6rem)}}
@media(max-width:780px){.cinema-active .cinema-stage:after{background:linear-gradient(0deg,#100c099c,transparent 65%)}}
@media(max-width:780px){.cinema-logo{width:94px;height:64px;margin-bottom:19px}.cinema-stage h1{font-size:clamp(2rem,6.9vw,3.15rem)}.cinema-active .flame-hero-inner{padding-block:38px 90px;align-self:flex-end}.cinema-active .flame-hero-copy{max-width:100%}.cinema-revealed .cinema-shade{background:linear-gradient(0deg,#100c09f5 0%,#100c09b0 48%,transparent 95%)}.cinema-controls{left:18px;right:18px;bottom:22px;font-size:.7rem}.cinema-controls button{font-size:.75rem;padding:10px 12px}.cinema-stage .flame-hero-details{font-size:.73rem}}
@media(prefers-reduced-motion:reduce){.cinema-shade{transition:none}.cinema-active{height:auto}.cinema-active .cinema-stage{position:relative}}


/* O espaço sob o cabeçalho mantém a cor da cena enquanto ele sai. */
body.cinema-intro{background:#100c09}
body.cinema-intro main{background:var(--bg)}