/* Tema Obra — materiais de construção: amarelo, preto, condensada e faixas de obra */
@font-face { font-family: "Barlow C"; src: url("/assets/fontes/barlow-700.woff2") format("woff2"); font-weight: 700; font-display: swap; }
:root { --cor: #f5b301; --cor-2: #dd9f00; --sobre-cor: #1c1c1c; --fundo: #fff; --fundo-2: #f4f3ef; --tinta: #1c1c1c; --texto: #555; --linha: #e5e2da; --raio: 6px; --raio-botao: 4px;
  --fonte: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif; --titulo: "Barlow C", "Arial Narrow", sans-serif; --rodape-fundo: #1c1c1c; --estrela: #f5b301;
  --veu: linear-gradient(100deg, rgba(20, 20, 20, .9) 35%, rgba(20, 20, 20, .4)); }
h1, h2, h3 { text-transform: uppercase; font-weight: 700; letter-spacing: .01em; line-height: 1; }
h1 { font-size: clamp(3rem, 7.4vw, 6.2rem); }
.botao { text-transform: uppercase; letter-spacing: .06em; font-weight: 800; }
.sobretitulo { background: var(--cor); color: #1c1c1c; padding: 4px 10px; }
.hero-fundo::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 18px; background: repeating-linear-gradient(-45deg, var(--cor) 0 22px, #1c1c1c 22px 44px); }
.selo-hero { border-radius: 4px; }
.numeros-secao { background: #1c1c1c; color: #bbb; }
.numeros strong { color: var(--cor); }
.cartao { border: 0; border-left: 6px solid var(--cor); border-radius: 4px; }
.icone-cartao { background: #1c1c1c; border-radius: 4px; }
.form-orcamento { border-top: 6px solid var(--cor); }
.foto-sobre img { aspect-ratio: 4/3; box-shadow: 16px 16px 0 var(--cor); }
.depoimento { border-radius: 4px; border-top: 4px solid var(--cor); }