/* grupo FLORENG — site v2. Tema claro único, paleta da marca. */
:root{
  --bg:#EEF0F2; --papel:#FFFFFF; --tinta:#121212; --grafite:#2A2C30; --cinza:#5B6068; --prata:#A6A8AB;
  --linha:#D6D9DD; --azul:#0250D6; --azul-esc:#013B9E; --azul-claro:#E6EEFC; --escuro:#121212; --escuro-2:#1C1D20;
  --f-disp:"Montserrat",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-txt:"Barlow",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
  --f-cond:"Barlow Condensed","Arial Narrow",Arial,sans-serif;
  --wrap:1240px; --gut:clamp(16px,4vw,40px); --r:14px; --r-s:8px;
  color-scheme:light;
}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--bg);color:var(--grafite);font:400 1.0625rem/1.6 var(--f-txt);-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
[hidden]{display:none!important}
h1,h2,h3{font-family:var(--f-disp);color:var(--tinta);margin:0;text-wrap:balance;letter-spacing:-.02em}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
:focus-visible{outline:3px solid var(--azul);outline-offset:3px;border-radius:4px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:12px;top:-60px;background:var(--tinta);color:#fff;padding:10px 14px;border-radius:8px;z-index:100;text-decoration:none}
.skip:focus{top:12px}
.wrap{max-width:var(--wrap);margin-inline:auto;padding-inline:var(--gut)}
.h2{font-size:clamp(1.85rem,3.4vw,2.9rem);line-height:1.08;font-weight:800}
.h3{font-size:1.35rem;font-weight:700}
.sec{padding-block:clamp(64px,9vw,120px)}
.sec-cab{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 64px;align-items:end;margin-bottom:clamp(32px,5vw,56px)}
.sec-cab p{color:var(--cinza);max-width:52ch}

/* Botões */
.bt{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:48px;padding:12px 22px;border-radius:999px;font:700 .95rem/1.2 var(--f-disp);letter-spacing:-.005em;text-decoration:none;border:1.5px solid transparent;cursor:pointer;transition:background .18s,color .18s,border-color .18s,transform .18s}
.bt-g{min-height:56px;padding:14px 26px;font-size:1rem}
.bt-azul{background:var(--azul);color:#fff}
.bt-azul:hover{background:var(--azul-esc)}
.bt-linha{background:transparent;color:var(--tinta);border-color:var(--tinta)}
.bt-linha:hover{background:var(--tinta);color:#fff}
.bt:active{transform:translateY(1px)}
.ico-wa{width:20px;height:20px;flex:none}
.ico{width:22px;height:22px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

/* Topo */
.topo{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(238,240,242,.86);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s}
.topo[data-scroll="1"]{border-bottom-color:var(--linha)}
.topo-in{display:flex;align-items:center;gap:28px;min-height:76px}
.marca img{width:auto;height:40px}
.nav{display:flex;align-items:center;gap:26px;margin-left:auto;font:600 .95rem/1 var(--f-txt)}
.nav>a,.nav-bt{color:var(--grafite);text-decoration:none;padding:8px 0;position:relative}
.nav>a:hover,.nav-bt:hover{color:var(--azul)}
.nav-serv{position:relative}
.nav-bt{display:inline-flex;align-items:center;gap:6px;background:none;border:0;font:inherit;cursor:pointer}
.nav-bt svg{width:12px;height:12px;transition:transform .2s}
.nav-bt[aria-expanded="true"] svg{transform:rotate(180deg)}
.mega{position:absolute;top:calc(100% + 14px);left:-24px;width:min(560px,90vw);display:grid;grid-template-columns:1fr 1fr;gap:4px;background:var(--papel);border:1px solid var(--linha);border-radius:var(--r);padding:10px;box-shadow:0 24px 48px -24px rgba(18,18,18,.35)}
.mega a{display:flex;gap:12px;padding:12px;border-radius:10px;text-decoration:none}
.mega a:hover{background:var(--bg)}
.mega .ico{color:var(--azul);margin-top:2px}
.mega b{display:block;font:700 .95rem/1.25 var(--f-disp);color:var(--tinta)}
.mega small{display:block;font:400 .85rem/1.4 var(--f-txt);color:var(--cinza);margin-top:4px}
.topo-cta{min-height:44px;padding:10px 18px;font-size:.9rem}
.burger{display:none}

/* Hero */
.hero{padding-top:clamp(36px,6vw,72px);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(32px,5vw,72px);align-items:center}
.selo{display:inline-flex;align-items:center;gap:10px;font:600 .95rem/1 var(--f-cond);letter-spacing:.02em;color:var(--grafite);background:var(--papel);border:1px solid var(--linha);padding:9px 14px 9px 12px;border-radius:999px}
.selo .ico{width:18px;height:18px;color:var(--azul)}
.dot{width:8px;height:8px;border-radius:50%;background:var(--azul);box-shadow:0 0 0 4px var(--azul-claro)}
.hero h1{font-size:clamp(2.4rem,5.4vw,4.4rem);line-height:1.02;font-weight:800;letter-spacing:-.035em;margin-top:22px}
.hero .lead{font-size:clamp(1.08rem,1.4vw,1.2rem);color:var(--cinza);margin-top:22px;max-width:56ch}
.hero-acoes{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.hero-prova{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:40px;border-top:1px solid var(--linha)}
.hero-prova li{padding:18px 18px 0 0}
.hero-prova li+li{padding-left:18px;border-left:1px solid var(--linha)}
.hero-prova b{display:block;font:800 clamp(1.4rem,2.2vw,1.85rem)/1 var(--f-disp);color:var(--tinta);letter-spacing:-.03em}
.hero-prova span{display:block;font-size:.92rem;line-height:1.35;color:var(--cinza);margin-top:6px}

.hero-visual{position:relative;margin:0;padding:28px 0 28px 28px}
.hero-foto{border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--prata)}
.hero-foto img{width:100%;height:100%;object-fit:cover}
/* linhas de cota, como numa prancha técnica */
.cota{position:absolute;font:600 .8rem/1 var(--f-cond);letter-spacing:.04em;color:var(--cinza);pointer-events:none}
.cota-1{left:0;top:28px;bottom:28px;width:28px;border-right:1px solid var(--prata)}
.cota-1::before,.cota-1::after{content:"";position:absolute;right:-6px;width:11px;height:1px;background:var(--prata)}
.cota-1::before{top:0}.cota-1::after{bottom:0}
.cota-1 span{position:absolute;top:50%;left:6px;transform:translateY(-50%) rotate(180deg);writing-mode:vertical-rl;background:var(--bg);padding:8px 0}
.cota-2{left:28px;right:0;top:0;height:28px;border-bottom:1px solid var(--prata)}
.cota-2::before,.cota-2::after{content:"";position:absolute;bottom:-6px;width:1px;height:11px;background:var(--prata)}
.cota-2::before{left:0}.cota-2::after{right:0}
.cota-2 span{position:absolute;left:50%;top:4px;transform:translateX(-50%);background:var(--bg);padding:0 10px;white-space:nowrap}
.ficha{position:absolute;left:0;bottom:0;display:flex;align-items:center;gap:14px;background:var(--papel);border-radius:var(--r);padding:12px 18px 12px 12px;max-width:min(380px,88%);box-shadow:0 20px 40px -20px rgba(18,18,18,.4)}
.ficha img{width:56px;height:56px;border-radius:10px;object-fit:cover;object-position:50% 20%}
.ficha b{display:block;font:700 1rem/1.2 var(--f-disp);color:var(--tinta)}
.ficha span{display:block;font-size:.85rem;line-height:1.35;color:var(--cinza);margin-top:3px}
.hero-visual-serv .hero-foto{aspect-ratio:4/3}
.hero-visual-serv{padding:0}
.legenda{font:500 .9rem/1.4 var(--f-cond);color:var(--cinza);margin-top:12px;letter-spacing:.01em}
.voltar{display:inline-block;font-weight:600;color:var(--cinza);text-decoration:none;margin-bottom:18px}
.voltar::before{content:"‹";margin-right:8px}
.voltar:hover{color:var(--azul)}
.hero-serv{padding-bottom:clamp(40px,6vw,72px)}
.hero-serv .selo{margin-top:0}

/* Faixa de logos */
.marquee-tit{margin-top:clamp(56px,7vw,88px);font:600 1rem/1.3 var(--f-cond);letter-spacing:.02em;color:var(--cinza);text-align:center}
.marquee{display:flex;overflow:hidden;margin-top:22px;padding-block:20px 8px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.marquee-track{display:flex;align-items:center;gap:56px;padding-right:56px;flex:none;animation:rolar 60s linear infinite}
.marquee:hover .marquee-track{animation-play-state:paused}
.marquee img{height:44px;width:auto;max-width:140px;object-fit:contain;filter:grayscale(1);opacity:.7;mix-blend-mode:multiply}
@keyframes rolar{to{transform:translateX(-100%)}}
@media (prefers-reduced-motion:reduce){.marquee{overflow-x:auto}.marquee-track[aria-hidden]{display:none}}

/* Dores */
.dores{background:var(--papel);border-block:1px solid var(--linha)}
.dores .h2{max-width:20ch;margin-bottom:clamp(32px,5vw,56px)}
.dores-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:2px solid var(--tinta)}
.dores-grid li+li{border-left:1px solid var(--linha)}
.dores-grid a{display:flex;flex-direction:column;height:100%;padding:28px 24px 8px;text-decoration:none}
.dores-grid li:first-child a{padding-left:0}
.dores-grid h3{font-size:1.2rem;line-height:1.25;font-weight:700}
.dores-grid p{color:var(--cinza);margin-top:12px;font-size:1rem}
.mais{margin-top:auto;padding-top:22px;font:700 .92rem/1 var(--f-disp);color:var(--azul)}
.dores-grid a:hover h3{color:var(--azul)}

/* Bento de serviços */
.bento{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(280px,auto);gap:16px}
.tile{position:relative;border-radius:var(--r);overflow:hidden;color:#fff;background:var(--escuro);isolation:isolate;display:flex}
.t-a{grid-column:span 7;grid-row:span 2}
.t-b{grid-column:span 5}
.t-c{grid-column:span 5}
.t-d{grid-column:span 12;min-height:260px}
.tile-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .6s ease}
.tile::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,18,18,.15) 0%,rgba(18,18,18,.55) 45%,rgba(18,18,18,.92) 100%)}
.t-d::after{background:linear-gradient(90deg,rgba(18,18,18,.94) 0%,rgba(18,18,18,.8) 45%,rgba(18,18,18,.2) 100%)}
.tile:hover .tile-bg{transform:scale(1.04)}
.tile-in{margin-top:auto;padding:clamp(22px,3vw,36px);max-width:620px}
.t-d .tile-in{margin-top:0;align-self:center}
.tile-ico{width:34px;height:34px;color:#fff;background:var(--azul);border-radius:10px;padding:6px;stroke-width:1.7}
.tile h3{color:#fff;font-size:clamp(1.4rem,2.2vw,1.9rem);line-height:1.12;font-weight:800;margin-top:18px}
.t-a h3{font-size:clamp(1.7rem,3vw,2.5rem)}
.tile h3 a{text-decoration:none}
.tile h3 a::after{content:"";position:absolute;inset:0}
.tile p{color:rgba(255,255,255,.82);margin-top:10px}
.tile ul{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}
.tile li{font:600 .85rem/1 var(--f-cond);letter-spacing:.02em;padding:7px 11px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22)}
.t-b ul,.t-c ul{display:none}
.tile h3 a:focus-visible{outline:none}
.tile:has(a:focus-visible){outline:3px solid var(--azul);outline-offset:3px}

/* Diagnóstico */
.diag{background:var(--papel);border-bottom:1px solid var(--linha);padding-block:clamp(64px,8vw,104px)}
.diag-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:start}
.diag-txt p{margin-top:18px;color:var(--cinza);max-width:44ch}
.diag-txt{position:sticky;top:120px}
.diag-form{background:var(--bg);border:1px solid var(--linha);color:var(--grafite);border-radius:var(--r);padding:clamp(20px,3vw,32px);display:grid;gap:22px}
fieldset{border:0;margin:0;padding:0;min-width:0}
legend{font:700 1rem/1.3 var(--f-disp);color:var(--tinta);margin-bottom:12px;padding:0}
.opts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.opt{position:relative;display:block;cursor:pointer}
.opt input{position:absolute;opacity:0;inset:0;margin:0;cursor:pointer}
.opt span{background:var(--papel);display:flex;align-items:center;gap:10px;height:100%;padding:12px 14px;border:1.5px solid var(--linha);border-radius:10px;font-size:.98rem;line-height:1.3;transition:border-color .15s,background .15s}
.opt span::before{content:"";width:16px;height:16px;flex:none;border-radius:50%;border:1.5px solid var(--prata);background:var(--papel);transition:border .15s}
.opt input:checked+span{border-color:var(--azul);background:var(--azul-claro);color:var(--tinta)}
.opt input:checked+span::before{border:5px solid var(--azul)}
.opt input:focus-visible+span{outline:3px solid var(--azul);outline-offset:2px}
.diag-cidade{display:grid;gap:8px}
.diag-cidade label{font:700 1rem/1.3 var(--f-disp);color:var(--tinta)}
.diag-res{border-top:1px solid var(--linha);padding-top:22px;display:grid;gap:12px;justify-items:start}
.diag-res h3{font-size:1.2rem}
.diag-res ul{display:grid;gap:8px;width:100%}
.diag-res li{position:relative;padding-left:26px}
.diag-res li::before{content:"";position:absolute;left:2px;top:.45em;width:12px;height:7px;border-left:2px solid var(--azul);border-bottom:2px solid var(--azul);transform:rotate(-45deg)}
.diag-obs{font-size:.95rem;color:var(--cinza)}

/* Campo */
.campo-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.campo-strip figure{margin:0;position:relative;border-radius:var(--r-s);overflow:hidden;aspect-ratio:4/3;background:var(--prata)}
.campo-strip img{width:100%;height:100%;object-fit:cover}
.campo-strip figcaption{position:absolute;inset:auto 0 0;padding:40px 14px 12px;background:linear-gradient(transparent,rgba(18,18,18,.85));color:#fff;font:600 .95rem/1.25 var(--f-txt)}
.campo-strip small{display:block;font:500 .82rem/1.2 var(--f-cond);letter-spacing:.03em;color:rgba(255,255,255,.75);margin-top:4px}

/* Método */
.met-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,5vw,80px);align-items:start}
.met-grid .h2{position:sticky;top:120px}
.trilha{counter-reset:p;position:relative}
.trilha li{counter-increment:p;position:relative;padding:0 0 36px 76px}
.trilha li::before{content:counter(p);position:absolute;left:0;top:-4px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;font:800 1.1rem/1 var(--f-disp);color:var(--tinta);background:var(--papel);border:1.5px solid var(--tinta)}
.trilha li:not(:last-child)::after{content:"";position:absolute;left:24px;top:52px;bottom:4px;width:1.5px;background:var(--linha)}
.trilha li:last-child{padding-bottom:0}
.trilha li:last-child::before{background:var(--azul);border-color:var(--azul);color:#fff}
.trilha b{display:block;font:700 1.25rem/1.25 var(--f-disp);color:var(--tinta)}
.trilha p{color:var(--cinza);margin-top:8px;max-width:54ch}

/* Case */
.case{background:var(--papel);border-block:1px solid var(--linha)}
.case-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(32px,5vw,72px);align-items:center}
.case-foto{margin:0;position:relative;border-radius:var(--r);overflow:hidden}
.case-foto img{width:100%;aspect-ratio:16/11;object-fit:cover}
.case-foto figcaption{position:absolute;left:16px;top:16px;background:var(--papel);color:var(--tinta);font:600 .9rem/1 var(--f-cond);letter-spacing:.02em;padding:8px 12px;border-radius:999px}
.case-cli{display:flex;align-items:center;gap:12px;font:600 1rem/1.2 var(--f-cond);color:var(--cinza);letter-spacing:.02em}
.case-cli img{height:28px;width:auto;mix-blend-mode:multiply}
.case-txt .h2{margin-top:18px}
.case-txt>p:not(.case-cli){color:var(--cinza);margin-top:18px;max-width:50ch}
.case-txt .bt{margin-top:28px}

