/* HG — superfícies arquitetônicas: fotografia, calcário e grafite. */
html:has(body.ref-home){overflow-x:hidden}
body.ref-home{background:#111916;overflow-x:clip}
.site-background{background:#111916}
.site-background video{display:none}
.site-background>img{display:none}
.site-background{background-image:linear-gradient(90deg,rgba(7,18,14,.88),rgba(7,18,14,.55)),linear-gradient(0deg,#111916 0%,transparent 55%),url('assets/fundo-roofaro-v33.png');background-size:cover;background-position:center 60%}
.ref-home .reference-header{background:transparent}
.ref-home .reference-hero{background:transparent;box-shadow:none}
.ref-home .authority-panel{background:rgba(15,20,25,.20);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);outline:0;box-shadow:0 12px 32px rgba(0,0,0,.10)}
.ref-home #servicos,.ref-home #projetos,.ref-home #sobre,.ref-home #perguntas-frequentes,.ref-home #entre-em-contato{position:relative;isolation:isolate;padding-block:36px}
.ref-home :is(#servicos,#projetos,#sobre,#perguntas-frequentes,#entre-em-contato)::before{content:"";position:absolute;z-index:-1;inset:-36px calc(50% - 50vw);pointer-events:none;background:var(--section-surface)}
.ref-home #servicos{--section-surface:#f0f2ed;color:#15231d}
.ref-home #projetos{--section-surface:#111916;color:#f5f6f2}
.ref-home #sobre{--section-surface:#e8ede5;color:#15231d}
.ref-home #perguntas-frequentes{--section-surface:#14251f;color:#f5f6f2}
.ref-home #entre-em-contato{--section-surface:#f0f2ed;color:#15231d}
.ref-home :is(#servicos,#sobre,#entre-em-contato) .hg-section-heading h2{color:#15231d}
.ref-home :is(#servicos,#sobre,#entre-em-contato) .hg-section-heading:after{content:"";display:block;width:32px;height:3px;margin:18px auto 0;background:#098462;border-radius:2px}
.ref-home #servicos .hg-service{background:#15231d;color:#f5f6f2;box-shadow:0 10px 28px #17271e0d}
.ref-home #servicos .hg-service{background:#e5e7e7;clip-path:inset(0 round 18px)}
.ref-home #servicos .hg-service h3{background:#15231d}
.ref-home #servicos .service-image{border-radius:18px 18px 0 0;isolation:isolate}
.ref-home #projetos .portfolio-subtitle{color:#b8c9be}
.ref-home #sobre .about-panel{background:transparent;padding-inline:0;box-shadow:none}
.ref-home #sobre .about-copy>p{color:#34483d;font-weight:400}
.ref-home #perguntas-frequentes .faq-item{background:#21372d}
.ref-home #perguntas-frequentes .faq-answer p{color:#d6e1d9}
.ref-home #entre-em-contato :is(input:not([type="hidden"]),textarea){background:#fff;color:#15231d;box-shadow:inset 0 0 0 1px #bdc9bd}
.ref-home #entre-em-contato :is(input,textarea)::placeholder{color:#526359;opacity:1}
.ref-home #entre-em-contato :is(input,textarea):focus{box-shadow:inset 0 0 0 2px #078562;outline:none}
.ref-home #entre-em-contato .contact-form-actions p{color:#526359}
.ref-home #entre-em-contato .hg-contact-form{background:#e5eae2;box-shadow:none}
.ref-home .hg-contact{background:#111916;box-shadow:none}
@media(max-width:736px){.ref-home :is(#servicos,#projetos,#sobre,#perguntas-frequentes,#entre-em-contato){padding-block:24px}.ref-home :is(#servicos,#projetos,#sobre,#perguntas-frequentes,#entre-em-contato)::before{inset:-24px calc(50% - 50vw)}.site-background{background-position:62% 60%}.ref-home #sobre .about-panel{padding-inline:0}}