*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:#171717;line-height:1.55}.container{width:min(1180px,calc(100% - 36px));margin:auto}.topo{position:sticky;top:0;z-index:50;background:#050505}.topo-interno{min-height:76px;display:flex;align-items:center;gap:22px}.marca img{width:74px;height:58px;object-fit:contain}.menu{display:flex;gap:22px;margin-left:auto}.menu a{color:#fff;text-decoration:none;font-size:12px;font-weight:600}.botao-menu{display:none;margin-left:auto;background:none;border:0;color:#fff;font-size:26px}.botao{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:4px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid transparent}.botao-vermelho{background:#ff1111;color:#fff}.botao-transparente{border-color:#fff;color:#fff}.botao-contorno{border-color:#111;color:#111}.botao-menor{min-height:38px}.hero{position:relative;min-height:610px;color:#fff;background:linear-gradient(135deg,#0d0d0d,#202020)}.hero-sombra{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.96),rgba(0,0,0,.55))}.hero-grade{position:relative;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center;min-height:610px}.selo{color:#ff2424;font-size:10px;letter-spacing:.13em;font-weight:800}.hero h1,.titulo-secao h2,.grade-sobre h2,.grade-atendimento h2,.grade-contato h2{font-family:Oswald,Inter,sans-serif;text-transform:uppercase}.hero h1{font-size:58px;line-height:1.02;margin:14px 0 20px}.hero p{font-size:16px}.hero-local{font-weight:700}.acoes{display:flex;gap:11px;margin-top:28px}.cartao-logo{background:#fff;border-radius:10px;padding:24px}.cartao-logo img{width:100%}.faixa-confianca{padding:30px 0}.confianca-grade{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.confianca-grade article{display:flex;gap:14px}.confianca-grade article>span{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ff1111;color:#fff}.confianca-grade h3{margin:0}.confianca-grade p{font-size:12px;color:#666}.secao{padding:82px 0}.secao-cinza{background:#f4f4f4}.titulo-secao{text-align:center;max-width:720px;margin:0 auto 36px}.titulo-secao h2,.grade-sobre h2,.grade-atendimento h2,.grade-contato h2{font-size:36px}.grade-servicos{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cartao-servico{background:#fff;border:1px solid #ddd}.imagem{height:210px;background-size:cover;background-position:center;background-repeat:no-repeat}
.img1{background-image:url("imagens/portao.jpg")}
.img2{background-image:url("imagens/porta.jpg")}
.img3{background-image:url("imagens/janela.jpg")}
.img4{background-image:url("imagens/esquadria.jpg")}
.img5{background-image:url("imagens/guarda-corpo.jpg")}
.img6{background-image:url("imagens/corrimao.jpg")}.conteudo-cartao{padding:19px}.conteudo-cartao p{color:#666}.grade-sobre{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.foto-sobre{height:460px;background:url("imagens/sobre.jpg") center/cover no-repeat}.lista{list-style:none;padding:0}.lista li:before{content:'✓';color:#ff1111;margin-right:10px}.secao-escura,.secao-contato{background:#111;color:#fff}.grade-atendimento,.grade-contato{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.bairros{display:flex;flex-wrap:wrap;gap:11px}.bairros span{border:1px solid #555;padding:11px 14px}.grade-etapas{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.grade-etapas article{border-top:4px solid #ff1111;padding:24px;background:#fafafa}.grade-etapas strong{font-size:38px;color:#ff1111}.grade-artigos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grade-artigos article{background:#fff;border:1px solid #ddd;padding:21px}.grade-artigos a{color:#ff1111}.cartao-contato{background:#fff;color:#111;padding:30px;text-align:center}.cartao-contato img{width:180px}.cartao-contato .botao{width:100%;margin:14px 0}.telefone{display:block;color:#111;font-weight:800;text-decoration:none}.rodape{background:#000;color:#bbb;padding:36px 0}.rodape-grade{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:35px}.rodape img{width:120px}.whatsapp-flutuante{position:fixed;right:18px;bottom:18px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#25d366;color:#fff;text-decoration:none;font-weight:900}@media(max-width:980px){.menu,.topo-interno>.botao{display:none}.botao-menu{display:block}.menu.aberto{display:flex;position:absolute;top:76px;left:0;right:0;background:#050505;flex-direction:column;padding:22px}.hero-grade,.grade-sobre,.grade-atendimento,.grade-contato{grid-template-columns:1fr}.confianca-grade,.grade-servicos,.grade-etapas{grid-template-columns:repeat(2,1fr)}.grade-artigos{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.hero h1{font-size:42px}.acoes{flex-direction:column}.confianca-grade,.grade-servicos,.grade-etapas,.grade-artigos,.rodape-grade{grid-template-columns:1fr}}
.pagina-artigo{background:#f4f4f4;padding:70px 20px}
.artigo{max-width:850px;margin:0 auto;padding:45px;background:#fff}
.artigo h1{margin:8px 0 20px;font-family:Oswald,Inter,sans-serif;font-size:44px;line-height:1.12;text-transform:uppercase}
.artigo h2{margin-top:35px;font-size:24px}
.artigo p{color:#555;font-size:16px;line-height:1.8}
.artigo .introducao{color:#222;font-size:19px;font-weight:600}
.voltar{display:inline-block;margin-bottom:25px;color:#ff1111;text-decoration:none;font-weight:700}
.chamada-artigo{margin-top:45px;padding:30px;background:#111;color:#fff}
.chamada-artigo h2{margin-top:0}
.chamada-artigo p{color:#ddd}
.pagina-404{min-height:100vh;padding:40px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#0b0b0b;color:#fff}
.pagina-404 img{width:150px;margin-bottom:25px}
.pagina-404 h1{margin:0;font-size:100px;color:#ff1111}
.pagina-404 h2{margin:0 0 12px}
.pagina-404 p{max-width:500px;margin-bottom:25px;color:#ddd}
@media(max-width:680px){.artigo{padding:28px 20px}.artigo h1{font-size:34px}}