/* =====================================================================
   TEMA: CLÁSSICO
   Sóbrio e elegante: linhas finas, muito ar, destaque centrado.
   Usa apenas as cores definidas em Identidade visual.
   ===================================================================== */
:root{--raio:4px;--raio-s:3px}

body{font-size:16.5px}
h1,h2,h3{letter-spacing:-.01em;font-weight:600}
h1{font-size:clamp(2.3rem,4.6vw,3.7rem);line-height:1.08}
h2{font-size:clamp(1.8rem,3.2vw,2.6rem)}
.chamada{font-size:1.06rem;line-height:1.8}

.olho{letter-spacing:.26em;font-size:.72rem;color:var(--c1)}
.olho::before{width:22px;height:1px;background:var(--c1)}
.cabeca.centro .olho{justify-content:center}
.cabeca.centro h2::after{content:"";display:block;width:64px;height:2px;background:var(--c3);margin:18px auto 0}

.barra-topo{background:var(--c2);font-size:.78rem}
.cabecalho{background:rgba(255,255,255,.96)}
.menu>li>a{font-size:.88rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.menu>li>a::after{background:var(--c1);height:2px;bottom:10px}
.tel-ico{background:rgba(0,0,0,.06);color:var(--c1)}
.acoes-topo .btn{--bg:var(--c1);--fg:#fff}

.hero{height:min(84vh,720px)}
.hero-slide::after{background:linear-gradient(180deg,rgba(0,0,0,.55),rgba(0,0,0,.72))}
.hero-cont{text-align:center;justify-content:center}
.hero-txt{max-width:820px;margin:0 auto}
.hero-txt .olho{justify-content:center;color:var(--c4)}
.hero-txt .olho::before{background:var(--c3)}
.hero-txt p{margin-left:auto;margin-right:auto}
.hero-btns{justify-content:center}
.pontos{margin:0 auto}
.hero-nav .env{justify-content:center}
.setas{display:none}

.faixa-areas .caixa{box-shadow:0 24px 50px -40px rgba(0,0,0,.5)}
.area-item{padding:30px 16px}
.area-item:hover{background:var(--c1)}

.serv{background:#fff;box-shadow:none;border-radius:var(--raio)}
.serv:hover{transform:none;border-color:var(--c1);box-shadow:0 26px 50px -40px rgba(0,0,0,.5)}
.serv .ico{width:54px;height:54px;border-radius:50%;background:var(--c1);box-shadow:none}
.serv .ico svg{width:25px;height:25px}
.serv .num{font-family:var(--f-titulo);font-size:3.6rem}
.serv h3{font-size:1.24rem}
.serv::before{display:none}

.cartao{box-shadow:none;border-radius:var(--raio)}
.cartao:hover{transform:none;box-shadow:0 26px 50px -40px rgba(0,0,0,.45)}
.etiqueta{background:transparent;border:1px solid var(--c1);color:var(--c1);border-radius:2px;font-weight:700}

.sec-escura{background:var(--c2)}
.numeros{border-top:1px solid rgba(255,255,255,.16);border-bottom:1px solid rgba(255,255,255,.16);padding:26px 0}
.num-item strong{font-family:var(--f-titulo);font-weight:600}
.num-item span{color:var(--c4);letter-spacing:.14em;font-weight:600}

.testemunho{background:#fff;border:1px solid var(--linha);border-radius:var(--raio);padding:34px 30px 28px;margin:0;position:relative}
.testemunho .aspas{position:absolute;top:-16px;left:28px;width:38px;height:38px;border-radius:50%;background:var(--c1);color:#fff;display:grid;place-items:center}
.testemunho .aspas svg{width:17px;height:17px}
.testemunho blockquote{margin:6px 0 22px;padding:0;border:0;background:none;font-family:var(--f-titulo);font-size:1.06rem;line-height:1.75;font-style:italic}
.testemunho figcaption{display:flex;align-items:center;gap:13px;border-top:1px solid var(--linha);padding-top:16px}
.testemunho figcaption img{width:44px;height:44px;border-radius:50%;object-fit:cover}
.testemunho figcaption strong{display:block;color:var(--c2);font-size:.98rem}
.testemunho figcaption small{color:var(--tinta-2);font-size:.82rem}

.certificacoes{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(26px,5vw,64px)}
.certificacoes a{display:grid;place-items:center;min-height:64px}
.certificacoes img{max-height:64px;width:auto;filter:grayscale(1);opacity:.62;transition:.3s var(--t)}
.certificacoes a:hover img{filter:none;opacity:1}
.certificacoes span{font-family:var(--f-titulo);font-size:1.02rem;color:var(--c1)}

.btn{border-radius:3px;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;padding:15px 30px}
.rodape h4{color:var(--c3)}

@media (max-width:900px){.hero-cont{text-align:left}.hero-txt .olho{justify-content:flex-start}.hero-btns{justify-content:flex-start}}
