/* =====================================================================
   TEMA: TÉCNICO
   Grelha visível, linhas retas, números em destaque e nada de curvas.
   Serve indústria, metalomecânica, construção, engenharia, stands e
   qualquer cliente que queira transmitir rigor em vez de simpatia.
   Usa apenas as cores definidas em Identidade visual.
   ===================================================================== */
:root{--raio:0px;--raio-s:0px}

body{font-size:15.5px}
h1,h2,h3,h4{font-weight:700;letter-spacing:-.015em;text-transform:none}
h1{font-size:clamp(2.1rem,4.4vw,3.4rem);line-height:1.06}
h2{font-size:clamp(1.6rem,2.9vw,2.3rem)}
h3{font-size:1.05rem}
.chamada{line-height:1.7}

.olho{letter-spacing:.24em;font-size:.68rem;font-weight:800;color:var(--c1)}
.olho::before{width:14px;height:3px;background:var(--c3)}

.barra-topo{background:var(--c2);font-size:.76rem;letter-spacing:.02em}
.cabecalho{background:#fff;border-bottom:2px solid var(--c2)}
.menu>li>a{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.07em}
.menu>li>a::after{background:var(--c3);height:3px;bottom:6px}
.acoes-topo .btn{--bg:var(--c1);--fg:#fff;border-radius:0;text-transform:uppercase;
  font-size:.76rem;letter-spacing:.08em;font-weight:800}

.hero{height:min(78vh,660px)}
.hero-slide::after{background:linear-gradient(100deg,rgba(0,0,0,.82) 0%,rgba(0,0,0,.5) 55%,rgba(0,0,0,.2) 100%)}
.hero-txt h1{letter-spacing:-.02em}
.hero-txt .olho{color:var(--c3)}
.pontos button{width:22px;height:3px;border-radius:0}
.setas button{border-radius:0}

/* grelha visível: tudo alinhado por linhas */
.serv,.noticia-cartao,.produto,.ficha,.doc{border-radius:0;border:1px solid var(--linha);
  box-shadow:none}
.serv{border-top:3px solid var(--c1)}
.serv:hover{transform:none;border-top-color:var(--c3);background:var(--fundo)}
.serv .ico{border-radius:0;background:var(--c2);color:#fff}
.serv .num{font-family:var(--f-texto);font-weight:800;opacity:.14;font-size:2.2rem}

.grelha.g3{gap:1px;background:var(--linha)}
.grelha.g3 > *{background:#fff}

.numeros-item strong{font-size:clamp(2.4rem,5vw,3.8rem);font-weight:800;
  font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.numeros-item{border-left:3px solid var(--c3);padding-left:18px;text-align:left}

.tab-ficha td{border-bottom:1px solid var(--linha)}
.ficha-dados li{border-radius:0}
.filtros-linha{border-radius:0}
.filtros-linha select,.filtros-linha input[type=text]{border-radius:0}

.sec-areia{background:var(--fundo)}
.sec-escura{background:var(--c2)}
.btn{border-radius:0;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;font-weight:800}
.rodape{background:var(--c2);border-top:4px solid var(--c3)}