@font-face{font-family:'Archivo';font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap;src:url(assets/fonts/archivo-var.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(assets/fonts/ibm-plex-mono-400.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(assets/fonts/ibm-plex-mono-500.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

:root{
  --navy:#1C1A39; --navy-2:#14122B; --indigo:#2E2A5C; --indigo-2:#25224A;
  --lav:#B4ABD6; --lav-2:#8F84C0; --lav-3:#6F66A3; --alu:#F1EFF6; --alu-2:#E4E0EF; --borda:#D9D4E8;
  --txt-claro:#D4D0E6; --txt-muted:#9D97BD; --txt-escuro:#4E4870;
  --corpo:'Archivo',system-ui,-apple-system,'Segoe UI',sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,Menlo,monospace;
  --pad:clamp(80px,9vw,128px);
  --corte:clamp(48px,6.5vw,104px);
  --pente:16px;
  --ch:22px;
  --escovado:url(assets/img/acetinado.webp);
  --escovado-suave:url(assets/img/acetinado-suave.webp);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--navy);color:var(--navy);font-family:var(--corpo);font-size:18px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
.wrap{position:relative;z-index:1;width:100%;max-width:1240px;margin:0 auto;padding:0 40px}

/* tipografia: Archivo larga nos títulos, caixa normal */
h1,h2,h3{font-family:var(--corpo);font-stretch:112%;letter-spacing:-.022em;text-wrap:balance}
h1{font-weight:750;font-size:clamp(40px,5vw,68px);line-height:1.04}
h2{font-weight:720;font-size:clamp(32px,3.7vw,50px);line-height:1.1}
h3{font-weight:650;font-size:21px;line-height:1.3;letter-spacing:-.012em}
p{text-wrap:pretty}
.rotulo,.indice,.topo-dado{font-family:var(--mono);font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}

/* brilho metálico (alumínio polido) */
.metal{background:linear-gradient(100deg,#8F84C0 0%,#E9E5F6 20%,#B4ABD6 36%,#FFFFFF 48%,#A79DD2 60%,#EFECF9 78%,#8F84C0 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:brilho 8s ease-in-out infinite}
@keyframes brilho{0%,100%{background-position:0% 0}50%{background-position:100% 0}}

/* botões: chapa com bevel e reflexo que passa */
.btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;gap:14px;min-height:58px;padding:16px 30px;font-weight:650;font-size:17px;font-stretch:108%;text-decoration:none;border-radius:3px;transition:transform .2s ease}
.btn::after{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);transition:left .6s ease}
.btn:hover::after{left:130%}
.btn:hover{transform:translateY(-1px)}
.btn .seta{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .2s ease}
.btn:hover .seta{transform:translateX(4px)}
.btn:focus-visible{outline:3px solid var(--lav);outline-offset:3px}
.btn-claro{color:var(--navy);background:var(--escovado) 0 0/512px 256px,linear-gradient(180deg,#FFFFFF,#DCD7EA);background-blend-mode:soft-light,normal;box-shadow:inset 0 1px 0 #fff,inset 0 -2px 0 rgba(28,26,57,.14),0 10px 24px -12px rgba(0,0,0,.6)}
.btn-navy{color:#fff;background:var(--escovado) 0 0/512px 256px,linear-gradient(180deg,#34306A,#1C1A39);background-blend-mode:soft-light,normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -2px 0 rgba(0,0,0,.25),0 10px 24px -12px rgba(28,26,57,.7)}
.btn-navy::after{background:linear-gradient(100deg,transparent,rgba(255,255,255,.22),transparent)}
.linha-btn{display:flex;justify-content:center;margin-top:56px}

/* fio de luz com cota */
.fio{display:block;height:2px;width:140px;position:relative}
.fio::before{content:"";position:absolute;left:calc(50% - 1px);top:-9px;width:2px;height:20px;background:var(--lav)}
.fio-centro{margin:0 auto 28px;background:linear-gradient(90deg,rgba(180,171,214,0),var(--lav) 50%,rgba(180,171,214,0));box-shadow:0 0 12px rgba(180,171,214,.45)}
.secao-alu .fio,.secao-branca .fio,.secao-faq .fio{box-shadow:none;background:linear-gradient(90deg,rgba(143,132,192,0),var(--lav-2) 50%,rgba(143,132,192,0))}
.secao-alu .fio::before,.secao-branca .fio::before,.secao-faq .fio::before{background:var(--lav-2)}

/* seções e superfícies escovadas */
.secao,.hero,.cta,.rodape{position:relative}
.z2{z-index:2}.z3{z-index:3}.z4{z-index:4}.z5{z-index:5}.z6{z-index:6}.z7{z-index:7}
.secao{padding:var(--pad) 0}
.secao-alu{background:var(--escovado-suave) 0 0/1024px 512px,linear-gradient(180deg,#F4F2F9,#E9E6F1);background-blend-mode:soft-light,normal}
.secao-branca{background:var(--escovado-suave) 0 0/1024px 512px,#FBFAFD;background-blend-mode:soft-light,normal}
.secao-faq{background:var(--escovado-suave) 0 0/1024px 512px,linear-gradient(180deg,#E9E6F1,#F2F0F7);background-blend-mode:soft-light,normal}
.secao-navy{overflow:hidden;color:#fff;background:var(--escovado-suave) 0 0/1024px 512px,radial-gradient(ellipse 70% 60% at 50% 0%,rgba(143,132,192,.2),transparent 70%),var(--navy);background-blend-mode:soft-light,normal,normal}
.titulo-centro{max-width:860px;margin:0 auto 64px;text-align:center}

/* transições de dobra */
.sobe-corte{margin-top:calc(-1 * var(--corte));padding-top:calc(var(--pad) + var(--corte))}
.desce-corte{padding-bottom:calc(var(--pad) + var(--corte))}
.sobe-pente{margin-top:calc(-1 * var(--pente));padding-top:calc(var(--pad) + var(--pente))}
.desce-pente{padding-bottom:calc(var(--pad) + var(--pente))}
.corte-a{clip-path:polygon(0 var(--corte),100% 0,100% 100%,0 100%)}
.corte-b{clip-path:polygon(0 0,100% var(--corte),100% 100%,0 100%)}
.fio-corte{position:absolute;z-index:2;left:0;top:0;width:100%;height:var(--corte);overflow:visible;pointer-events:none}
.fio-corte line{stroke:var(--lav);stroke-width:4;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 5px rgba(180,171,214,.9))}
.secao-alu .fio-corte line,.secao-faq .fio-corte line{stroke:var(--lav-2);filter:none}
/* borda em pente: aletas de perfil extrudado */
.pente{-webkit-mask:linear-gradient(#000 0 0) 0 var(--pente)/100% calc(100% - var(--pente)) no-repeat,repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 11px) 0 0/100% var(--pente) no-repeat;mask:linear-gradient(#000 0 0) 0 var(--pente)/100% calc(100% - var(--pente)) no-repeat,repeating-linear-gradient(90deg,#000 0 6px,transparent 6px 11px) 0 0/100% var(--pente) no-repeat}

/* 01 hero */
.hero{z-index:1;overflow:hidden;color:#fff;min-height:min(100svh,940px);display:flex;flex-direction:column;padding-bottom:var(--corte);background:var(--escovado-suave) 0 0/1024px 512px,radial-gradient(ellipse 55% 65% at 74% 42%,rgba(143,132,192,.34),transparent 70%),linear-gradient(180deg,#1E1B3F,#17152F);background-blend-mode:soft-light,normal,normal}
.hero-a{position:absolute;z-index:0;right:-4%;top:6%;width:min(62vw,900px);height:auto;opacity:.32;pointer-events:none}
.topo{display:flex;justify-content:space-between;align-items:center;padding-top:28px;padding-bottom:28px;z-index:3}
.marca{display:flex;align-items:center;gap:14px;text-decoration:none}
.marca img:first-child{width:52px;height:52px}
.marca img:last-child{width:176px;height:auto}
.topo-dado{color:var(--txt-muted)}
.hero-corpo{z-index:2;flex:1;display:flex;align-items:center;padding-top:16px;padding-bottom:64px}
.hero-texto{max-width:620px}
.rotulo{color:var(--lav);margin-bottom:22px}
.hero h1{color:#fff}
.hero-sub{margin:26px 0 38px;font-size:21px;line-height:1.55;color:var(--txt-claro);max-width:540px}
.hero-perfis{position:absolute;z-index:1;right:-6%;top:14%;width:60%;max-width:1060px;pointer-events:none}
.hero-perfis img{width:100%;filter:drop-shadow(0 34px 40px rgba(8,6,24,.6))}

.blocos{display:flex;gap:10px;margin-top:52px}
.bloco{width:116px;height:132px;padding:12px;display:flex;flex-direction:column;justify-content:space-between;border-radius:2px}
.bloco-topo{display:flex;justify-content:space-between;font-family:var(--mono);font-size:12px;font-weight:500;opacity:.85}
.bloco-simbolo{font-weight:800;font-stretch:118%;font-size:40px;line-height:.95;letter-spacing:-.03em}
.bloco-indigo .bloco-simbolo{font-size:31px;white-space:nowrap}
.bloco-simbolo-txt{font-size:21px;line-height:1.02;letter-spacing:-.01em}
.bloco-nome{font-size:13px;font-weight:600;line-height:1.2}
.bloco-anod{color:var(--navy);background:var(--escovado) 0 0/512px 256px,linear-gradient(135deg,#FFFFFF 0%,#D8D3E8 45%,#F4F2FA 60%,#B9B3CD 100%);background-blend-mode:overlay,normal;box-shadow:inset 0 1px 0 #fff,inset 0 -1px 0 rgba(0,0,0,.2)}
.bloco-indigo{color:#fff;background:var(--escovado) 0 0/512px 256px,linear-gradient(135deg,#4A4586 0%,#2A265A 55%,#3A3574 100%);background-blend-mode:overlay,normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.2)}
.bloco-linha{border:1.5px solid var(--lav);color:#fff;background:rgba(28,26,57,.4)}
.bloco-linha .bloco-topo{color:var(--lav)}

/* placas (cards) com chanfro e borda de luz */
.placa{--c:var(--ch);padding:1px;border-radius:0;clip-path:polygon(0 0,calc(100% - var(--c)) 0,100% var(--c),100% 100%,0 100%)}
.placa-in{height:100%;clip-path:polygon(0 0,calc(100% - var(--c) + .4px) 0,100% calc(var(--c) - .4px),100% 100%,0 100%)}
.placa-escura{background:linear-gradient(155deg,rgba(212,206,236,.55),rgba(180,171,214,.08) 38%,rgba(180,171,214,.06) 70%,rgba(180,171,214,.3))}
.placa-escura .placa-in{padding:38px 36px;background:var(--escovado) 0 0/1024px 512px,linear-gradient(160deg,#2C2958,#201D45 60%,#26235010);background-color:#221F47;background-blend-mode:soft-light,normal}
.placa-escura .indice{display:block;color:var(--lav);margin-bottom:30px}
.placa-escura h3{color:#fff;font-size:23px;margin-bottom:12px}
.placa-escura p{color:var(--txt-claro)}
.placa-escura{transition:transform .25s ease}
.placa-escura:hover{transform:translateY(-3px)}
.placa-clara{background:linear-gradient(155deg,#FFFFFF,#CFC9E2 45%,#E6E2F0 70%,#B9B2D2)}
.placa-clara .placa-in{padding:30px 28px;background:var(--escovado) 0 0/1024px 512px,linear-gradient(180deg,#FFFFFF,#EEEBF5);background-blend-mode:soft-light,normal}
.placa-clara .indice{display:block;color:var(--lav-3);margin-bottom:24px}
.placa-clara h3{margin-bottom:10px}
.placa-clara p{color:var(--txt-escuro);font-size:17px}

/* gravado em contorno */
.gravado{position:absolute;z-index:0;right:-1vw;bottom:4%;font-weight:800;font-stretch:125%;font-size:clamp(260px,34vw,520px);line-height:.8;letter-spacing:-.04em;color:transparent;-webkit-text-stroke:1.5px rgba(180,171,214,.22);pointer-events:none;user-select:none}

/* 02 dores */
.dores{display:grid;grid-template-columns:1.05fr 1fr;gap:72px;align-items:stretch}
.lista-dores{list-style:none;margin-bottom:44px}
.lista-dores li{display:grid;grid-template-columns:76px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid var(--borda);position:relative}
.lista-dores li:first-child{padding-top:0}
.lista-dores .indice{font-family:var(--corpo);font-size:52px;font-weight:800;font-stretch:125%;letter-spacing:-.04em;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--lav-2)}
.lista-dores h3{margin-bottom:8px}
.lista-dores p{color:var(--txt-escuro)}
.dores-foto{position:relative;min-height:460px}
.dores-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(0 0,calc(100% - 44px) 0,100% 44px,100% 100%,44px 100%,0 calc(100% - 44px))}
.canto{position:absolute;z-index:1;width:26px;height:26px;border-color:var(--lav-2);border-style:solid;border-width:0}
.c1{top:-14px;left:-14px;border-top-width:2px;border-left-width:2px}
.c2{top:-14px;right:-14px;border-top-width:2px;border-right-width:2px}
.c3{bottom:-14px;left:-14px;border-bottom-width:2px;border-left-width:2px}
.c4{bottom:-14px;right:-14px;border-bottom-width:2px;border-right-width:2px}

/* 03 qualificações */
.secao-navy .titulo-centro h2{color:#fff}
.grade-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}

/* 04 serviços */
.placa-destaque{--c:40px;background:linear-gradient(155deg,rgba(212,206,236,.7),rgba(180,171,214,.1) 40%,rgba(180,171,214,.35))}
.destaque{display:grid;grid-template-columns:1.1fr 1fr;color:#fff;background:var(--escovado-suave) 0 0/1024px 512px,radial-gradient(ellipse 80% 90% at 0% 0%,rgba(143,132,192,.28),transparent 60%),var(--navy);background-blend-mode:soft-light,normal,normal}
.destaque-texto{padding:60px 56px}
.destaque .indice{display:block;color:var(--lav);margin-bottom:24px}
.destaque h3{font-size:clamp(30px,3vw,42px);font-weight:750;font-stretch:115%;line-height:1.08;letter-spacing:-.025em;margin-bottom:24px}
.destaque p{color:var(--txt-claro);font-size:18px}
.destaque p+p{margin-top:14px}
.destaque-foto{position:relative;min-height:380px}
.destaque-foto img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.grade-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:22px}

/* 05 faq */
.faq{max-width:880px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
.faq details{position:relative;background:var(--escovado) 0 0/1024px 512px,linear-gradient(180deg,#FFFFFF,#F3F1F8);background-blend-mode:soft-light,normal;border:1px solid var(--borda);box-shadow:inset 0 1px 0 #fff;transition:border-color .2s ease}
.faq details::before{content:"";position:absolute;left:-1px;top:-1px;bottom:-1px;width:4px;background:linear-gradient(180deg,var(--lav),var(--lav-3));transform:scaleY(0);transform-origin:top;transition:transform .3s ease}
.faq details[open]::before{transform:scaleY(1)}
.faq details[open]{border-color:#C7C0DD}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;font-weight:620;font-size:19px;min-height:68px;letter-spacing:-.005em}
.faq summary::-webkit-details-marker{display:none}
.faq summary:focus-visible{outline:3px solid var(--lav-2);outline-offset:-3px}
.chevron{flex:none;width:22px;height:22px;fill:none;stroke:var(--lav-3);stroke-width:2.25;stroke-linecap:round;stroke-linejoin:round;transition:transform .25s ease}
.faq details[open] .chevron{transform:rotate(90deg)}
.faq details p{padding:0 26px 24px;color:var(--txt-escuro);max-width:72ch}

/* 06 cta */
.cta{overflow:hidden;color:#fff;background:var(--navy-2);margin-top:calc(-1 * var(--corte));padding-bottom:var(--pente)}
.cta-fundo{position:absolute;left:0;right:0;top:-15%;height:130%;will-change:transform}
.cta-fundo img{width:100%;height:100%;object-fit:cover}
.cta::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse 60% 70% at 50% 50%,rgba(20,18,43,.84),rgba(20,18,43,.5))}
.cta-corpo{z-index:3;max-width:860px;text-align:center;padding-top:calc(clamp(110px,13vw,170px) + var(--corte));padding-bottom:clamp(110px,13vw,170px)}
.cta .fio-corte{z-index:3}
.cta h2{font-size:clamp(36px,4.6vw,62px);line-height:1.06}
.cta p{margin:26px auto 42px;max-width:620px;font-size:20px;color:var(--txt-claro)}

/* 07 rodapé */
.rodape{overflow:hidden;margin-top:calc(-1 * var(--pente));color:var(--txt-claro);padding:calc(88px + var(--pente)) 0 32px;background:var(--escovado) 0 0/1024px 512px,var(--navy-2);background-blend-mode:soft-light,normal}
.rodape-marca{position:absolute;z-index:0;left:50%;bottom:0;transform:translate(-50%,42%);width:min(1320px,112vw);opacity:.06;pointer-events:none}
.rodape-grade{display:grid;grid-template-columns:1fr 1fr;gap:64px}
.rodape-titulo{font-size:22px;font-weight:650;font-stretch:108%;line-height:1.3;color:#fff;margin-bottom:26px;letter-spacing:-.01em}
.contato{display:grid;grid-template-columns:22px 1fr;gap:14px;align-items:start;text-decoration:none;margin-bottom:16px;max-width:480px;font-size:17px}
.contato img{margin-top:3px;opacity:.85}
.contato:hover span{color:#fff;text-decoration:underline;text-underline-offset:3px}
.rodape-logo{width:150px;margin-top:40px}
.redes{display:flex;gap:12px}
.redes a{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--escovado) 0 0/256px 128px,linear-gradient(160deg,#3A3672,#211E46);background-blend-mode:soft-light,normal;box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 0 0 1px rgba(180,171,214,.25);transition:box-shadow .2s ease,transform .2s ease}
.redes a:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 0 0 1px var(--lav)}
.rodape-barra{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;margin-top:64px;padding-top:24px;border-top:1px solid rgba(180,171,214,.18);font-size:14px;color:var(--txt-muted)}
.feito{display:flex;align-items:center;gap:12px;text-decoration:none}
.feito img{width:108px;opacity:.9}
.feito:hover img{opacity:1}

/* responsivo */
@media (max-width:1080px){
  .grade-4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero-perfis{width:58%;top:auto;bottom:calc(var(--corte) + 2%);right:-10%;opacity:.9}
}
@media (max-width:860px){
  :root{--corte:48px;--pente:12px;--ch:16px}
  body{font-size:17px}
  .wrap{padding-left:20px;padding-right:20px}
  .topo{padding-top:20px;padding-bottom:20px}
  .topo-dado{display:none}
  .marca img:first-child{width:44px;height:44px}
  .marca img:last-child{width:148px}
  .hero{min-height:auto}
  .hero-a{width:120vw;right:-40vw;top:auto;bottom:4%;opacity:.4}
  .hero-corpo{padding-top:8px;padding-bottom:0}
  .hero-sub{font-size:18px}
  .hero-perfis{position:relative;width:118%;right:auto;left:-2%;bottom:auto;margin:8px 0 -8px;opacity:1}
  .blocos{margin-top:36px}
  .dores,.grade-2,.rodape-grade{grid-template-columns:1fr}
  .dores{gap:48px}
  .dores-foto{min-height:0;aspect-ratio:4/3;margin:0 14px}
  .lista-dores li{grid-template-columns:58px 1fr;gap:12px}
  .lista-dores .indice{font-size:40px}
  .destaque{grid-template-columns:1fr}
  .destaque-texto{padding:32px 24px 40px}
  .destaque-foto{min-height:0;aspect-ratio:4/3;order:-1}
  .destaque-foto img{clip-path:polygon(0 0,100% 0,100% 82%,0 100%)}
  .placa-escura .placa-in{padding:30px 24px}
  .titulo-centro{margin-bottom:44px}
  .rodape-grade{gap:48px}
  .btn{width:100%;justify-content:center}
  .linha-btn{margin-top:40px}
  .gravado{font-size:70vw;bottom:1%}
}
@media (max-width:520px){
  .grade-4{grid-template-columns:1fr}
  .blocos{gap:8px}
  .bloco{width:auto;flex:1;height:120px;padding:10px}
  .bloco-simbolo{font-size:32px}
  .bloco-indigo .bloco-simbolo{font-size:31px;white-space:nowrap}
.bloco-simbolo-txt{font-size:18px}
  .faq summary{padding:18px 20px;font-size:17px}
  .faq details p{padding:0 20px 20px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *{transition:none!important;animation:none!important}
}

/* ajustes: sem textos fora da copy */
.lista-dores li{grid-template-columns:22px 1fr;gap:20px}
.marcador{width:14px;height:14px;margin-top:7px;background:linear-gradient(135deg,var(--lav),var(--lav-3));clip-path:polygon(0 0,calc(100% - 5px) 0,100% 5px,100% 100%,0 100%)}

@media (max-width:860px){
  .lista-dores li{grid-template-columns:18px 1fr;gap:14px}
}

/* fotos em transparência nos fundos (cinza + blend: a cor vem da dobra) */
.hero::before,#dores::before,#solucao::before,#servicos::before,#faq::before,.rodape::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-position:center;background-size:cover;background-repeat:no-repeat}
.hero::before{background-image:url(assets/img/bg-hero.webp);mix-blend-mode:screen;opacity:.1;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 72%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.5) 45%,transparent 72%)}
#dores::before{background-image:url(assets/img/bg-dores.webp);mix-blend-mode:multiply;opacity:.06;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%)}
#solucao::before{background-image:url(assets/img/bg-solucao.webp);mix-blend-mode:screen;opacity:.08;-webkit-mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 30%,transparent 80%);mask-image:radial-gradient(ellipse 75% 70% at 50% 50%,#000 30%,transparent 80%)}
#servicos::before{background-image:url(assets/img/bg-servicos.webp);mix-blend-mode:multiply;opacity:.07;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 50%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.6) 50%,transparent 90%)}
#faq::before{background-image:url(assets/img/bg-faq.webp);background-position:right center;mix-blend-mode:multiply;opacity:.07;-webkit-mask-image:linear-gradient(90deg,transparent 15%,#000 75%);mask-image:linear-gradient(90deg,transparent 15%,#000 75%)}
.rodape::before{background-image:url(assets/img/bg-rodape.webp);mix-blend-mode:screen;opacity:.06;-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 85%);mask-image:linear-gradient(180deg,#000 0%,transparent 85%)}
@media (max-width:860px){
  .hero::before{background-image:url(assets/img/bg-hero-900.webp);-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 50%,transparent 75%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 50%,transparent 75%)}
  #dores::before{background-image:url(assets/img/bg-dores-900.webp)}
  #solucao::before{background-image:url(assets/img/bg-solucao-900.webp)}
  #servicos::before{background-image:url(assets/img/bg-servicos-900.webp)}
  #faq::before{background-image:url(assets/img/bg-faq-900.webp);-webkit-mask-image:none;mask-image:none;opacity:.05}
  .rodape::before{background-image:url(assets/img/bg-rodape-900.webp)}
}

/* acabamento acetinado: reflexos suaves de luz em faixas diagonais */
.hero::after,.secao-navy::after,.secao-alu::after,.secao-branca::after,.secao-faq::after,.rodape::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none}
.hero::after,.secao-navy::after,.rodape::after{background:linear-gradient(115deg,transparent 18%,rgba(214,208,240,.07) 34%,transparent 50%,transparent 62%,rgba(214,208,240,.045) 74%,transparent 88%)}
.secao-alu::after,.secao-branca::after,.secao-faq::after{background:linear-gradient(115deg,transparent 15%,rgba(255,255,255,.7) 32%,transparent 48%,rgba(28,26,57,.025) 60%,transparent 72%,rgba(255,255,255,.5) 82%,transparent 94%)}
.placa-escura .placa-in,.destaque{background-image:var(--escovado) ,linear-gradient(115deg,rgba(255,255,255,0) 20%,rgba(214,208,240,.08) 40%,rgba(255,255,255,0) 60%)}

/* vídeo da fachada no banner (substitui a foto de fundo do hero) */
.hero::before{display:none}
.hero-video{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:cover;pointer-events:none;mix-blend-mode:screen;opacity:.14;-webkit-mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.25) 100%);mask-image:linear-gradient(90deg,#000 0%,rgba(0,0,0,.55) 45%,rgba(0,0,0,.25) 100%)}

/* fotos dos serviços (site da Anodicamp) */
.card-foto{margin:-30px -28px 24px;aspect-ratio:4/3;overflow:hidden;background:#fff;border-bottom:1px solid var(--borda)}
.card-foto img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.placa-clara:hover .card-foto img{transform:scale(1.04)}
.destaque-foto img{object-position:center}
@media (max-width:860px){
  .hero-video{opacity:.12;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 60%,transparent 90%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.4) 60%,transparent 90%)}
  .card-foto{margin:-30px -28px 22px}
}