/*vr-theme-jrmgran/assets/css/site.css*/
:root{--escuro:#2b2b2d;--escuro-2:#3a3a3d;--ouro:#c9a45c;--ouro-claro:#e8d3a0;--creme:#f6efe1;--texto:#2b2b2d;--cinza:#6b6b70;--branco:#fff;--raio:14px}
*{box-sizing:border-box;margin:0;padding:0}
*:focus,*:focus-visible{outline:none}
html{scroll-behavior:smooth;scroll-padding-top:80px}
body{font-family:Inter,system-ui,sans-serif;color:var(--texto);background:var(--creme);line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,.logo-texto strong{font-family:Cinzel,serif;line-height:1.2}
h1 em,h2 em{color:var(--ouro);font-style:normal}
h2{font-size:clamp(1.7rem,4vw,2.6rem);margin:.4rem 0 2rem}
section{padding:80px 16px;max-width:1200px;margin:0 auto}
.etiqueta{font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;color:var(--ouro);font-weight:600}
.botao-ouro,.botao-claro{display:inline-block;padding:.85rem 1.5rem;border-radius:999px;font-weight:600;transition:.2s}
.botao-ouro{background:var(--ouro);color:var(--escuro)}
.botao-ouro:hover{background:var(--ouro-claro)}
.botao-claro{border:1px solid var(--ouro);color:var(--ouro)}
.botao-claro:hover{background:var(--ouro);color:var(--escuro)}
.div-header{position:fixed;inset:0 0 auto;z-index:50;background:rgba(43,43,45,.92);backdrop-filter:blur(8px);color:var(--branco)}
.div-header-linha-um{max-width:1200px;margin:0 auto;padding:12px 16px;display:flex;align-items:center;justify-content:space-between;gap:1rem}
.div-header-linha-um-esquerda{display:flex;align-items:center;gap:.6rem}
.logo-j{font-family:Cinzel,serif;font-size:2rem;font-weight:700;color:var(--ouro);line-height:1}
.logo-texto{display:flex;flex-direction:column}
.logo-texto strong{font-size:1.1rem;letter-spacing:.08em}
.logo-texto small{font-size:.7rem;color:var(--ouro-claro)}
.div-header-linha-um-centro{display:flex;gap:1.4rem;font-size:.92rem}
.div-header-linha-um-centro a:hover{color:var(--ouro)}
.div-header-linha-um-direita{display:flex;align-items:center;gap:.8rem}
.botao-menu{display:none;flex-direction:column;gap:5px;padding:6px}
.botao-menu span{width:24px;height:2px;background:var(--branco)}
.div-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:3rem;align-items:center;min-height:100vh;padding-top:120px}
.div-hero h1{font-size:clamp(2.2rem,5.5vw,4rem);margin:.8rem 0 1.2rem}
.div-hero p{color:var(--cinza);font-size:1.1rem;max-width:520px}
.div-hero-botoes{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:2rem}
.div-hero-direita{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.div-hero-direita img{border-radius:var(--raio);aspect-ratio:3/4;object-fit:cover}
.div-hero-direita img:last-child{margin-top:3rem}
.div-faixa{background:var(--escuro);color:var(--ouro-claro);overflow:hidden;padding:16px 0}
.div-faixa-trilho{display:flex;gap:2.5rem;width:max-content;animation:faixa 30s linear infinite;font-family:Cinzel,serif}
@keyframes faixa{to{transform:translateX(-50%)}}
.div-sobre{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;align-items:center}
.div-sobre-esquerda img{border-radius:var(--raio);aspect-ratio:4/5;object-fit:cover}
.div-sobre-direita>p{color:var(--cinza)}
.div-sobre-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.div-sobre-cards div{background:var(--branco);padding:1.2rem;border-radius:var(--raio)}
.div-sobre-cards h3{font-size:1rem;margin-bottom:.4rem}
.div-sobre-cards p{font-size:.88rem;color:var(--cinza)}
.div-servicos-grade{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.cartao-servico{background:var(--branco);border-radius:var(--raio);overflow:hidden;padding-bottom:1.2rem;position:relative}
.cartao-servico img{aspect-ratio:4/3;object-fit:cover;width:100%}
.cartao-servico span{position:absolute;top:12px;left:12px;background:var(--escuro);color:var(--ouro);font-weight:700;padding:.2rem .6rem;border-radius:999px;font-size:.8rem}
.cartao-servico h3,.cartao-servico p,.cartao-servico a{padding:0 1.1rem}
.cartao-servico h3{font-size:1.05rem;margin:1rem 0 .4rem}
.cartao-servico p{font-size:.9rem;color:var(--cinza)}
.cartao-servico a{display:block;margin-top:.8rem;color:var(--ouro);font-weight:600;font-size:.9rem}
.div-materiais-abas,.div-projetos-filtros{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1.5rem}
.div-materiais-abas button,.div-projetos-filtros button{padding:.55rem 1.1rem;border-radius:999px;border:1px solid var(--escuro-2)}
.div-materiais-abas .ativo,.div-projetos-filtros .ativo{background:var(--escuro);color:var(--ouro)}
.div-materiais-painel{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem;align-items:center;background:var(--branco);border-radius:var(--raio);padding:1.5rem}
.div-materiais-painel[hidden],.div-projetos-grade figure[hidden]{display:none}
.div-materiais-painel img{border-radius:var(--raio);aspect-ratio:4/3;object-fit:cover}
.div-materiais-painel h3{font-size:1.8rem;margin-bottom:.8rem}
.div-materiais-painel p{color:var(--cinza);margin-bottom:1rem}
.cuidado{background:var(--creme);padding:.8rem 1rem;border-radius:10px;font-size:.9rem}
.div-projetos-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.div-projetos-grade figure{position:relative;border-radius:var(--raio);overflow:hidden;cursor:zoom-in}
.div-projetos-grade img{aspect-ratio:1;object-fit:cover;width:100%;transition:.4s}
.div-projetos-grade figure:hover img{transform:scale(1.05)}
.div-projetos-grade figcaption{position:absolute;inset:auto 0 0;padding:1rem;background:linear-gradient(transparent,rgba(0,0,0,.75));color:var(--branco);font-weight:600}
.div-projetos-grade small{display:block;color:var(--ouro-claro);font-weight:400}
.div-processo-etapas{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.div-processo-etapas li{background:var(--branco);padding:1.4rem;border-radius:var(--raio)}
.div-processo-etapas span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--escuro);color:var(--ouro);font-weight:700;margin-bottom:.8rem}
.div-processo-etapas h3{font-size:1rem;margin-bottom:.4rem}
.div-processo-etapas p{font-size:.88rem;color:var(--cinza)}
.div-orcamento{display:grid;grid-template-columns:1fr 1.2fr;gap:3rem;background:var(--escuro);color:var(--branco);border-radius:24px;max-width:1168px;padding:56px 40px;margin:40px auto}
.div-orcamento-esquerda p{color:#bdbdc2;margin-bottom:1.5rem}
.form-orcamento{display:flex;flex-direction:column;gap:1rem}
.form-orcamento label{display:flex;flex-direction:column;gap:.35rem;font-size:.88rem;color:var(--ouro-claro)}
.form-orcamento input,.form-orcamento select,.form-orcamento textarea{font:inherit;padding:.75rem .9rem;border-radius:10px;border:1px solid var(--escuro-2);background:var(--escuro-2);color:var(--branco)}
.div-orcamento-linha{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.form-orcamento .aceite{flex-direction:row;align-items:center;gap:.5rem;color:#bdbdc2}
.form-orcamento .aceite a{color:var(--ouro);text-decoration:underline}
.form-orcamento small{color:#9a9aa0}
.div-duvidas details{background:var(--branco);border-radius:var(--raio);padding:1.1rem 1.3rem;margin-bottom:.7rem}
.div-duvidas summary{font-weight:600;cursor:pointer}
.div-duvidas details p{margin-top:.7rem;color:var(--cinza)}
.div-contato-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}
.div-contato-cards>*{background:var(--branco);padding:1.4rem;border-radius:var(--raio);font-weight:600}
.div-contato-cards small{display:block;color:var(--ouro);font-weight:500;margin-bottom:.3rem}
.div-footer{background:var(--escuro);color:#cfcfd4;padding:56px 16px 24px}
.div-footer-linha-um{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr;gap:2rem}
.div-footer-linha-um p{margin-top:1rem;font-size:.9rem}
.div-footer h4{color:var(--ouro);margin-bottom:.8rem;font-family:Cinzel,serif}
.div-footer-coluna-dois,.div-footer-coluna-tres{display:flex;flex-direction:column;gap:.4rem;font-size:.9rem}
.div-footer-linha-dois{max-width:1200px;margin:2.5rem auto 0;padding-top:1.2rem;border-top:1px solid var(--escuro-2);display:flex;flex-wrap:wrap;gap:1.2rem;font-size:.82rem;color:#9a9aa0}
.div-footer-linha-dois a:hover,.link-cookies:hover{color:var(--ouro)}
.whats-flutuante{position:fixed;right:18px;bottom:18px;z-index:40;width:56px;height:56px;border-radius:50%;background:#25d366;color:var(--branco);display:grid;place-items:center;box-shadow:0 6px 20px rgba(0,0,0,.25)}
.whats-flutuante svg{width:30px;height:30px}
.div-lgpd{position:fixed;left:16px;right:16px;bottom:16px;z-index:60;max-width:560px;background:var(--escuro);color:var(--branco);padding:1.2rem;border-radius:var(--raio);box-shadow:0 10px 30px rgba(0,0,0,.3)}
.div-lgpd[hidden],.div-modal-foto[hidden]{display:none}
.div-lgpd p{font-size:.9rem;margin-bottom:1rem}
.div-lgpd a{color:var(--ouro);text-decoration:underline}
.div-lgpd-botoes{display:flex;gap:.6rem;flex-wrap:wrap}
.div-modal-foto{position:fixed;inset:0;z-index:70;background:rgba(0,0,0,.88);display:grid;place-items:center;padding:16px}
.div-modal-foto img{max-height:90vh;border-radius:var(--raio)}
.fechar-modal{position:absolute;top:12px;right:20px;font-size:2.4rem;color:var(--branco)}
.div-conteudo-pagina-privacidade{max-width:800px;margin:0 auto;padding:130px 16px 80px}
.div-conteudo-pagina-privacidade h1{font-size:2.2rem;margin-bottom:1.5rem}
.div-conteudo-pagina-privacidade h2{font-size:1.3rem;margin:2rem 0 .6rem}
.div-conteudo-pagina-privacidade p{color:var(--cinza);margin-bottom:1rem}
@media (max-width:980px){
.div-header-linha-um-centro{position:absolute;top:100%;left:0;right:0;flex-direction:column;background:var(--escuro);padding:1rem 16px;gap:1rem;display:none}
.menu-aberto .div-header-linha-um-centro{display:flex}
.botao-menu{display:flex}
.div-header-linha-um-direita .botao-ouro{display:none}
.div-hero,.div-sobre,.div-materiais-painel,.div-orcamento{grid-template-columns:1fr}
.div-hero{min-height:auto}
.div-servicos-grade{grid-template-columns:repeat(2,1fr)}
.div-projetos-grade{grid-template-columns:repeat(2,1fr)}
.div-processo-etapas{grid-template-columns:1fr 1fr}
.div-sobre-cards,.div-contato-cards,.div-footer-linha-um{grid-template-columns:1fr}
.div-orcamento{margin:40px 16px;padding:40px 20px}
}
@media (max-width:560px){
section{padding:56px 16px}
.div-servicos-grade,.div-processo-etapas,.div-orcamento-linha{grid-template-columns:1fr}
}