/* Direção */
.dir-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,80px);align-items:center}
.dir-foto{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--prata)}
.dir-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 25%}
.dir-nome{margin-top:20px;color:var(--cinza)}
.dir-nome b{display:block;font:700 1.2rem/1.3 var(--f-disp);color:var(--tinta)}
.dir-txt>p:not(.dir-nome){margin-top:18px;max-width:58ch}
blockquote{margin:28px 0 0;padding:4px 0 4px 22px;border-left:3px solid var(--azul);font:700 clamp(1.2rem,2vw,1.5rem)/1.3 var(--f-disp);color:var(--tinta);letter-spacing:-.015em}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:clamp(32px,5vw,80px)}
.faq-lado{margin-top:16px;color:var(--cinza)}
.faq-lista{border-top:2px solid var(--tinta)}
.faq{border-bottom:1px solid var(--linha)}
.faq summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:22px 0;cursor:pointer;list-style:none;font:700 1.08rem/1.35 var(--f-disp);color:var(--tinta)}
.faq summary::-webkit-details-marker{display:none}
.faq summary:hover{color:var(--azul)}
.faq i,.mais-clientes i{position:relative;width:28px;height:28px;flex:none;border-radius:50%;border:1.5px solid currentColor}
.faq i::before,.faq i::after,.mais-clientes i::before,.mais-clientes i::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:1.5px;background:currentColor;transform:translate(-50%,-50%);transition:transform .2s}
.faq i::after,.mais-clientes i::after{transform:translate(-50%,-50%) rotate(90deg)}
.faq[open] i::after,.mais-clientes[open] i::after{transform:translate(-50%,-50%) rotate(0)}
.faq p{padding:0 48px 24px 0;color:var(--cinza);max-width:64ch}

/* Clientes */
.clientes{padding-block:0 clamp(64px,8vw,104px)}
.mais-clientes{border:1px solid var(--linha);border-radius:var(--r);background:var(--papel)}
.mais-clientes summary{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:22px 26px;cursor:pointer;list-style:none}
.mais-clientes summary::-webkit-details-marker{display:none}
.mais-clientes h2{font-size:1.1rem;font-weight:700}
.cl-cols{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:4px 26px 28px}
.cl-cols h3{font-size:.98rem;margin-bottom:10px}
.cl-cols li{color:var(--cinza);font-size:.95rem;padding:3px 0}

/* Itens de escopo */
.itens{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.itens li{background:var(--papel);border:1px solid var(--linha);border-radius:var(--r);padding:24px;border-top:3px solid var(--tinta)}
.itens b{display:block;font:700 1.1rem/1.3 var(--f-disp);color:var(--tinta)}
.itens p{color:var(--cinza);margin-top:8px;font-size:1rem}
.outros-sec{padding-top:0}
.outros{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px}
.outros a{display:flex;align-items:center;gap:14px;padding:18px 20px;border:1.5px solid var(--linha);border-radius:var(--r);text-decoration:none;font:700 1rem/1.3 var(--f-disp);color:var(--tinta);background:var(--papel)}
.outros a:hover{border-color:var(--azul);color:var(--azul)}
.outros .ico{color:var(--azul)}

/* CTA final */
.cta-final{background:var(--escuro);color:#C9CBCE;padding-block:clamp(64px,9vw,120px)}
.cta-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,80px);align-items:start}
.cta-final h2{color:#fff;font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.06;font-weight:800}
.cta-txt>p{margin-top:20px;max-width:46ch}
.canais{margin-top:36px;border-top:1px solid #2E3035}
.canais li{display:grid;grid-template-columns:96px minmax(0,1fr) auto;gap:12px;align-items:center;padding:16px 0;border-bottom:1px solid #2E3035}
.canais span{font:600 .9rem/1 var(--f-cond);letter-spacing:.03em;color:var(--prata)}
.canais a{color:#fff;font:700 1.05rem/1.3 var(--f-disp);text-decoration:none;overflow-wrap:anywhere}
.canais a:hover{color:#8DB0F5}
.copiar{background:none;border:1px solid #3A3D43;color:#C9CBCE;border-radius:999px;padding:7px 12px;font:600 .82rem/1 var(--f-txt);cursor:pointer}
.copiar:hover{border-color:#fff;color:#fff}
.form{background:var(--escuro-2);border:1px solid #2E3035;border-radius:var(--r);padding:clamp(20px,3vw,32px);display:grid;grid-template-columns:1fr 1fr;gap:16px}
.campo{display:grid;gap:8px;min-width:0}
.campo-full{grid-column:1/-1}
.form label{font:600 .92rem/1.2 var(--f-txt);color:#E4E5E7}
input,select,textarea{width:100%;font:400 1rem/1.4 var(--f-txt);color:var(--tinta);background:var(--papel);border:1.5px solid var(--linha);border-radius:10px;padding:12px 14px;min-height:48px}
textarea{resize:vertical}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--azul);box-shadow:0 0 0 3px rgba(2,80,214,.25)}
.form-acoes{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px}
.nota{font-size:.88rem;color:var(--prata);max-width:40ch}
.pronto{display:grid;gap:12px}
.pronto-acoes{display:flex;flex-wrap:wrap;gap:10px}
.pronto .bt-linha{color:#fff;border-color:#fff}
.pronto .bt-linha:hover{background:#fff;color:var(--tinta)}
.status{font-size:.9rem;color:#8DB0F5;min-height:1.2em}

/* Rodapé */
.rodape{background:var(--escuro);color:#9A9DA2;border-top:1px solid #2A2C30;padding-block:56px 32px;font-size:.95rem}
.rodape-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px}
.rodape-marca img{height:52px;width:auto;filter:invert(1) brightness(1.6)}
.rodape-marca p{margin-top:16px;max-width:30ch}
.rodape h3{font:600 .95rem/1 var(--f-cond);letter-spacing:.03em;color:#fff;margin-bottom:14px}
.rodape li{padding:4px 0}
.rodape a{text-decoration:none}
.rodape a:hover{color:#fff}
.rodape-legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:48px;padding-top:24px;border-top:1px solid #2A2C30;font-size:.85rem}

/* WhatsApp flutuante */
.wa-flutua{position:fixed;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:60;display:inline-flex;align-items:center;gap:8px;background:#1FAF55;color:#fff;text-decoration:none;font:700 .95rem/1 var(--f-disp);padding:14px 18px 14px 16px;border-radius:999px;box-shadow:0 14px 30px -10px rgba(18,18,18,.5);opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity .25s,transform .25s}
.wa-flutua .ico-wa{width:22px;height:22px}
.wa-flutua[data-on="1"]{opacity:1;transform:none;pointer-events:auto}

/* Responsivo */
@media (max-width:1080px){
  .nav{gap:18px}.nav>a[href$="#metodo"],.nav>a[href$="#perguntas"]{display:none}
  .dores-grid{grid-template-columns:1fr 1fr}
  .dores-grid li:nth-child(3){border-left:0}
  .dores-grid li:nth-child(n+3){border-top:1px solid var(--linha)}
  .dores-grid li:nth-child(3) a{padding-left:0}
  .rodape-top{grid-template-columns:1fr 1fr}
  .cl-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:900px){
  .topo-in{min-height:66px;gap:12px}
  .marca img{height:34px}
  .burger{display:grid;place-content:center;gap:6px;width:46px;height:46px;margin-left:auto;background:var(--papel);border:1px solid var(--linha);border-radius:12px;cursor:pointer}
  .burger span{display:block;width:20px;height:2px;background:var(--tinta);transition:transform .2s}
  .burger[aria-expanded="true"] span:first-child{transform:translateY(4px) rotate(45deg)}
  .burger[aria-expanded="true"] span:last-child{transform:translateY(-4px) rotate(-45deg)}
  .topo-cta{display:none}
  .nav{position:fixed;inset:66px 0 auto 0;top:calc(66px + env(safe-area-inset-top,0px));flex-direction:column;align-items:stretch;gap:0;margin:0;background:var(--bg);border-bottom:1px solid var(--linha);padding:8px var(--gut) 20px;max-height:calc(100dvh - 66px);overflow:auto;box-shadow:0 30px 40px -30px rgba(18,18,18,.4)}
  .nav[data-open="false"]{display:none}
  .nav>a,.nav>a[href$="#metodo"],.nav>a[href$="#perguntas"]{display:block;padding:16px 0;border-bottom:1px solid var(--linha);font-size:1.05rem}
  .nav-bt{display:none}
  .mega{position:static;display:grid!important;grid-template-columns:1fr;width:auto;border:0;box-shadow:none;padding:6px 0;background:none;border-bottom:1px solid var(--linha)}
  .mega a{padding:12px 0}
  .hero-grid,.diag-grid,.met-grid,.case-grid,.dir-grid,.faq-grid,.cta-grid,.sec-cab{grid-template-columns:1fr}
  .hero-visual{max-width:560px}
  .met-grid .h2,.diag-txt{position:static}
  .bento{grid-template-columns:1fr 1fr;grid-auto-rows:minmax(300px,auto)}
  .t-a{grid-column:span 2;grid-row:auto;min-height:420px}
  .t-b,.t-c{grid-column:span 1}
  .t-d{grid-column:span 2}
  .dir-foto{max-width:420px}
  .wa-flutua span{display:none}
  .wa-flutua{padding:15px}
}
@media (max-width:600px){
  body{font-size:1rem}
  .hero-acoes .bt{width:100%}
  .hero-prova{grid-template-columns:1fr}
  .hero-prova li,.hero-prova li+li{padding:14px 0;border-left:0;border-bottom:1px solid var(--linha);display:flex;align-items:baseline;gap:14px}
  .hero-prova span{margin-top:0}
  .hero-visual{padding:22px 0 22px 22px}
  .cota-1{width:22px;top:22px;bottom:22px}.cota-2{left:22px;height:22px}
  .cota-2 span{top:2px}
  .dores-grid{grid-template-columns:1fr}
  .dores-grid li+li{border-left:0;border-top:1px solid var(--linha)}
  .dores-grid a,.dores-grid li:nth-child(3) a{padding:24px 0 6px}
  .bento{grid-template-columns:1fr}
  .t-a,.t-b,.t-c,.t-d{grid-column:auto;min-height:340px}
  .t-d::after{background:linear-gradient(180deg,rgba(18,18,18,.2),rgba(18,18,18,.92))}
  .t-d .tile-in{margin-top:auto;align-self:auto}
  .opts{grid-template-columns:1fr}
  .campo-strip{grid-template-columns:1fr 1fr}
  .itens,.outros{grid-template-columns:1fr}
  .form{grid-template-columns:1fr}
  .canais li{grid-template-columns:1fr auto}
  .canais span{grid-column:1/-1}
  .rodape-top,.cl-cols{grid-template-columns:1fr}
  .faq p{padding-right:0}
}
.itens li:last-child:nth-child(3n+1){grid-column:1/-1}
@media (max-width:600px){.itens li:last-child:nth-child(3n+1){grid-column:auto}}

/* ===================== v3: fotografia de campo ===================== */
:root{--bg:#F2F2F2}
body{background:var(--bg)}

/* Topo sobre a foto na home */
.marca{position:relative;display:block}
.marca-neg{display:none}
.topo-sobre{position:fixed;left:0;right:0;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border-bottom-color:transparent}
.topo-sobre .marca-neg{display:block}.topo-sobre .marca-pos{display:none}
.topo-sobre .nav>a,.topo-sobre .nav-bt{color:#fff}
.topo-sobre .nav>a:hover,.topo-sobre .nav-bt:hover{color:#fff;opacity:.75}
.topo-sobre[data-scroll="1"]{background:rgba(242,242,242,.92);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom-color:var(--linha)}
.topo-sobre[data-scroll="1"] .marca-neg{display:none}.topo-sobre[data-scroll="1"] .marca-pos{display:block}
.topo-sobre[data-scroll="1"] .nav>a,.topo-sobre[data-scroll="1"] .nav-bt{color:var(--grafite)}
.topo-sobre .burger{background:rgba(255,255,255,.14);border-color:rgba(255,255,255,.35)}
.topo-sobre .burger span{background:#fff}
.topo-sobre[data-scroll="1"] .burger,.topo-sobre[data-menu="1"] .burger{background:var(--papel);border-color:var(--linha)}
.topo-sobre[data-scroll="1"] .burger span,.topo-sobre[data-menu="1"] .burger span{background:var(--tinta)}
.topo-sobre[data-menu="1"]{background:var(--bg)}
.topo-sobre[data-menu="1"] .marca-neg{display:none}.topo-sobre[data-menu="1"] .marca-pos{display:block}
.topo-sobre[data-menu="1"] .nav>a{color:var(--grafite)}

/* Hero em tela cheia com fotos reais */
.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding:0;color:#fff;background:#121212;overflow:hidden;isolation:isolate}
.slides{position:absolute;inset:0;z-index:-2}
.slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity 1.6s ease}
.slide.on{opacity:1}
.slide img{width:100%;height:100%;object-fit:cover;transform:scale(1.08);transition:transform 9s linear}
.slide.on img{transform:scale(1)}
.slide figcaption{display:none}
.hero-sombra{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,18,18,.55) 0%,rgba(18,18,18,.1) 28%,rgba(18,18,18,.25) 55%,rgba(18,18,18,.88) 100%),linear-gradient(90deg,rgba(18,18,18,.55) 0%,rgba(18,18,18,0) 65%)}
.hero-in{padding-top:140px;padding-bottom:clamp(36px,5vw,56px);width:100%}
.hero .selo{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(6px)}
.hero .selo .ico{color:#fff}
.hero .dot{box-shadow:0 0 0 4px rgba(2,80,214,.35)}
.hero h1{color:#fff;font-size:clamp(2.7rem,7vw,6.2rem);line-height:.98;letter-spacing:-.04em;max-width:13ch;margin-top:24px}
.hero .lead{color:rgba(255,255,255,.88);max-width:58ch;margin-top:24px}
.bt-claro{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.7);backdrop-filter:blur(6px)}
.bt-claro:hover{background:#fff;color:var(--tinta)}
.hero-base{border-top:1px solid rgba(255,255,255,.2);background:rgba(18,18,18,.35);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.hero-base-in{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:96px;padding-block:16px}
.numeros{display:flex;gap:clamp(20px,4vw,56px)}
.numeros li{display:flex;align-items:center;gap:12px}
.numeros b{font:800 clamp(1.8rem,3vw,2.6rem)/1 var(--f-disp);letter-spacing:-.04em;color:#fff}
.numeros span{font-size:.9rem;line-height:1.25;color:rgba(255,255,255,.75)}
.legenda-slide,.legenda-fixa{font:500 .95rem/1.3 var(--f-cond);letter-spacing:.02em;color:rgba(255,255,255,.8);text-align:right;display:flex;align-items:center;gap:10px}
.legenda-slide::before,.legenda-fixa::before{content:"";width:28px;height:1px;background:rgba(255,255,255,.6)}
.hero-serv{min-height:78svh}
.hero-serv h1{font-size:clamp(2.4rem,5.4vw,4.6rem);max-width:16ch}
.hero .voltar{color:rgba(255,255,255,.8);margin-bottom:22px}
.hero .voltar:hover{color:#fff}
.topo:not(.topo-sobre)+main .hero-in{padding-top:72px}

/* Logos */
.logos-sec{background:var(--papel);padding-block:44px 30px;border-bottom:1px solid var(--linha)}
.logos-tit{font:600 1rem/1.3 var(--f-cond);letter-spacing:.02em;color:var(--cinza);text-align:center}
.logos-sec .marquee{margin-top:14px}

/* Manifesto */
.manifesto{background:var(--papel)}
.man-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,.65fr);gap:clamp(32px,6vw,96px);align-items:end}
.h-man{font-size:clamp(1.9rem,3.8vw,3.3rem);line-height:1.1;font-weight:800;letter-spacing:-.03em}
.man-txt{display:grid;gap:16px;color:var(--cinza)}
.link-forte{font:700 1rem/1 var(--f-disp);color:var(--azul);text-decoration:none;border-bottom:2px solid currentColor;justify-self:start;padding-bottom:4px;margin-top:6px}

/* Serviços em linhas alternadas */
.servicos{padding-top:clamp(56px,7vw,96px)}
.srows{display:grid;gap:clamp(40px,6vw,88px)}
.srow{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(28px,5vw,72px);align-items:center}
.srow-inv .srow-foto{order:2}
.srow-foto{display:block;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--prata)}
.srow-foto img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}
.srow:hover .srow-foto img{transform:scale(1.03)}
.srow-tag{display:flex;align-items:center;gap:10px;font:600 1rem/1.2 var(--f-cond);letter-spacing:.02em;color:var(--cinza)}
.srow-tag .ico{color:var(--azul)}
.srow h3{font-size:clamp(1.8rem,3vw,2.6rem);line-height:1.05;font-weight:800;margin-top:14px}
.srow h3 a{text-decoration:none}
.srow h3 a:hover{color:var(--azul)}
.srow-txt>p:not(.srow-tag){color:var(--cinza);margin-top:14px;max-width:46ch}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.chips li{font:600 .88rem/1 var(--f-cond);letter-spacing:.02em;padding:8px 12px;border-radius:999px;background:var(--papel);border:1px solid var(--linha);color:var(--grafite)}
.srow .bt{margin-top:26px}

/* Faixa de foto */
.faixa{position:relative;min-height:min(78svh,720px);display:flex;align-items:flex-end;color:#fff;isolation:isolate;overflow:hidden}
.faixa-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.faixa::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(18,18,18,0) 30%,rgba(18,18,18,.82) 100%)}
.faixa-in{padding-block:clamp(48px,7vw,88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:32px;align-items:end;width:100%}
.faixa h2{color:#fff;font-size:clamp(2rem,4.4vw,3.8rem);line-height:1.02;font-weight:800;max-width:14ch}
.setores{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}
.setores li{padding:12px 0;border-top:1px solid rgba(255,255,255,.3);font:600 1.02rem/1.3 var(--f-txt)}

/* Dores (v3) */
.dores{background:var(--bg);border:0}
.dores-grid a:hover h3{color:var(--azul)}

/* Galeria horizontal */
.emcampo{background:var(--tinta);color:#C9CBCE;overflow:hidden}
.emcampo .h2{color:#fff}
.campo-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:36px}
.campo-cab p{margin-top:12px;max-width:52ch}
.reel-nav{display:flex;gap:10px}
.reel-bt{width:52px;height:52px;border-radius:50%;border:1.5px solid rgba(255,255,255,.4);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .2s,border-color .2s}
.reel-bt:hover{background:#fff;color:var(--tinta);border-color:#fff}
.reel-bt svg{width:22px;height:22px}
.reel{display:flex;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));padding-inline:max(var(--gut),calc((100vw - var(--wrap))/2 + var(--gut)));padding-bottom:14px;scrollbar-width:thin;scrollbar-color:#444 transparent;cursor:grab}
.reel:active{cursor:grabbing}
.reel li{flex:none;scroll-snap-align:start}
.reel figure{margin:0;position:relative;height:clamp(380px,40vw,560px);border-radius:var(--r);overflow:hidden;background:#222}
.reel img{height:100%;width:auto;max-width:none;object-fit:cover;pointer-events:none;user-select:none}
.reel figcaption{position:absolute;inset:auto 0 0;padding:56px 18px 16px;background:linear-gradient(transparent,rgba(18,18,18,.88));color:#fff}
.reel figcaption b{display:block;font:700 1.05rem/1.25 var(--f-disp)}
.reel figcaption span{display:block;font:500 .88rem/1.2 var(--f-cond);letter-spacing:.03em;color:rgba(255,255,255,.75);margin-top:4px}

/* Diagnóstico (v3) */
.diag{background:var(--papel);border-block:1px solid var(--linha)}
.diag-txt{position:sticky;top:110px}
.diag-foto{margin:28px 0 0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3}
.diag-foto img{width:100%;height:100%;object-fit:cover}
.diag-form{background:var(--bg);border:1px solid var(--linha)}

/* Método em faixa escura */
.metodo{background:var(--bg)}
.metodo .h2{max-width:18ch}
.metodo .trilha{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:clamp(32px,5vw,56px);counter-reset:p}
.metodo .trilha li{padding:64px 0 0;border-top:2px solid var(--tinta)}
.metodo .trilha li::before{top:18px;left:0;width:auto;height:auto;border:0;background:none;place-items:start;font:800 1rem/1 var(--f-disp);content:counter(p,decimal-leading-zero);color:var(--cinza)}
.metodo .trilha li::after{display:none}
.metodo .trilha li:last-child{border-top-color:var(--azul)}
.metodo .trilha li:last-child::before{background:none;color:var(--azul)}

/* Eduardo */
.eduardo{background:var(--papel);border-block:1px solid var(--linha)}
.edu-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(32px,6vw,96px);align-items:center}
.edu-foto{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;background:var(--prata)}
.edu-foto img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.carta{font-size:clamp(1.08rem,1.4vw,1.22rem);line-height:1.65;color:var(--grafite);margin-top:22px;max-width:58ch}
.assina{margin-top:30px;padding-top:22px;border-top:1px solid var(--linha)}
.assina b{display:block;font:800 1.4rem/1.1 var(--f-disp);color:var(--tinta);letter-spacing:-.02em}
.assina span{display:block;color:var(--cinza);margin-top:6px}

/* Unidades */
.uni-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.uni-grid li{padding:26px 24px;border-radius:var(--r);background:var(--papel);border:1px solid var(--linha);display:grid;gap:8px}
.uni-grid b{font:800 1.35rem/1.15 var(--f-disp);color:var(--tinta);letter-spacing:-.02em}
.uni-grid span{font:600 .95rem/1 var(--f-cond);letter-spacing:.03em;color:var(--cinza)}
.uni-matriz{background:var(--tinta)!important;border-color:var(--tinta)!important}
.uni-matriz b{color:#fff}.uni-matriz span{color:#8DB0F5}

/* FAQ e clientes */
.perguntas{padding-top:0}
.faq .cl-cols{grid-template-columns:repeat(3,minmax(0,1fr));padding:0 0 24px}

/* Serviço: outras frentes com foto */
.outros-sec .h2{font-size:clamp(1.5rem,2.4vw,2rem)}
.outros a{display:block;padding:0;overflow:hidden;position:relative;border:0;aspect-ratio:4/3;color:#fff}
.outros img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.outros a:hover img{transform:scale(1.04)}
.outros a::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 40%,rgba(18,18,18,.85))}
.outros span{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;display:flex;gap:10px;align-items:center;font:700 1.1rem/1.2 var(--f-disp)}
.outros .ico{color:#fff}
.outros a:hover{color:#fff}

/* CTA e rodapé */
.rodape-marca img{filter:none}

@media (max-width:1080px){
  .metodo .trilha{grid-template-columns:1fr 1fr;row-gap:40px}
  .uni-grid{grid-template-columns:1fr 1fr}
  .faixa-in{grid-template-columns:1fr}
}
@media (max-width:900px){
  .topo-sobre .nav>a{color:var(--grafite)}
  .man-grid,.srow,.edu-grid{grid-template-columns:1fr}
  .srow-inv .srow-foto{order:0}
  .diag-txt{position:static}
  .diag-foto{display:none}
  .hero-base-in{flex-direction:column;align-items:flex-start}
  .legenda-slide{text-align:left}
  .edu-foto{max-width:440px}
  .faq .cl-cols{grid-template-columns:1fr 1fr}
}
@media (max-width:600px){
  .hero-in{padding-top:110px}
  .hero h1{font-size:clamp(2.5rem,12vw,3.4rem)}
  .numeros{width:100%;justify-content:space-between;gap:12px}
  .numeros li{flex-direction:column;align-items:flex-start;gap:4px}
  .numeros span br{display:none}
  .numeros span{font-size:.8rem}
  .legenda-slide{display:none}
  .setores{grid-template-columns:1fr}
  .reel-nav{display:none}
  .reel figure{height:min(110vw,460px)}
  .reel img{max-width:86vw}
  .metodo .trilha,.uni-grid,.faq .cl-cols{grid-template-columns:1fr}
}
@media (prefers-reduced-motion:reduce){.slide img{transform:none!important}}
.hero-serv{padding-bottom:0}
.hero .voltar{display:table}
.srow-foto img[src*="acu-display"]{object-position:50% 40%}

/* Unidades com mapa */
.uni-wrap{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(32px,5vw,72px);align-items:center}
.uni-txt>p{color:var(--cinza);margin-top:18px;max-width:46ch}
.uni-lista{margin-top:28px;border-top:2px solid var(--tinta)}
.uni-lista li{display:flex;justify-content:space-between;align-items:baseline;padding:14px 0;border-bottom:1px solid var(--linha)}
.uni-lista b{font:800 1.2rem/1.2 var(--f-disp);color:var(--tinta)}
.uni-lista span{font:600 .95rem/1 var(--f-cond);letter-spacing:.03em;color:var(--cinza)}
.uni-lista li:first-child span{color:var(--azul)}
.uni-mapa{margin:0;background:var(--papel);border:1px solid var(--linha);border-radius:var(--r);padding:clamp(12px,2vw,24px);overflow:hidden}
.mapa{display:block;width:100%;height:auto}
.mapa .uf{fill:#E7E8EA;stroke:#FFFFFF;stroke-width:6}
.mapa .uf-on{fill:#D2D5DA;stroke:#FFFFFF;stroke-width:8}
.mapa .uf-nome{font:700 92px/1 var(--f-cond);letter-spacing:.12em;fill:#8C9097;text-anchor:middle}
.mapa .uf-sig{font:600 72px/1 var(--f-cond);fill:#B5B8BD;text-anchor:middle}
.mapa .pin circle{fill:var(--tinta)}
.mapa .pin .pin-halo{fill:rgba(18,18,18,.12)}
.mapa .pin-m circle{fill:var(--azul)}
.mapa .pin-m .pin-halo{fill:rgba(2,80,214,.18);animation:pulso 2.4s ease-out infinite;transform-box:fill-box;transform-origin:center}
.mapa .pin text{font:800 104px/1 var(--f-disp);fill:var(--tinta);paint-order:stroke;stroke:#FFFFFF;stroke-width:22px;stroke-linejoin:round}
@keyframes pulso{0%{transform:scale(.6);opacity:1}100%{transform:scale(1.6);opacity:0}}
@media (max-width:900px){.uni-wrap{grid-template-columns:1fr}}

/* Logos: cinza em repouso, cor ao passar o mouse */
.marquee img{transition:filter .25s ease,opacity .25s ease}
.marquee li:hover img{filter:none;opacity:1}

/* Obra acompanhada: linha do tempo */
.obra{background:var(--bg)}
.obra .case-cli img{height:34px}
.obra .h2{margin-top:16px}
.linha-obra{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;position:relative}
.linha-obra li{position:relative;padding-top:30px}
.linha-obra li::before{content:"";position:absolute;left:0;right:-16px;top:8px;height:2px;background:var(--linha)}
.linha-obra li:last-child::before{right:0;background:var(--azul)}
.linha-obra li::after{content:"";position:absolute;left:0;top:2px;width:14px;height:14px;border-radius:50%;background:var(--tinta);border:3px solid var(--bg)}
.linha-obra li:last-child::after{background:var(--azul)}
.linha-obra figure{margin:0;border-radius:var(--r);overflow:hidden;aspect-ratio:4/5;position:relative;background:var(--prata)}
.linha-obra img{width:100%;height:100%;object-fit:cover}
.linha-obra figcaption{position:absolute;inset:auto 0 0;padding:48px 16px 14px;background:linear-gradient(transparent,rgba(18,18,18,.85));color:#fff}
.linha-obra figcaption b{display:block;font:800 1.05rem/1.2 var(--f-disp)}
.linha-obra figcaption span{display:block;font:500 .9rem/1.2 var(--f-cond);letter-spacing:.02em;color:rgba(255,255,255,.8);margin-top:3px}
@media (max-width:900px){.linha-obra{grid-template-columns:1fr 1fr;row-gap:24px}.linha-obra li::before{right:0}}
@media (max-width:600px){.linha-obra{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:12px;padding-bottom:8px}.linha-obra li{flex:0 0 72vw;scroll-snap-align:start}}
.obra{background:var(--papel);border-top:1px solid var(--linha)}
.obra .linha-obra li::after{border-color:var(--papel)}
.case{background:var(--bg)}

/* ===== v3.1: página mais curta ===== */
.sec{padding-block:clamp(56px,7vw,96px)}
.manifesto .man-grid{row-gap:28px}
.setores-chips{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px;padding-top:24px;border-top:1px solid var(--linha)}
.setores-chips li{font:600 .92rem/1 var(--f-cond);letter-spacing:.02em;padding:9px 14px;border-radius:999px;background:var(--bg);color:var(--grafite)}

/* Serviços em cartões */
.scards{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.scard{position:relative;display:flex;flex-direction:column;background:var(--papel);border:1px solid var(--linha);border-radius:var(--r);overflow:hidden;transition:border-color .2s,transform .2s}
.scard:hover{border-color:var(--tinta);transform:translateY(-3px)}
.scard-foto{aspect-ratio:4/3;overflow:hidden;background:var(--prata)}
.scard-foto img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.scard:hover .scard-foto img{transform:scale(1.04)}
.scard-foto img[src*="acu-display"]{object-position:50% 40%}
.scard-txt{display:flex;flex-direction:column;flex:1;padding:18px 18px 20px}
.scard .srow-tag{font-size:.9rem}
.scard h3{font-size:1.25rem;line-height:1.15;font-weight:800;margin-top:10px}
.scard h3 a{text-decoration:none}
.scard h3 a::after{content:"";position:absolute;inset:0}
.scard ul{margin-top:12px;display:grid;gap:6px}
.scard li{position:relative;padding-left:16px;font-size:.95rem;color:var(--cinza);line-height:1.35}
.scard li::before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--prata)}
.scard-mais{margin-top:auto;padding-top:16px;font:700 .92rem/1 var(--f-disp);color:var(--azul)}
.scard:has(a:focus-visible){outline:3px solid var(--azul);outline-offset:3px}
.scard h3 a:focus-visible{outline:none}

/* Método em faixa fina */
.metodo{background:var(--tinta);color:#C9CBCE;padding-block:clamp(40px,5vw,64px)}
.met-fino{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,2.3fr);gap:32px;align-items:start}
.metodo .h2{color:#fff;font-size:clamp(1.4rem,2.2vw,1.9rem);max-width:none}
.metodo .trilha{margin-top:0;gap:20px}
.metodo .trilha li{border-top-color:#3A3D43;padding-top:44px}
.metodo .trilha li::before{top:14px;color:#8A8D93}
.metodo .trilha b{color:#fff;font-size:1.05rem}
.metodo .trilha p{color:#A9ACB1;font-size:.95rem}
.metodo .trilha li:last-child{border-top-color:var(--azul)}
.metodo .trilha li:last-child::before{color:#8DB0F5}

/* Projetos em abas */
.projetos{background:var(--papel);border-bottom:1px solid var(--linha)}
.proj-cab{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;flex-wrap:wrap;margin-bottom:32px}
.abas{display:inline-flex;gap:4px;padding:4px;background:var(--bg);border-radius:999px}
.abas button{font:700 .95rem/1 var(--f-disp);color:var(--cinza);background:transparent;border:0;border-radius:999px;padding:12px 18px;cursor:pointer}
.abas button[aria-selected="true"]{background:var(--tinta);color:#fff}
.abas button:hover:not([aria-selected="true"]){color:var(--tinta)}
.painel .sec-cab{margin-bottom:28px}
.painel .h2{font-size:clamp(1.5rem,2.6vw,2.2rem);margin-top:14px}
.projetos .linha-obra li::after{border-color:var(--papel)}

/* Contato com unidades e mapa */
.cta-uni{margin-top:32px}
.cta-uni h3{font:600 .95rem/1 var(--f-cond);letter-spacing:.03em;color:var(--prata)}
.uni-mini{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:12px}
.uni-mini li{color:#fff;font-size:.98rem}
.uni-mini b{font-weight:600}
.uni-mini span{color:#8DB0F5;margin-left:6px;font-size:.88rem}
.cta-mapa{margin:16px 0 0;background:#1C1D20;border:1px solid #2E3035;border-radius:var(--r);padding:12px}
.cta-uni>p{margin-top:12px;font-size:.92rem;color:var(--prata)}
.cta-final .mapa .uf{fill:#24262A;stroke:#1C1D20}
.cta-final .mapa .uf-on{fill:#34373C;stroke:#1C1D20}
.cta-final .mapa .uf-nome{fill:#6E727A}
.cta-final .mapa .uf-sig{fill:#4E5259}
.cta-final .mapa .pin circle{fill:#E4E5E7}
.cta-final .mapa .pin .pin-halo{fill:rgba(255,255,255,.12)}
.cta-final .mapa .pin-m circle{fill:#3D7BF0}
.cta-final .mapa .pin-m .pin-halo{fill:rgba(61,123,240,.3)}
.cta-final .mapa .pin text{fill:#fff;stroke:#1C1D20}

@media (max-width:1080px){.scards{grid-template-columns:1fr 1fr}.met-fino{grid-template-columns:1fr}}
@media (max-width:600px){.scards{grid-template-columns:1fr}.scard{flex-direction:row}.scard-foto{flex:0 0 38%;aspect-ratio:auto}.scard ul{display:none}.scard-txt{padding:14px}.scard h3{font-size:1.1rem}.abas{width:100%}.abas button{flex:1;padding:12px 10px}}

/* Trabalhos recentes */
.trab{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.trab-card figure{margin:0 0 16px;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--prata)}
.trab-card img{width:100%;height:100%;object-fit:cover}
.trab-tipo{font:600 .92rem/1.2 var(--f-cond);letter-spacing:.02em;color:var(--azul)}
.trab-card h3{font-size:1.25rem;line-height:1.2;font-weight:800;margin-top:6px}
.trab-card>p:last-child{color:var(--cinza);margin-top:8px;font-size:.98rem}
@media (max-width:900px){.trab{grid-template-columns:1fr 1fr}}
@media (max-width:600px){.trab{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:14px;padding-bottom:8px}.trab-card{flex:0 0 78vw;scroll-snap-align:start}}

/* Selos de garantia técnica */
.selos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px;padding-top:24px;border-top:1px solid var(--linha)}
.selos li{display:flex;gap:14px;align-items:flex-start}
.selos svg{flex:none;width:40px;height:40px;padding:8px;border-radius:10px;background:var(--azul-claro);fill:none;stroke:var(--azul);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.selos span{font-size:.92rem;line-height:1.4;color:var(--cinza)}
.selos b{display:block;font:700 1rem/1.25 var(--f-disp);color:var(--tinta);margin-bottom:2px}
@media (max-width:900px){.selos{grid-template-columns:1fr}}

/* ===== Item 2: atalhos por necessidade ===== */
.atalhos{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:22px}
.atalhos span{font:600 .95rem/1 var(--f-cond);letter-spacing:.03em;color:rgba(255,255,255,.75);margin-right:4px}
.atalhos a{font:600 .92rem/1 var(--f-txt);color:#fff;text-decoration:none;padding:9px 14px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.3);backdrop-filter:blur(6px);transition:background .2s,color .2s}
.atalhos a:hover{background:#fff;color:var(--tinta)}

/* ===== Item 3: triângulo do símbolo como assinatura da página ===== */
:root{--tri:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 21'%3E%3Cpath fill-rule='evenodd' fill='%23000' d='M12 0 24 21H0Z M12 8 6.9 17h10.2Z'/%3E%3C/svg%3E")}
.h2::before,.h-man::before{content:"";display:block;width:22px;height:19px;margin-bottom:16px;background:var(--azul);-webkit-mask:var(--tri) center/contain no-repeat;mask:var(--tri) center/contain no-repeat}
.emcampo .h2::before,.cta-final h2::before,.metodo .h2::before{background:#3D7BF0}
.scard li::before{width:9px;height:8px;border-radius:0;top:.45em;background:var(--azul);-webkit-mask:var(--tri) center/contain no-repeat;mask:var(--tri) center/contain no-repeat}
.diag-res li::before{width:11px;height:10px;border:0;transform:none;top:.4em;background:var(--azul);-webkit-mask:var(--tri) center/contain no-repeat;mask:var(--tri) center/contain no-repeat}
.metodo .trilha li:last-child{border-top-color:var(--azul)}
.dot{border-radius:0;width:11px;height:10px;box-shadow:none;background:#3D7BF0;-webkit-mask:var(--tri) center/contain no-repeat;mask:var(--tri) center/contain no-repeat}
.mais-clientes i,.faq i{border-radius:50%}
.hero .h2::before{display:none}

/* ===== Item 4: página de serviço editorial com quadro fixo ===== */
.srv-top{padding-block:clamp(28px,4vw,48px) 0}
.srv-top .voltar{color:var(--cinza);margin-bottom:22px}
.srv-top h1{font-size:clamp(2.3rem,5vw,4.2rem);line-height:1.02;font-weight:800;letter-spacing:-.035em;max-width:18ch;margin-top:14px}
.srv-foto{margin:clamp(24px,4vw,40px) 0 0;position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:21/9;background:var(--prata)}
.srv-foto img{width:100%;height:100%;object-fit:cover}
.srv-foto figcaption{position:absolute;left:16px;bottom:16px;max-width:calc(100% - 32px);font:500 .9rem/1.3 var(--f-cond);letter-spacing:.02em;color:#fff;background:rgba(18,18,18,.6);backdrop-filter:blur(6px);padding:8px 12px;border-radius:999px}
.srv-grid{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:clamp(32px,5vw,72px);align-items:start}
.srv-lead{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.55;color:var(--grafite);max-width:60ch}
.srv-main .h2{margin-top:clamp(40px,5vw,64px)}
.srv-nota{color:var(--cinza);margin-top:12px}
.itens-lista{grid-template-columns:1fr 1fr;margin-top:24px}
.srv-main .faq-lista{margin-top:24px}
.srv-card{position:sticky;top:96px;background:var(--papel);border:1px solid var(--linha);border-radius:var(--r);padding:24px;box-shadow:0 24px 48px -32px rgba(18,18,18,.35)}
.srv-card-pessoa{display:flex;gap:12px;align-items:center}
.srv-card-pessoa img{width:56px;height:56px;border-radius:12px;object-fit:cover;object-position:50% 20%}
.srv-card-pessoa b{display:block;font:700 1rem/1.2 var(--f-disp);color:var(--tinta)}
.srv-card-pessoa span{display:block;font-size:.82rem;line-height:1.3;color:var(--cinza);margin-top:3px}
.srv-card-tit{font:800 1.3rem/1.2 var(--f-disp);color:var(--tinta);margin-top:20px;letter-spacing:-.02em}
.srv-card-bt{width:100%;margin-top:16px}
.srv-card-sub{font:600 .92rem/1 var(--f-cond);letter-spacing:.02em;color:var(--cinza);margin-top:20px}
.srv-card-lista{margin-top:10px;display:grid;gap:7px}
.srv-card-lista li{position:relative;padding-left:18px;font-size:.95rem;line-height:1.35}
.srv-card-lista li::before{content:"";position:absolute;left:0;top:.4em;width:10px;height:9px;background:var(--azul);-webkit-mask:var(--tri) center/contain no-repeat;mask:var(--tri) center/contain no-repeat}
.srv-card-contato{margin-top:18px;padding-top:16px;border-top:1px solid var(--linha);font-size:.92rem;color:var(--cinza);line-height:1.6}
@media (max-width:1000px){.srv-grid{grid-template-columns:1fr}.srv-card{position:static}.srv-foto{aspect-ratio:16/9}}
@media (max-width:600px){.itens-lista{grid-template-columns:1fr}.srv-foto{aspect-ratio:4/3}.atalhos span{width:100%}}

/* Ajustes 10/10/2026 */
@media (max-width:600px){.hero-sombra{background:linear-gradient(180deg,rgba(18,18,18,.8) 0%,rgba(18,18,18,.74) 50%,rgba(18,18,18,.94) 100%)}}
.preco{margin-top:18px;padding:16px;border-radius:var(--r-s);background:var(--azul-claro);color:var(--tinta)}
.preco b{display:block;font:800 1.5rem/1.1 var(--f-disp);color:var(--azul);letter-spacing:-.02em}
.preco span{display:block;font-size:.9rem;line-height:1.4;color:var(--grafite);margin-top:6px}
.srv-top .voltar{display:table}
