/* =========================================================
   Nova Aço - folha de estilos (v2026-09-29-6)
   Seções alternando azul-marinho e cinza claro.
   Títulos em Orbitron (azul + prata/grafite), textos em Arial.
   ========================================================= */
:root{
  --max:1200px;
  --head:"Anton","Impact","Arial Narrow",sans-serif;
  --ui:Arial,Helvetica,sans-serif;
  --blue:#1f6fe0;
  --blue-hi:#3d95ff;
  --header-h:78px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:150px;-webkit-text-size-adjust:100%}
body{margin:0;background:#eef1f5;color:#3b4855;font:400 17px/1.65 var(--ui);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img,video,iframe,picture{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit;color:inherit}
p{margin:0 0 1em}
h1,h2,h3{margin:0;color:var(--fg,#111a25)}
.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.ico{width:1.15em;height:1.15em;flex:0 0 auto}
.skip-link{position:fixed;left:12px;top:-80px;z-index:999;background:#fff;color:#000;padding:10px 14px;border-radius:8px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid #6fb3ff;outline-offset:3px;border-radius:6px}

/* ---------- cores por contexto: claro e escuro ---------- */
.tone-light{
  --fg:#111a25;--txt:#3b4855;--muted:#65727e;
  --card:#fff;--card-bd:#d8dfe7;--card-sh:0 1px 2px rgba(16,32,56,.05),0 12px 30px rgba(16,32,56,.07);
  --line-a:#1f6fe0;--line-b:#a3aeba;
  --chip:#fff;--chip-bd:#cdd5de;--chip-fg:#25323e;
  --field:#fff;--field-bd:#cbd3dc;--field-fg:#111a25;--ph:#8a96a2;
  --link:#1558bf;--ghost-bd:#9aabbd;--ghost-fg:#111a25;--ghost-hover:#fff;
  --tb1:#2a86f2;--tb2:#1767d8;--tb3:#0e52b3;--tbx:#0b3f8f;--tbx2:rgba(11,63,143,.4);
  --ts1:#394553;--ts2:#212b37;--ts3:#141c25;--tsx:#0c1219;--tsx2:rgba(12,18,25,.28);
  --tt-sh:0 4px 8px rgba(15,40,80,.10);
  color:var(--txt);
}
.tone-dark,.hero,.page-hero,.photo-band,.quote-card,.service-bar,.site-footer{
  --fg:#fff;--txt:#c3d0de;--muted:#8fa3b8;
  --card:rgba(255,255,255,.045);--card-bd:rgba(160,195,235,.17);--card-sh:0 18px 40px rgba(0,0,0,.2);
  --line-a:#3d95ff;--line-b:rgba(200,214,230,.4);
  --chip:rgba(255,255,255,.05);--chip-bd:rgba(170,200,235,.26);--chip-fg:#dbe6f1;
  --field:rgba(255,255,255,.06);--field-bd:rgba(170,200,235,.26);--field-fg:#fff;--ph:#8398ad;
  --link:#7cbcff;--ghost-bd:rgba(220,232,245,.45);--ghost-fg:#fff;--ghost-hover:rgba(255,255,255,.08);
  --tb1:#80bfff;--tb2:#3f96ff;--tb3:#1c6fe2;--tbx:#0a2c5c;--tbx2:#061c3b;
  --ts1:#ffffff;--ts2:#e3e8ee;--ts3:#b3bfcb;--tsx:#3a4450;--tsx2:#1f262e;
  --tt-sh:0 6px 12px rgba(0,0,0,.32);
  color:var(--txt);
}
.tone-light{background:
  linear-gradient(112deg,rgba(255,255,255,0) 52%,rgba(255,255,255,.75) 60%,rgba(255,255,255,0) 68%),
  linear-gradient(112deg,rgba(61,149,255,0) 70%,rgba(61,149,255,.10) 76%,rgba(61,149,255,0) 84%),
  radial-gradient(1000px 520px at 100% 0%,rgba(61,149,255,.30),rgba(61,149,255,0) 60%),
  radial-gradient(820px 460px at 0% 100%,rgba(31,111,224,.20),rgba(31,111,224,0) 60%),
  radial-gradient(600px 300px at 30% 0%,rgba(255,255,255,.9),rgba(255,255,255,0) 70%),
  linear-gradient(180deg,#edf2f8 0%,#e1e8f1 100%)}
/* faixa de luz LED no topo das seções claras */
.section.tone-light::after,.cta-band.tone-light::after{content:"";position:absolute;z-index:0;left:0;right:0;top:0;height:2px;pointer-events:none;background:linear-gradient(90deg,rgba(61,149,255,0) 0%,#3d95ff 28%,#9fd0ff 50%,#3d95ff 72%,rgba(61,149,255,0) 100%);box-shadow:0 0 12px 1px rgba(61,149,255,.55),0 0 34px 4px rgba(61,149,255,.22)}
/* cartões brancos com reflexo azul */
.tone-light .about-points li,.tone-light .fact-list li,.tone-light .contact-block,.tone-light .hours-pill{box-shadow:0 1px 2px rgba(16,32,56,.05),0 12px 30px rgba(16,32,56,.07),0 0 0 1px rgba(61,149,255,.04)}
.tone-light .about-points li,.tone-light .fact-list li{border-left-color:#2b82f6;box-shadow:-4px 0 14px -6px rgba(43,130,246,.6),0 12px 30px rgba(16,32,56,.07)}

/* avaliações em azul */
.section.reviews-blue{background:radial-gradient(800px 420px at 85% 0%,rgba(96,170,255,.22),rgba(96,170,255,0) 65%),linear-gradient(135deg,#0d2a56 0%,#123f7c 55%,#0c2750 100%)}
.reviews-blue .review{background:rgba(255,255,255,.07);border-color:rgba(170,205,255,.22);box-shadow:0 8px 16px rgba(3,14,34,.22)}
.reviews-blue .review-stars{color:#9fd0ff}
.reviews-blue .review-avatar{box-shadow:0 0 0 2px rgba(159,208,255,.35)}
.reviews-blue .round-btn{background:rgba(255,255,255,.08)}
.tone-dark{background:linear-gradient(180deg,#0d1e38 0%,#0a182d 100%);border-top:1px solid rgba(90,150,230,.2)}

/* ---------- títulos: Anton, alternando LED e vazado ---------- */
.tt{display:grid;justify-items:start;row-gap:.02em;margin:0;font-family:var(--head);font-weight:400;text-transform:uppercase;letter-spacing:.012em;line-height:1.04;font-size:clamp(2rem,1.35rem + 2.5vw,3.3rem)}
.tt .tl{display:grid;max-width:100%}
.tt .tl>span{grid-area:1/1;overflow-wrap:anywhere;text-wrap:balance}
.tt .tl::before{display:none}
.tt .f{color:var(--tb2)}
.tt .ts .f{color:var(--fg)}
/* LED */
.tt-led .tb .f{color:#cfe7ff;text-shadow:0 0 2px #fff,0 0 7px #58a8ff,0 0 16px #2f86ff,0 0 32px rgba(31,111,224,.85),0 0 56px rgba(31,111,224,.45)}
.tt-led .ts .f{color:#fff;text-shadow:0 0 2px #fff,0 0 8px rgba(160,205,255,.8),0 0 20px rgba(61,149,255,.5)}
.tone-light .tt-led .tb .f{color:#1a6ae0;text-shadow:0 0 10px rgba(61,149,255,.45),0 0 26px rgba(61,149,255,.25)}
.tone-light .tt-led .ts .f{color:#16202b;text-shadow:none}
/* vazado (contorno aceso) */
.tt-vaz .tb .f{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:max(1.5px,.034em) #bfe0ff;filter:drop-shadow(0 0 4px #4da3ff) drop-shadow(0 0 12px rgba(31,111,224,.8))}
.tt-vaz .ts .f{color:#fff}
.tone-light .tt-vaz .tb .f{-webkit-text-stroke-color:#1a6ae0;filter:drop-shadow(0 0 6px rgba(31,111,224,.5))}
.tone-light .tt-vaz .ts .f{color:#16202b}
.tt-sm{font-size:clamp(1.45rem,1.2rem + .8vw,1.9rem);letter-spacing:.02em;line-height:1.08}
.tt-sm .f{color:var(--tb2);text-shadow:none}

/* ---------- linhas dos títulos: estilo, forma e orientação diferentes ---------- */
.tt-rule{position:relative;display:block;width:176px;height:12px;margin:16px 0 0;pointer-events:none}
.tt-rule::before,.tt-rule::after{content:"";position:absolute;display:block}
/* 1. horizontal com degrau */
.r-kink::before{left:0;top:0;width:150px;height:12px;background:var(--line-a);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 12'%3E%3Cpolyline points='0,10.8 104,10.8 115,1.2 150,1.2' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 12'%3E%3Cpolyline points='0,10.8 104,10.8 115,1.2 150,1.2' fill='none' stroke='%23000' stroke-width='2.4'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.r-kink::after{left:157px;top:0;width:24px;height:2.4px;background:var(--line-b)}
/* 2. dupla: barra grossa + fio fino deslocado */
.r-duo{height:10px}
.r-duo::before{left:0;top:0;width:58px;height:4px;border-radius:2px;background:var(--line-a)}
.r-duo::after{left:24px;top:8px;width:152px;height:1px;background:var(--line-b)}
/* 3. diagonal: três traços inclinados + fio */
.r-slant::before{left:0;top:0;width:30px;height:12px;background:var(--line-a);
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 12 6 0h4L4 12zM10 12 16 0h4l-6 12zM20 12 26 0h4l-6 12z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 12'%3E%3Cpath d='M0 12 6 0h4L4 12zM10 12 16 0h4l-6 12zM20 12 26 0h4l-6 12z'/%3E%3C/svg%3E") 0 0/100% 100% no-repeat}
.r-slant::after{left:38px;top:5px;width:138px;height:2px;background:linear-gradient(90deg,var(--line-a) 0 34%,var(--line-b) 34% 100%)}
/* 4. segmentada */
.r-seg{height:3px}
.r-seg::before{left:0;top:0;width:176px;height:3px;background:linear-gradient(90deg,var(--line-a) 0 66px,transparent 66px 74px,var(--line-a) 74px 90px,transparent 90px 98px,var(--line-b) 98px 176px)}
.r-seg::after{display:none}
/* 5. vertical: barra ao lado do título */
.tt-bar{position:relative;padding-left:20px}
.tt-bar::before{content:"";position:absolute;left:0;top:.05em;bottom:.05em;width:4px;border-radius:2px;background:linear-gradient(180deg,var(--line-a) 0 56%,var(--line-b) 56% 100%)}

/* ---------- elementos de fundo das seções (linhas finas, discretas) ---------- */
.section,.cta-band{position:relative;overflow:hidden;overflow:clip}
.section>.container,.cta-band>.container{position:relative;z-index:1}
.section[class*="deco-"]::before,.cta-band::before{content:"";position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:100% 100%}
.tone-dark.deco-a::before{top:0;right:0;width:600px;height:360px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 600 360'%3E%3Cdefs%3E%3ClinearGradient id='a' gradientUnits='userSpaceOnUse' x1='600' y1='0' x2='300' y2='360'%3E%3Cstop offset='0' stop-color='%234d9bff' stop-opacity='.55'/%3E%3Cstop offset='1' stop-color='%234d9bff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' gradientUnits='userSpaceOnUse' x1='600' y1='0' x2='300' y2='360'%3E%3Cstop offset='0' stop-color='%23c8d6e6' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%23c8d6e6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M600 34 330 360' stroke='url(%23a)' stroke-width='1.6'/%3E%3Cpath d='M600 84 372 360' stroke='url(%23b)' stroke-width='1'/%3E%3Cpath d='M566 0 270 360' stroke='url(%23b)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")}
.tone-dark.deco-b::before{bottom:0;left:0;width:220px;height:320px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 220 320'%3E%3Cdefs%3E%3ClinearGradient id='v' gradientUnits='userSpaceOnUse' x1='0' y1='320' x2='0' y2='40'%3E%3Cstop offset='0' stop-color='%234d9bff' stop-opacity='.5'/%3E%3Cstop offset='1' stop-color='%234d9bff' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='w' gradientUnits='userSpaceOnUse' x1='0' y1='320' x2='0' y2='80'%3E%3Cstop offset='0' stop-color='%23c8d6e6' stop-opacity='.28'/%3E%3Cstop offset='1' stop-color='%23c8d6e6' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M44 320V60' stroke='url(%23v)' stroke-width='1.6'/%3E%3Cpath d='M66 320V150' stroke='url(%23w)' stroke-width='1'/%3E%3Cpath d='M88 320V104' stroke='url(%23w)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")}
.tone-light.deco-a::before{top:34px;left:0;width:440px;height:120px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 440 120'%3E%3Cdefs%3E%3ClinearGradient id='h' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='440' y2='0'%3E%3Cstop offset='0' stop-color='%231f6fe0' stop-opacity='.38'/%3E%3Cstop offset='1' stop-color='%231f6fe0' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='g' gradientUnits='userSpaceOnUse' x1='0' y1='0' x2='300' y2='0'%3E%3Cstop offset='0' stop-color='%236f7d8b' stop-opacity='.32'/%3E%3Cstop offset='1' stop-color='%236f7d8b' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M0 46h400' stroke='url(%23h)' stroke-width='1.6'/%3E%3Cpath d='M0 58h270' stroke='url(%23g)' stroke-width='1'/%3E%3Cpath d='M0 70h160' stroke='url(%23g)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")}
.tone-light.deco-b::before{bottom:0;right:0;width:320px;height:210px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 210'%3E%3Cdefs%3E%3ClinearGradient id='c' gradientUnits='userSpaceOnUse' x1='40' y1='0' x2='320' y2='0'%3E%3Cstop offset='0' stop-color='%231f6fe0' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%231f6fe0' stop-opacity='.4'/%3E%3C/linearGradient%3E%3ClinearGradient id='d' gradientUnits='userSpaceOnUse' x1='0' y1='20' x2='0' y2='210'%3E%3Cstop offset='0' stop-color='%236f7d8b' stop-opacity='0'/%3E%3Cstop offset='1' stop-color='%236f7d8b' stop-opacity='.34'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M40 176h240V20' stroke='url(%23c)' stroke-width='1.6'/%3E%3Cpath d='M296 50v142H120' stroke='url(%23d)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")}
.tone-light.deco-c::before{top:0;right:0;width:640px;height:90px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 640 90'%3E%3Cdefs%3E%3ClinearGradient id='k' gradientUnits='userSpaceOnUse' x1='640' y1='0' x2='120' y2='0'%3E%3Cstop offset='0' stop-color='%231f6fe0' stop-opacity='.42'/%3E%3Cstop offset='1' stop-color='%231f6fe0' stop-opacity='0'/%3E%3C/linearGradient%3E%3ClinearGradient id='m' gradientUnits='userSpaceOnUse' x1='640' y1='0' x2='300' y2='0'%3E%3Cstop offset='0' stop-color='%236f7d8b' stop-opacity='.3'/%3E%3Cstop offset='1' stop-color='%236f7d8b' stop-opacity='0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg fill='none'%3E%3Cpath d='M640 30H420l-22 22H120' stroke='url(%23k)' stroke-width='1.6'/%3E%3Cpath d='M640 44H432l-22 22H300' stroke='url(%23m)' stroke-width='1'/%3E%3C/g%3E%3C/svg%3E")}

/* ---------- topo ---------- */
.topbar{background:#050c18;color:#9fb2c6;font:600 .78rem/1 var(--ui);letter-spacing:.02em}
.topbar-inner{display:flex;justify-content:flex-end;align-items:center;gap:24px;min-height:34px}
.topbar-links{display:inline-flex;gap:20px}
.topbar a{color:#e4edf7}
.topbar a:hover{color:#fff;text-decoration:underline}
.site-header{position:sticky;top:0;z-index:60;background:rgba(8,20,38,.95);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(120,170,230,.16);transition:box-shadow .25s ease}
.site-header.scrolled{box-shadow:0 10px 28px rgba(0,8,20,.35)}
.nav{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:24px}
.brand img{width:176px;height:auto}
.nav-links{display:flex;align-items:center;gap:2px;font:700 .9rem/1 var(--ui);color:#cfdbe8}
.nav-links a{position:relative;padding:12px 13px;border-radius:8px;transition:color .2s,background .2s}
.nav-links a:hover{color:#fff;background:rgba(255,255,255,.06)}
.nav-links a[aria-current="page"]{color:#fff}
.nav-links a[aria-current="page"]::after{content:"";position:absolute;left:13px;right:13px;bottom:4px;height:2px;border-radius:2px;background:var(--blue-hi)}
.nav-links .nav-cta{margin-left:12px;padding:14px 18px;background:linear-gradient(180deg,#2b82f6,#1a64d6);color:#fff;box-shadow:0 8px 18px rgba(26,100,214,.3)}
.nav-links .nav-cta:hover{background:linear-gradient(180deg,#3a8ff9,#1f6fe0)}
.menu-button{display:none;align-items:center;gap:8px;padding:10px 14px;border:1px solid rgba(220,232,245,.3);border-radius:10px;background:rgba(255,255,255,.04);color:#fff;font:700 .85rem/1 var(--ui);cursor:pointer}

/* ---------- botões e links ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:10px;border:1px solid transparent;font:700 .95rem/1.2 var(--ui);letter-spacing:.01em;text-align:center;cursor:pointer;transition:background .2s,border-color .2s,color .2s,transform .2s,box-shadow .2s}
.btn:hover{transform:translateY(-1px)}
.btn-accent{background:linear-gradient(180deg,#2b82f6,#1a64d6);color:#fff;box-shadow:0 8px 20px rgba(26,100,214,.26),inset 0 1px 0 rgba(255,255,255,.18)}
.btn-accent:hover{background:linear-gradient(180deg,#3a8ff9,#1f6fe0);box-shadow:0 10px 24px rgba(26,100,214,.34),inset 0 1px 0 rgba(255,255,255,.2)}
.btn-ghost{background:transparent;border-color:var(--ghost-bd);color:var(--ghost-fg)}
.btn-ghost:hover{background:var(--ghost-hover);border-color:var(--line-a)}
.btn-outline{background:transparent;border-color:var(--line-a);color:var(--link)}
.btn-outline:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.btn-block{width:100%}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.text-link{display:inline-block;color:var(--link);font-weight:700;border-bottom:1px solid currentColor;padding-bottom:2px;transition:opacity .2s}
.text-link:hover{opacity:.8}

/* ---------- capa da página inicial ---------- */
.hero{position:relative;display:flex;align-items:center;min-height:clamp(520px,calc(100svh - 112px),760px);overflow:hidden;background:#081629}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;object-position:62% 50%}
.hero::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(6,14,28,.9) 0%,rgba(6,14,28,.72) 36%,rgba(6,14,28,.22) 68%,rgba(6,14,28,.06) 100%),linear-gradient(0deg,rgba(6,14,28,.6) 0%,rgba(6,14,28,0) 32%)}
.hero-content{position:relative;z-index:2;padding:72px 0 84px}
.tt-hero{font-size:clamp(3.1rem,1.6rem + 6vw,6.8rem);line-height:.98;row-gap:.02em}
.tt-sub{display:flex;align-items:center;gap:14px;margin-top:.35em;font:400 clamp(1rem,.75rem + .9vw,1.55rem)/1.2 var(--head);letter-spacing:.12em;color:#e9eef4;text-shadow:0 0 10px rgba(61,149,255,.45)}
.tt-sub b{color:#7cbcff;font-weight:400}
.kline{flex:0 0 auto;width:clamp(80px,11vw,190px);height:14px;fill:none;stroke:var(--blue-hi);stroke-width:2.2;vector-effect:non-scaling-stroke}
.hero-text{max-width:560px;margin:26px 0 0;font-size:1.08rem;color:#d6e0ea}

/* ---------- barra de serviços ---------- */
.service-bar{background:#07111f;border-top:1px solid rgba(90,150,230,.24);border-bottom:1px solid rgba(90,150,230,.12)}
.service-bar .container{display:grid;grid-template-columns:repeat(4,minmax(0,1fr))}
.service-point{display:grid;align-content:start;gap:7px;padding:26px 26px 26px 0}
.service-point+.service-point{padding-left:26px;border-left:1px solid rgba(160,195,235,.13)}
.service-point strong{font:400 1.02rem/1.3 var(--head);letter-spacing:.06em;text-transform:uppercase;color:#fff}
.service-point span{font-size:.9rem;line-height:1.45;color:#9fb2c6}

/* ---------- seções ---------- */
.section{padding:clamp(64px,7.5vw,108px) 0}
.section-head{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:28px 64px;align-items:end;margin-bottom:clamp(32px,4vw,52px)}
.section-head p{margin:0;max-width:520px}
.section-head-side{display:grid;gap:20px;justify-items:start}
.copy>.tt-rule,.about-copy>.tt-rule,.area-grid .tt-rule{margin-bottom:24px}
.copy>.tt-bar,.about-copy>.tt-bar,.area-grid .tt-bar,.faq-col>.tt-bar,.review-col>.tt-bar,.pb-panel>.tt-bar{margin-bottom:24px}
.faq-col>.tt-rule,.review-col>.tt-rule{margin-bottom:24px}
.copy>p,.about-copy>p{max-width:560px}
.center-link{display:flex;justify-content:center;margin-top:40px}

/* ---------- quem somos (início) ---------- */
.about-home{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,88px);align-items:center}
.about-points,.fact-list{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:12px;max-width:560px}
.about-points li,.fact-list li{display:grid;gap:3px;padding:15px 20px;background:var(--card);border:1px solid var(--card-bd);border-left:3px solid var(--line-a);border-radius:10px;box-shadow:var(--card-sh)}
.about-points strong,.fact-list strong{font:700 .98rem/1.35 var(--ui);color:var(--fg)}
.about-points span,.fact-list span{font-size:.93rem;line-height:1.5;color:var(--muted)}

/* ---------- produtos (início) ---------- */

/* ---------- área de atendimento + orçamento ---------- */
.area-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,5vw,72px);align-items:start}
.area-grid>div>p{max-width:520px}
.city-chips{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:10px}
.city-chips li{padding:9px 16px;border-radius:999px;background:var(--chip);border:1px solid var(--chip-bd);color:var(--chip-fg);font:700 .88rem/1.1 var(--ui)}
.city-chips li:first-child{background:var(--blue);border-color:var(--blue);color:#fff}
.hours-pill{display:inline-block;margin:22px 0 0;padding:12px 18px;border-radius:10px;background:var(--card);border:1px solid var(--card-bd);color:var(--fg);font:700 .92rem/1.4 var(--ui);box-shadow:var(--card-sh)}
.quote-card{position:relative;padding:clamp(24px,3vw,36px);border-radius:16px;background:linear-gradient(170deg,#11294d 0%,#0b1a31 100%);border:1px solid rgba(120,170,235,.22);box-shadow:0 30px 60px rgba(8,22,45,.26);overflow:hidden}
.quote-card::before{content:"";position:absolute;left:0;top:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue-hi),rgba(61,149,255,0) 75%)}
.quote-card>p{margin:12px 0 22px;color:var(--txt)}
.quote-form{display:grid;gap:16px}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.quote-form label,.review-form label,.field-label{display:grid;gap:7px;font:700 .85rem/1.2 var(--ui);color:var(--fg)}
input,select,textarea{width:100%;min-height:48px;padding:12px 14px;border-radius:10px;border:1px solid var(--field-bd);background:var(--field);color:var(--field-fg);font:400 .95rem/1.4 var(--ui);transition:border-color .2s,box-shadow .2s}
select{appearance:none;-webkit-appearance:none;padding-right:38px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%237cbcff' stroke-width='1.8'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;background-size:12px 8px}
select option{color:#111a25;background:#fff}
textarea{min-height:96px;resize:vertical}
::placeholder{color:var(--ph);opacity:1}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--blue-hi);box-shadow:0 0 0 3px rgba(61,149,255,.25)}
fieldset{border:0;padding:0;margin:0;min-width:0}
legend{padding:0;margin:0 0 10px;font:700 .85rem/1.2 var(--ui);color:var(--fg)}
.chip-group{display:flex;flex-wrap:wrap;gap:8px}
.chip-check{position:relative;cursor:pointer}
.chip-check input{position:absolute;opacity:0;width:1px;height:1px;min-height:0;padding:0}
.chip-check span{display:inline-flex;padding:8px 13px;border-radius:999px;border:1px solid var(--chip-bd);background:var(--chip);color:var(--chip-fg);font:700 .82rem/1.1 var(--ui);transition:background .2s,border-color .2s,color .2s}
.chip-check:hover span{border-color:var(--blue-hi)}
.chip-check input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}
.chip-check input:focus-visible+span{outline:2px solid #7cbcff;outline-offset:2px}
.quote-hint{margin:0;padding:12px 14px;border-radius:10px;background:rgba(255,255,255,.04);border:1px dashed rgba(170,200,235,.3);font-size:.86rem;line-height:1.5;color:var(--muted)}
.quote-status,.review-status{margin:0;min-height:1.2em;font:700 .88rem/1.3 var(--ui)}
.quote-status:empty,.review-status:empty{min-height:0}
.quote-status.error,.review-status.error{color:#ff9f9f}
.review-status.success{color:#86e3b0}

/* ---------- faixa "aço de marca" ---------- */
.photo-band{position:relative;display:flex;align-items:center;min-height:clamp(440px,38vw,580px);overflow:hidden;background:#060f1d}
.pb-art{position:absolute;inset:0}
.pb-art img{width:100%;height:100%;object-fit:cover;object-position:72% 50%}
.photo-band::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(5,12,24,.92) 0%,rgba(5,12,24,.74) 34%,rgba(5,12,24,.12) 60%,rgba(5,12,24,0) 100%)}
.photo-band::after{content:"";position:absolute;z-index:1;top:-10%;bottom:-10%;left:calc(50% - 20px);width:2px;background:linear-gradient(180deg,rgba(61,149,255,0),rgba(61,149,255,.85) 35%,rgba(61,149,255,.85) 65%,rgba(61,149,255,0));transform:skewX(-16deg)}
.pb-inner{position:relative;z-index:2;padding:72px 0}
.pb-panel{max-width:500px}
.pb-panel>p{margin:0;color:#d3dde8}
.pb-panel>.tt-rule{margin-bottom:22px}
.brand-list{list-style:none;padding:0;margin:22px 0 28px;display:flex;flex-wrap:wrap;gap:10px}
.brand-list li{padding:11px 18px;border:1px solid rgba(200,215,232,.34);border-radius:8px;background:rgba(8,20,38,.5);font:400 1rem/1 var(--head);letter-spacing:.08em;text-transform:uppercase;color:#e8eef5}

/* ---------- avaliações ---------- */
.review-row{display:grid;grid-auto-flow:column;grid-auto-columns:calc((100% - 44px)/3);gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 20px;outline:none}
.review-row::-webkit-scrollbar{display:none}
.review{scroll-snap-align:start;display:flex;flex-direction:column;gap:14px;padding:26px;background:var(--card);border:1px solid var(--card-bd);border-radius:14px;box-shadow:var(--card-sh)}
.review-top{display:flex;align-items:center;gap:12px}
.review-avatar{width:46px;height:46px;flex:0 0 auto;border-radius:50%;object-fit:cover;display:grid;place-items:center;background:linear-gradient(160deg,#2b82f6,#1558bf);color:#fff;font:800 1.05rem/1 var(--ui)}
.review-person{display:grid;gap:2px}
.review-person strong{color:var(--fg);font-size:1rem;line-height:1.3}
.review-person span{font-size:.8rem;color:var(--muted)}
.review-stars{color:var(--line-a);letter-spacing:3px;font-size:1rem;line-height:1}
.review blockquote{margin:0;color:var(--txt);font-size:.98rem;line-height:1.6}
.carousel-controls{display:flex;gap:10px}
.round-btn{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:1px solid var(--chip-bd);background:var(--card);color:var(--fg);cursor:pointer;transition:background .2s,border-color .2s,color .2s}
.round-btn:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.reviews-meta{margin:8px 0 0;font-size:.9rem;color:var(--muted)}
.reviews-meta a{color:var(--link);font-weight:700;text-decoration:underline}

/* ---------- chamada final ---------- */
.cta-band{padding:clamp(56px,6vw,84px) 0}
.cta-band.tone-dark{background:linear-gradient(115deg,#10294d 0%,#0b1c35 58%,#091629 100%)}
.cta-band.tone-light{border-top:1px solid #d8dfe7}
.cta-band.tone-dark::before{top:0;right:0;width:520px;height:100%;background-size:auto 100%;background-position:right top;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 520 300' preserveAspectRatio='xMaxYMin slice'%3E%3Cg fill='none'%3E%3Cpath d='M520 0 330 300' stroke='%234d9bff' stroke-opacity='.4' stroke-width='1.6'/%3E%3Cpath d='M470 0 280 300' stroke='%23c8d6e6' stroke-opacity='.16'/%3E%3Cpath d='M520 90 462 300' stroke='%23c8d6e6' stroke-opacity='.14'/%3E%3C/g%3E%3C/svg%3E")}
.cta-band.tone-light::before{top:0;left:0;width:260px;height:100%;background-size:auto 100%;background-position:left top;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 260 300' preserveAspectRatio='xMinYMin slice'%3E%3Cg fill='none'%3E%3Cpath d='M26 0v300' stroke='%231f6fe0' stroke-opacity='.3' stroke-width='1.6'/%3E%3Cpath d='M44 60v240' stroke='%236f7d8b' stroke-opacity='.22'/%3E%3C/g%3E%3C/svg%3E")}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}
.cta-copy p{margin:18px 0 0;max-width:560px}
.cta-copy>.tt-rule{margin-bottom:18px}
.cta-copy>.tt-rule+p{margin-top:0}
.cta-band .btn{flex:0 0 auto}

/* ---------- capa das páginas internas ---------- */
.page-hero{position:relative;overflow:hidden;background:#081629;border-bottom:1px solid rgba(90,150,230,.24)}
.ph-art{position:absolute;inset:0}
.ph-art img{width:100%;height:100%;object-fit:cover;object-position:right center}
.ph-inner{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;min-height:clamp(380px,31vw,500px);padding:44px 0 52px}
.ph-inner>*{max-width:540px}
.crumbs{display:flex;align-items:center;gap:10px;margin-bottom:22px;font:700 .82rem/1 var(--ui);color:#9fb2c6}
.crumbs a{color:#dce6f0}
.crumbs a:hover{text-decoration:underline}
.page-hero .tt{font-size:clamp(2.3rem,1.5rem + 3vw,4rem)}
.page-hero .tt-rule{margin-top:18px}
.page-hero-text{margin:20px 0 0;font-size:1.05rem;color:#cfd9e4}

/* ---------- produtos ---------- */
.chip-nav{position:sticky;top:var(--header-h);z-index:40;background:rgba(242,244,247,.96);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #d8dfe7;box-shadow:0 6px 18px rgba(16,32,56,.06)}
.chip-scroll{display:flex;align-items:center;gap:8px;overflow-x:auto;padding:12px 0;scrollbar-width:none}
.chip-scroll::-webkit-scrollbar{display:none}
.chip-scroll a{flex:0 0 auto;padding:9px 15px;border-radius:999px;border:1px solid #cdd5de;background:#fff;color:#25323e;font:700 .84rem/1 var(--ui);white-space:nowrap;transition:background .2s,border-color .2s,color .2s}
.chip-scroll a:hover{border-color:var(--blue);color:#1558bf}
.chip-scroll a.active{background:var(--blue);border-color:var(--blue);color:#fff}
.chip-sep{flex:0 0 1px;align-self:stretch;margin:4px 6px;background:#cdd5de}

.product-photo{position:relative;min-height:380px;background:#0b1628;overflow:hidden}
.product-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:opacity .25s ease}
.thumbs{position:absolute;left:14px;bottom:14px;z-index:2;display:flex;gap:8px}
.thumb{width:58px;height:58px;padding:0;border-radius:8px;overflow:hidden;border:2px solid rgba(255,255,255,.75);background:#0b1628;cursor:pointer;opacity:.82;box-shadow:0 6px 14px rgba(0,0,0,.3);transition:opacity .2s,border-color .2s}
.thumb img{width:100%;height:100%;object-fit:cover}
.thumb.active,.thumb:hover{opacity:1;border-color:var(--blue-hi)}

/* ---------- quem somos / acompanhamento ---------- */
.content-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:clamp(44px,6vw,96px);align-items:center}
.content-split.reverse{grid-template-columns:minmax(0,.9fr) minmax(0,1fr)}
.copy .text-link{margin-top:6px}
.photo-frame{position:relative;margin:0;isolation:isolate;max-width:460px;width:100%;justify-self:center}
.photo-frame>img,.photo-frame>video{position:relative;z-index:1;display:block;width:100%;aspect-ratio:4/5;object-fit:cover;border-radius:14px;box-shadow:0 26px 54px rgba(12,30,60,.22)}
.frame-a{padding:0 22px 22px 0}
.frame-a::before{content:"";position:absolute;z-index:0;left:30px;top:30px;right:0;bottom:0;border-radius:14px;background:linear-gradient(160deg,#12305a,#0a1a31);box-shadow:0 0 50px rgba(61,149,255,.35)}
.frame-a::after{content:"";position:absolute;z-index:0;right:-18px;top:14%;width:2px;height:36%;background:linear-gradient(180deg,var(--blue),rgba(31,111,224,0))}
.frame-b{padding:18px 0 0 18px}
.frame-b::before{content:"";position:absolute;z-index:2;left:0;top:0;width:92px;height:92px;border-left:3px solid var(--blue);border-top:3px solid var(--blue);border-top-left-radius:6px}
.frame-b::after{content:"";position:absolute;z-index:0;right:-18px;bottom:-18px;width:58%;height:52%;border-right:1px solid #95a3b1;border-bottom:1px solid #95a3b1;border-bottom-right-radius:6px}
.brands{padding:30px 0;border-bottom:1px solid rgba(90,150,230,.14)}
.brands-inner{display:flex;align-items:center;justify-content:space-between;gap:18px 28px;flex-wrap:wrap}
.brands-inner p{margin:0;font-size:1.02rem}
.brands-inner strong{color:#fff}
.brands .brand-list{margin:0}
.process-video{position:relative;display:flex;justify-content:center}
.video-frame{position:relative;z-index:1;width:min(100%,340px);border-radius:18px;overflow:hidden;background:#081629;border:1px solid #cfd7e0;box-shadow:0 30px 60px rgba(12,30,60,.26)}
.video-frame video{width:100%;aspect-ratio:9/16;object-fit:cover;background:#081629}
.process-video::before{content:"";position:absolute;z-index:0;left:calc(50% - 230px);top:12%;bottom:12%;width:2px;background:linear-gradient(180deg,rgba(31,111,224,0),var(--blue) 40%,rgba(31,111,224,0))}
.process-video::after{content:"";position:absolute;z-index:0;left:calc(50% - 212px);top:24%;bottom:24%;width:1px;background:linear-gradient(180deg,rgba(111,125,139,0),#8f9dab 50%,rgba(111,125,139,0))}
.steps{position:relative;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.steps::before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--blue-hi),rgba(61,149,255,.12))}
.step{position:relative;margin-top:26px;padding:26px 22px 24px;background:var(--card);border:1px solid var(--card-bd);border-radius:12px}
.step::before{content:"";position:absolute;left:22px;top:-33px;width:12px;height:12px;border-radius:50%;background:#0b1a30;border:2px solid var(--blue-hi)}
.step strong{display:block;font:400 1.08rem/1.35 var(--head);letter-spacing:.04em;text-transform:uppercase;color:#fff}
.step p{margin:10px 0 0;font-size:.93rem;line-height:1.55}
.gallery-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(36px,5vw,72px);max-width:1000px}
.gallery-pair .photo-frame>video,.gallery-pair .photo-frame>img{aspect-ratio:3/4}

/* ---------- contato ---------- */
.contact-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);gap:clamp(28px,4vw,56px);align-items:start}

.contact-block{margin-top:16px;padding:24px;background:var(--card);border:1px solid var(--card-bd);border-radius:12px;box-shadow:var(--card-sh)}
.contact-block h3{margin:0 0 10px;font:400 1.2rem/1.2 var(--head);letter-spacing:.05em;text-transform:uppercase;color:var(--fg)}
.contact-block p{margin:0}
.map-wrap{margin:16px 0;aspect-ratio:16/9;border-radius:10px;overflow:hidden;border:1px solid var(--card-bd);background:#dde3ea}
.map-wrap iframe{width:100%;height:100%;border:0}
.contact-block .city-chips{margin-top:14px}
.contact-side{position:sticky;top:calc(var(--header-h) + 24px)}
.faq-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,5vw,72px);align-items:start}
.faq{display:grid;gap:10px}
.faq details{background:var(--card);border:1px solid var(--card-bd);border-radius:12px;overflow:hidden;transition:border-color .2s}
.faq details[open]{border-color:rgba(61,149,255,.5)}
.faq summary{position:relative;list-style:none;cursor:pointer;padding:18px 54px 18px 20px;font:700 1rem/1.4 var(--ui);color:var(--fg)}
.faq summary::-webkit-details-marker{display:none}
.faq summary::before,.faq summary::after{content:"";position:absolute;right:20px;top:50%;width:14px;height:2px;margin-top:-1px;background:var(--blue-hi);transition:transform .25s ease}
.faq summary::after{transform:rotate(90deg)}
.faq details[open] summary::after{transform:rotate(0)}
.faq details p{margin:0;padding:0 20px 20px}
.review-col>p{margin:0 0 22px}
.review-form{display:grid;gap:16px;padding:26px;background:var(--card);border:1px solid var(--card-bd);border-radius:14px}
.rating{display:flex;gap:6px;margin-top:8px}
.rating button{width:44px;height:44px;border:1px solid var(--chip-bd);border-radius:10px;background:var(--chip);color:rgba(255,255,255,.35);font-size:1.25rem;line-height:1;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.rating button:hover{color:#fff}
.rating button.active{background:var(--blue);border-color:var(--blue);color:#fff}
.review-form .btn{justify-self:start}
.honeypot{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}

/* ---------- rodapé ---------- */
.site-footer{background:#050c17;color:#9fb2c6;padding:64px 0 28px;border-top:1px solid rgba(90,150,230,.2);font-size:.92rem}
.footer-top{display:grid;grid-template-columns:1.3fr .9fr 1.1fr 1fr;gap:40px}
.footer-brand img{width:170px;height:auto;margin-bottom:16px}
.footer-brand p{max-width:300px;margin:0}
.footer-social{display:flex;gap:10px;margin-top:20px}
.footer-social a{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;border:1px solid rgba(160,195,235,.24);color:#dce6f0;transition:background .2s,border-color .2s}
.footer-social a:hover{background:var(--blue);border-color:var(--blue);color:#fff}
.footer-col{display:grid;align-content:start;gap:10px}
.footer-col strong{margin-bottom:4px;font:400 .98rem/1.2 var(--head);letter-spacing:.08em;text-transform:uppercase;color:#fff}
.footer-col strong.mt{margin-top:12px}
.footer-col a{color:#c7d4e2}
.footer-col a:hover{color:#fff}
.footer-col p{margin:0}
.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;margin-top:44px;padding-top:22px;border-top:1px solid rgba(160,195,235,.12);font-size:.82rem;color:#7f93a8}

/* ---------- botões flutuantes ---------- */
.fab-stack{position:fixed;right:18px;bottom:18px;z-index:70;display:grid;justify-items:end;gap:10px}
.fab{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:52px;border-radius:999px;color:#fff;box-shadow:0 12px 28px rgba(0,10,30,.35);transition:transform .2s}
.fab:hover{transform:translateY(-2px)}
.fab .ico{width:24px;height:24px}
.fab-ig{width:52px;background:linear-gradient(160deg,#16305a,#0b1a31);border:1px solid rgba(160,195,235,.3)}
.fab-wa{padding:0 20px 0 16px;background:linear-gradient(180deg,#2b82f6,#1a64d6);font:700 .95rem/1 var(--ui)}

/* ---------- animação de entrada ---------- */
/* Só opacidade e transform (rodam na GPU). O atraso vem do JS, em lote:
   o que aparece junto entra em sequência; o que aparece sozinho entra na hora.
   Depois da entrada o item ganha .done e volta às próprias transições de hover. */
.js .reveal:not(.done),.js .stagger>.tile:not(.done),.js [data-reveal-group]>:not(.done){
  opacity:0;transform:translate3d(0,28px,0);
  transition:opacity 1s cubic-bezier(.25,.6,.3,1),transform 1.25s cubic-bezier(.16,1,.3,1);
  transition-delay:var(--d,0ms)}
.js .reveal.in:not(.done),.js .stagger>.tile.in:not(.done),.js [data-reveal-group]>.in:not(.done){opacity:1;transform:none}
/* se o site.js não carregar, nada fica escondido */
.no-reveal .reveal,.no-reveal .stagger>.tile,.no-reveal [data-reveal-group]>*{opacity:1!important;transform:none!important}

/* ---------- telas grandes ---------- */
@media (min-width:1700px){
  :root{--max:1320px}
  body{font-size:18px}
}

/* ---------- notebook / tablet ---------- */
@media (max-width:1180px){
  .page-hero{display:flex;flex-direction:column}
  .ph-art{position:relative;order:2;aspect-ratio:3/1}
  .ph-art img{object-position:center}
  .ph-inner{min-height:0;padding:40px 0 34px}
  .ph-inner>*{max-width:640px}
  
  .nav-links a{padding:12px 10px}
}
@media (max-width:980px){
  .site-header .nav{position:static}
  .menu-button{display:inline-flex}
  .nav-links{position:absolute;left:0;right:0;top:100%;display:none;flex-direction:column;align-items:stretch;gap:2px;padding:10px 20px 20px;background:#081426;border-bottom:1px solid rgba(120,170,230,.2);box-shadow:0 20px 40px rgba(0,0,0,.35)}
  .nav-links.open{display:flex}
  .nav-links a{padding:15px 12px}
  .nav-links a[aria-current="page"]::after{left:12px;right:auto;width:28px;bottom:7px}
  .nav-links .nav-cta{margin:10px 0 0;justify-content:center;text-align:center}
  .about-home,.area-grid,.content-split,.content-split.reverse,.contact-grid,.faq-grid{grid-template-columns:minmax(0,1fr)}
  .section-head{grid-template-columns:minmax(0,1fr);gap:20px}
  
  .service-bar .container{grid-template-columns:repeat(2,minmax(0,1fr))}
  .service-point,.service-point+.service-point{padding:22px 18px;border-left:0}
  .service-point:nth-child(even){border-left:1px solid rgba(160,195,235,.13)}
  .service-point:nth-child(n+3){border-top:1px solid rgba(160,195,235,.13)}
  
  
  .product-photo{min-height:0;aspect-ratio:4/3}
  
  .contact-side{position:static}
  .steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .photo-band{display:block;min-height:0;background:#081629}
  .pb-art{position:relative;aspect-ratio:16/9}
  .pb-art img{object-position:70% 50%}
  .photo-band::before,.photo-band::after{display:none}
  .pb-inner{padding:40px 0 52px}
  .pb-panel{max-width:620px}
  .footer-top{grid-template-columns:repeat(2,minmax(0,1fr))}
  .cta-inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:700px){
  body{font-size:16px}
  .container{width:min(calc(100% - 32px),var(--max))}
  .topbar-hide{display:none}
  .topbar-inner{justify-content:space-between}
  :root{--header-h:70px}
  .brand img{width:150px}
  .section{padding:56px 0}
  .hero{min-height:0}
  .hero-content{padding:56px 0 64px}
  .hero::before{background:linear-gradient(90deg,rgba(6,14,28,.9) 0%,rgba(6,14,28,.7) 60%,rgba(6,14,28,.45) 100%),linear-gradient(0deg,rgba(6,14,28,.7) 0%,rgba(6,14,28,0) 40%)}
  .hero-media img{object-position:68% 50%}
  .actions .btn{flex:1 1 auto}
  .service-bar .container{grid-template-columns:minmax(0,1fr)}
  .service-point:nth-child(even){border-left:0}
  .service-point+.service-point{border-top:1px solid rgba(160,195,235,.13)}
  .service-point,.service-point+.service-point{padding:18px 0}
  .ph-art{aspect-ratio:1500/800}
  .ph-inner{padding:32px 0 28px}
  
  
  
  
  
  
  .form-grid{grid-template-columns:minmax(0,1fr)}
  .review-row{grid-auto-columns:86%}
  
  
  
  
  .steps{grid-template-columns:minmax(0,1fr);gap:14px;padding-left:28px}
  .steps::before{left:6px;right:auto;top:8px;bottom:8px;width:2px;height:auto;background:linear-gradient(180deg,var(--blue-hi),rgba(61,149,255,.15))}
  .step{margin-top:0}
  .step::before{left:-28px;top:26px}
  .gallery-pair{grid-template-columns:minmax(0,1fr);max-width:440px;margin-inline:auto}
  
  .footer-top{grid-template-columns:minmax(0,1fr);gap:30px}
  .fab-wa span{display:none}
  .fab-wa{width:54px;padding:0}
  .frame-a{padding:0 14px 14px 0}
  .frame-a::before{left:22px;top:22px}
  .frame-a::after{display:none}
  .frame-b{padding:12px 0 0 12px}
  .frame-b::before{width:70px;height:70px}
  .frame-b::after{right:-8px;bottom:-8px}
  .process-video::before,.process-video::after{display:none}
  .video-frame{width:min(100%,290px)}
  .tone-dark.deco-a::before{width:260px;height:156px}
  .tone-light.deco-a::before{width:300px;height:82px;top:18px}
  .tone-light.deco-c::before{width:400px;height:56px}
  .tone-light.deco-b::before,.tone-dark.deco-b::before,.cta-band.tone-light::before{display:none}
  .cta-band.tone-dark::before{width:300px;opacity:.7}
  .brand-list li{padding:10px 14px;font-size:.92rem}
}

/* Com "efeitos de animação" desligados no Windows/macOS o site continua animado,
   só que mais suave: a entrada vira um esmaecer com deslocamento curto. */
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .js .reveal:not(.done),.js .stagger>.tile:not(.done),.js [data-reveal-group]>:not(.done){
    transform:translate3d(0,10px,0);transition:opacity .9s ease-out,transform .9s ease-out;transition-delay:var(--d,0ms)}
}

/* títulos nas partes claras: degradê metálico em dois tons de azul */
.tone-light .tt .tb .f{color:transparent;-webkit-text-fill-color:transparent;-webkit-text-stroke:0;filter:none;text-shadow:none;background-image:linear-gradient(180deg,#5aa9ff 0%,#1a6ae0 55%,#0b4aa8 100%);-webkit-background-clip:text;background-clip:text}
.tone-light .tt .ts .f{color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;background-image:linear-gradient(180deg,#9cc9ff 0%,#5a9ae6 55%,#3a77c4 100%);-webkit-background-clip:text;background-clip:text}
.tone-light .tt{filter:drop-shadow(0 2px 6px rgba(26,106,224,.18))}
.tone-light .tt-sm .f{background-image:none;-webkit-text-fill-color:currentColor;color:#1a6ae0}
.tone-light .tt-sm{filter:none}
/* cartões claros com faixa azul acesa no topo */
.tone-light .contact-block,.tone-light .review,.tone-light .hours-pill{position:relative}
.tone-light .contact-block::before{content:"";position:absolute;left:16px;right:16px;top:-1px;height:2px;border-radius:2px;background:linear-gradient(90deg,rgba(61,149,255,0),#3d95ff 30%,#9fd0ff 50%,#3d95ff 70%,rgba(61,149,255,0));box-shadow:0 0 10px rgba(61,149,255,.6)}

.tone-light .quote-card .tt-sm .f{color:#7cbcff}

.tone-light .about-points li,.tone-light .fact-list li{background:linear-gradient(135deg,#fff 60%,#f1f6fd)}

/* =========================================================
   Rodada 29/09 19h: site todo em azul, títulos em uma linha,
   sem linhas decorativas
   ========================================================= */
.section.tone-alt,.cta-band.tone-alt{background:radial-gradient(900px 460px at 100% 0%,rgba(96,170,255,.20),rgba(96,170,255,0) 62%),radial-gradient(700px 380px at 0% 100%,rgba(61,149,255,.12),rgba(61,149,255,0) 60%),linear-gradient(180deg,#133b72 0%,#0e2f5c 100%);border-top:1px solid rgba(120,175,240,.22)}
.section.reviews-blue{background:radial-gradient(800px 420px at 85% 0%,rgba(120,185,255,.22),rgba(120,185,255,0) 65%),linear-gradient(135deg,#0a2146 0%,#17498f 55%,#0b2550 100%)}
.section[class*="deco-"]::before,.cta-band::before,.section::after,.cta-band::after,.frame-a::after,.process-video::before,.process-video::after,.photo-band::after,.quote-card::before{display:none!important}
.tt-rule{display:none!important}
/* títulos: uma linha só quando cabe, maiores */
.tt{display:block;font-size:clamp(2.3rem,1.45rem + 3vw,3.9rem);line-height:1.02;text-wrap:balance}
.tt .tl,.tt .tl>span{display:inline}
.tt-hero .tl{display:block}
.page-hero .tt{font-size:clamp(2.7rem,1.6rem + 3.8vw,4.6rem)}
.tt-sm{display:block;font-size:clamp(1.5rem,1.25rem + .8vw,2rem)}
.section-head{align-items:center}
.section-head>div>.tt,.copy>.tt,.about-copy>.tt,.area-grid .tt,.faq-col>.tt,.review-col>.tt,.pb-panel>.tt{margin-bottom:22px}
.section-head>div>.tt{margin-bottom:0}
.cta-copy>.tt{margin-bottom:14px}
/* molduras visíveis no azul */
.frame-a::before{background:linear-gradient(160deg,#2b6fd0,#123a70)!important;box-shadow:0 0 50px rgba(61,149,255,.35)}
.frame-b::before{border-color:#5aa9ff}
.frame-b::after{border-color:rgba(160,195,235,.45)}

.video-frame{border-color:rgba(160,195,235,.3)}
/* legenda da foto da equipe */

/* barra de produtos no azul */
.chip-nav{background:rgba(8,20,38,.95);border-bottom-color:rgba(120,170,230,.2);box-shadow:0 6px 18px rgba(0,0,0,.25)}
.chip-scroll a{background:rgba(255,255,255,.06);border-color:rgba(170,200,235,.26);color:#dbe6f1}
.chip-scroll a:hover{border-color:#3d95ff;color:#fff}
.chip-sep{background:rgba(170,200,235,.3)}
@media (max-width:700px){
  .tt{font-size:clamp(2.1rem,1.3rem + 4vw,2.8rem)}
  .page-hero .tt{font-size:clamp(2.5rem,1.6rem + 5vw,3.2rem)}
  
  
  
}
.tt.tt-hero{font-size:clamp(3.1rem,1.6rem + 6vw,6.8rem);line-height:.98}

/* =========================================================
   Fundo único: azul com luz no centro (base na imagem enviada),
   fixo atrás de todo o site, mesmo tom em todas as seções
   ========================================================= */
body{background:#01102f}
body::before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 75% 70% at 50% 50%,#0a4792 0%,#06306a 42%,#031d4a 70%,#01102f 100%)}
.section.tone-dark,.section.tone-alt,.section.reviews-blue,.cta-band.tone-dark,.cta-band.tone-alt{background:transparent!important;border-top:0!important}
.service-bar{background:rgba(1,16,47,.55);border-color:rgba(120,175,240,.16)}
.brands{background:rgba(1,16,47,.35)}
.site-footer{background:rgba(1,12,36,.92)}
/* faixa "aço de marca" com a foto enquadrada */
.band-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(40px,6vw,88px);align-items:center}
.band-sec .pb-panel{max-width:none}
.band-sec .pb-panel>p{color:var(--txt)}
.photo-frame.band-photo{max-width:600px}
.band-photo picture{position:relative;z-index:1;display:block}
.band-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:65% 50%;border-radius:14px;box-shadow:0 26px 54px rgba(0,10,30,.4),0 0 0 1px rgba(160,195,235,.2)}
@media (max-width:980px){.band-grid{grid-template-columns:minmax(0,1fr)}}

/* =========================================================
   Títulos em Archivo Expanded Black; demais textos em Arial
   ========================================================= */
:root{--head:"Archivo","Arial Black",Arial,sans-serif}
.tt{font-family:var(--head);font-weight:900;font-stretch:125%;letter-spacing:0;line-height:1.08;font-size:clamp(1.7rem,1.1rem + 2.2vw,2.8rem)}
.tt.tt-hero{font-size:clamp(2.3rem,1.2rem + 4.4vw,4.9rem);line-height:1.02}
.page-hero .tt{font-size:clamp(1.9rem,1.2rem + 2.8vw,3.4rem)}
.tt-sm{font-size:clamp(1.12rem,.98rem + .5vw,1.42rem);line-height:1.15}

.tt-sub{font-family:var(--head);font-weight:800;font-stretch:125%;font-size:clamp(.7rem,.52rem + .62vw,1.05rem);letter-spacing:.1em}
.tt-sub b{font-weight:800}
.service-point strong,.step strong,.brand-list li,.footer-col strong,.contact-block h3{font-family:var(--ui)!important;font-weight:700!important;font-stretch:normal;letter-spacing:.06em}
.service-point strong{font-size:.86rem}

.step strong{font-size:.95rem;line-height:1.35}
.brand-list li{font-size:.85rem}
.footer-col strong{font-size:.8rem}
.contact-block h3{font-size:.95rem}

@media (max-width:700px){
  .tt{font-size:clamp(1.35rem,.85rem + 2.9vw,1.8rem)}
  .page-hero .tt{font-size:clamp(1.2rem,6.2vw,2rem)}
  .tt.tt-hero{font-size:clamp(1.9rem,1rem + 5vw,2.6rem)}
  
  .brand-list li{font-size:.8rem}
  
}

/* ===== Rodada 19h40: espaçamento, cards de produtos, faixa de marcas ===== */
.section{padding:clamp(48px,5.2vw,76px) 0}
.cta-band{padding:clamp(44px,4.6vw,64px) 0}
.section-head{margin-bottom:clamp(26px,3vw,40px)}
.hero+.section{padding-top:clamp(56px,6vw,84px)}
@media (max-width:700px){.section{padding:44px 0}.cta-band{padding:40px 0}}
/* cards de produtos */

/* faixa aço de marca: foto real enquadrada */
.band-photo{margin:0;justify-self:center;width:100%;max-width:580px}
.band-photo img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:16px;border:1px solid rgba(140,190,245,.28);box-shadow:0 24px 50px rgba(0,8,26,.45),0 0 34px rgba(61,149,255,.22)}

/* ===== Rodada 20h ===== */
/* destaques da página inicial (diferentes do Quem somos) */
.about-feats{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.about-feats li{display:grid;align-content:start;gap:6px;padding:18px 16px 18px;border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.03));border:1px solid rgba(150,195,245,.22);border-top:3px solid #3d95ff;box-shadow:0 12px 26px rgba(0,8,26,.25)}
.about-feats strong{font:700 .98rem/1.25 var(--ui);color:#fff}
.about-feats span{font-size:.86rem;line-height:1.45;color:#b4c8de}
@media (max-width:1100px) and (min-width:981px){.about-feats{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.about-feats{grid-template-columns:minmax(0,1fr);gap:10px}.about-feats li{grid-template-columns:auto;padding:14px 16px}}

/* foto "Na obra com você": legenda integrada na base da foto */

/* cards de produtos claros com texto azul */

/* título do orçamento em branco com LED */
.quote-card .tt-sm .f,.tone-light .quote-card .tt-sm .f{color:#fff!important;-webkit-text-fill-color:#fff!important;background:none!important;text-shadow:0 0 2px #fff,0 0 8px rgba(120,185,255,.85),0 0 20px rgba(61,149,255,.6)}

/* transições suaves: capa e topo das páginas se dissolvem no fundo azul */
.hero,.page-hero{background:transparent!important;border-bottom:0!important}
.hero-media,.ph-art{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}
.hero::before{background:linear-gradient(90deg,rgba(2,14,38,.9) 0%,rgba(2,14,38,.7) 36%,rgba(2,14,38,.2) 68%,rgba(2,14,38,.05) 100%)!important}
.page-hero::before{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,rgba(2,14,38,.55) 0%,rgba(2,14,38,0) 50%);pointer-events:none}
.site-footer{background:linear-gradient(180deg,rgba(1,12,36,0) 0%,rgba(1,12,36,.85) 90px,rgba(1,10,30,.96) 100%)!important;border-top:0!important;padding-top:110px}
.chip-nav{background:rgba(3,22,56,.9)!important}
@media (max-width:700px){.hero::before{background:linear-gradient(90deg,rgba(2,14,38,.88),rgba(2,14,38,.6))!important}}
.hero::before{-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%);mask-image:linear-gradient(180deg,#000 0%,#000 72%,transparent 100%)}

/* ===== Proposta 1: azul em tons ===== */
.about-feats{gap:0!important;border-radius:14px;overflow:hidden;background:linear-gradient(160deg,#1f64c9,#0d3a82);box-shadow:0 18px 36px rgba(0,8,26,.4);border:1px solid rgba(150,200,255,.25)}
.about-feats li{background:none!important;border:0!important;border-left:1px solid rgba(255,255,255,.16)!important;border-radius:0!important;box-shadow:none!important;padding:18px 18px!important}
.about-feats li:first-child{border-left:0!important}
.about-feats span{color:#d5e6ff!important}
@media (max-width:1100px){.about-feats li{border-left:0!important;border-top:1px solid rgba(255,255,255,.16)!important}.about-feats li:first-child{border-top:0!important}}
/* cards da página inicial */

/* cards da página de produtos */

/* ===== Otimização para computador (30/09) ===== */
.tt .tl>span{overflow-wrap:normal;word-break:normal}
/* capa das páginas internas: texto à esquerda, fotos enquadradas à direita */
.page-hero{display:block!important}
.page-hero::before{display:none}
.ph-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(32px,5vw,72px);align-items:center;padding:clamp(40px,5vw,72px) 0 clamp(20px,3vw,40px)}
.ph-inner{min-height:0!important;padding:0!important;display:block}
.ph-inner>*{max-width:none}
.page-hero .ph-art{position:relative!important;inset:auto;order:0;aspect-ratio:1500/800!important;border-radius:16px;overflow:hidden;border:1px solid rgba(150,200,255,.3);box-shadow:0 24px 50px rgba(0,8,26,.45),0 0 34px rgba(61,149,255,.25);-webkit-mask-image:none!important;mask-image:none!important}
.page-hero .ph-art img{width:100%;height:100%;object-fit:cover;object-position:center}
.page-hero .tt{font-size:clamp(1.7rem,.9rem + 2vw,3rem)}
/* foto dupla da página inicial: lado a lado, sem sobreposição */

/* duas colunas também em telas médias (tablet deitado e notebook pequeno) */
@media (max-width:980px) and (min-width:821px){
  .about-home,.area-grid,.content-split,.content-split.reverse,.band-grid,.faq-grid,.contact-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:36px}
  .content-split.reverse>.photo-frame{order:0}
  .section-head{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr)}
  .photo-band,.pb-art{}
}
@media (max-width:820px){
  .ph-grid{grid-template-columns:minmax(0,1fr);gap:24px;padding:32px 0 8px}
  
}
@media (max-width:700px){
  .ph-grid{padding:28px 0 0}
  .page-hero .ph-art{margin-inline:-16px;border-radius:0;border-left:0;border-right:0}
  .page-hero .tt{font-size:clamp(1.2rem,6.2vw,2rem)}
  
  
  
  
}
/* galeria do acompanhamento mais contida */
.gallery-pair{max-width:880px;margin-inline:auto;align-items:center}
.gallery-pair .photo-frame{max-width:400px}
@media (max-width:1100px){.about-feats{grid-template-columns:minmax(0,1fr)!important}}

@media (max-width:700px){
  .page-hero .ph-art{margin-inline:0!important;width:100%;border-radius:14px!important;border:1px solid rgba(150,200,255,.3)!important}
  .ph-grid{padding-bottom:24px!important}
}

/* =========================================================
   Revisão visual 02/10: transições contínuas, faixas de CTA
   e cards de produtos com foto em destaque
   ========================================================= */

/* ---- transições entre seções ----
   O fundo azul é único (body::before). As "quebras" vinham do recorte
   (overflow) das sombras e brilhos de fotos e cards na borda de cada
   seção, e de faixas com fundo chapado e fio no topo. */
.page-hero,.section,.cta-band{overflow:visible;overflow-x:clip}
.brands{background:linear-gradient(180deg,rgba(1,16,47,0) 0%,rgba(1,16,47,.38) 30%,rgba(1,16,47,.38) 70%,rgba(1,16,47,0) 100%)!important;border:0!important}
.service-bar{background:linear-gradient(180deg,rgba(1,16,47,0) 0%,rgba(1,16,47,.5) 35%,rgba(1,16,47,.5) 100%)!important;border:0!important}
.page-hero .ph-art{box-shadow:0 18px 40px rgba(0,8,26,.35),0 0 30px rgba(61,149,255,.18)}

/* ---- ritmo vertical mais constante ---- */
.section{padding:clamp(44px,4.4vw,64px) 0}
.cta-band{padding:clamp(40px,4vw,56px) 0}
.page-hero+.section,.chip-nav+.section{padding-top:clamp(32px,3.4vw,52px)}
.section+.brands{margin-top:-8px}
@media (max-width:700px){
  .section{padding:40px 0}
  .page-hero+.section,.chip-nav+.section{padding-top:28px}
  .ph-grid{padding-bottom:12px!important}
  .cta-band{padding:36px 0}
}

/* ---- faixas "Pedir orçamento" / "Conheça a empresa" ---- */

/* passagem suave entre o azul e a foto */

/* variação da segunda faixa: tom mais fundo, foto real da equipe */

/* ---- cards de produtos (início): foto dominante + faixa azul-marinho ---- */

/* ---- produtos: mesma linguagem (azul-marinho, borda fina) ---- */

/* outros materiais: foto dominante + faixa com recorte diagonal */

/* ===== Ajuste visual 02/10 - features, obra e transicoes ===== */

/* Transicoes em degrade novamente visiveis entre as secoes da home. */
.home-page main>.section,.home-page main>.cta-band{border-top:0!important}
.home-page main>.section+.section,.home-page main>.section+.cta-band{margin-top:-2px}

/* Na obra com voce: mesmas fotos, composicao mais limpa e profissional. */

@media (max-width:700px){
  .home-page main>.section{padding-top:46px;padding-bottom:46px}
  
  
  
  
  
  
  
}

/* ===== Correcao 02/10 - painel conforme referencia + botoes hero ===== */

/* Hero: botoes mais refinados, sem cara de componente padrao. */
.home-page .hero .actions{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:12px;
  width:min(100%,560px);
  margin-top:32px;
}
.home-page .hero .actions .btn{
  position:relative;
  min-height:58px;
  padding:15px 22px;
  border-radius:14px;
  overflow:hidden;
  font:800 1rem/1.1 var(--ui);
  letter-spacing:.01em;
  box-shadow:none;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.home-page .hero .actions .btn::before{
  content:"";
  position:absolute;
  left:16px;
  right:16px;
  top:0;
  height:1px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.72),rgba(255,255,255,0));
  opacity:.8;
}
.home-page .hero .actions .btn-accent{
  color:#fff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,0) 42%),
    linear-gradient(135deg,#2e8cf6 0%,#176edc 58%,#0f56b8 100%);
  border:1px solid rgba(126,190,255,.88);
  box-shadow:
    0 12px 28px rgba(5,36,91,.38),
    0 0 20px rgba(43,130,246,.20),
    inset 0 1px 0 rgba(255,255,255,.18);
}
.home-page .hero .actions .btn-ghost{
  color:#eef6ff;
  background:
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018)),
    rgba(5,23,53,.45);
  border:1px solid rgba(161,199,240,.44);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.055),
    0 10px 24px rgba(0,9,30,.18);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.home-page .hero .actions .btn-accent:hover{
  transform:translateY(-2px);
  border-color:#b6dbff;
  box-shadow:
    0 16px 34px rgba(5,36,91,.46),
    0 0 26px rgba(43,130,246,.30),
    inset 0 1px 0 rgba(255,255,255,.22);
}
.home-page .hero .actions .btn-ghost:hover{
  transform:translateY(-2px);
  background:rgba(17,48,94,.54);
  border-color:rgba(173,211,255,.68);
  box-shadow:0 14px 28px rgba(0,9,30,.24),0 0 18px rgba(61,149,255,.12);
}

@media (max-width:700px){
  .home-page .hero .actions{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:10px;
    width:100%;
    margin-top:28px;
  }
  .home-page .hero .actions .btn{
    min-height:56px;
    padding:14px 10px;
    border-radius:13px;
    font-size:.95rem;
    white-space:nowrap;
  }
}
@media (max-width:380px){
  .home-page .hero .actions .btn{font-size:.88rem}
}

/* ===== Diferenciais da home: cards com foto, no estilo da arte aprovada ===== */
.feats{list-style:none;display:grid;width:100%;max-width:640px;margin:30px 0 0;padding:0;
  filter:drop-shadow(0 22px 34px rgba(0,8,28,.42))}
.feat{--feat-bg:#061a40;position:relative;display:flex;align-items:center;min-height:226px;padding:28px 26px;
  border-radius:20px;overflow:hidden;isolation:isolate;
  background:linear-gradient(105deg,var(--feat-bg) 0%,#072456 55%,#0a2f6a 100%);
  border:1px solid rgba(100,172,255,.62);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),inset 0 0 26px rgba(46,132,255,.10)}
.feat+.feat{margin-top:-1px}
.feat-media{position:absolute;z-index:-1;top:0;right:0;bottom:0;width:62%;overflow:hidden;
  -webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 52%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.55) 22%,#000 52%)}
.feat-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.02);transition:transform .9s cubic-bezier(.16,1,.3,1)}
.feat-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(90deg,rgba(6,26,64,.55) 0%,rgba(6,26,64,.18) 45%,rgba(6,26,64,0) 75%),
             linear-gradient(0deg,rgba(3,14,36,.38) 0%,rgba(3,14,36,0) 38%)}
.feat--local .feat-media{width:56%}
.feat--local .feat-media img{object-position:56% 50%}
.feat--projeto .feat-media{width:66%}
.feat--projeto .feat-media img{object-position:30% 50%}
.feat--direto .feat-media img{object-position:40% 50%}
.feat-copy{position:relative;z-index:1;max-width:56%}
.feat--direto .feat-copy{max-width:64%}
.feat-copy::before{content:"";display:block;width:46px;height:4px;margin-bottom:16px;border-radius:999px;
  background:linear-gradient(90deg,#5ab3ff,#1d78ea);box-shadow:0 0 12px rgba(61,149,255,.75);transform-origin:left}
.feat h3{margin:0;font-family:var(--head);font-weight:900;font-stretch:125%;
  font-size:clamp(1.42rem,.9rem + 2.3vw,2.35rem);line-height:.98;letter-spacing:-.01em;color:#fff;
  text-shadow:0 3px 14px rgba(0,8,30,.55)}
.feat h3 span{display:block}
.feat-hl{padding-bottom:.06em;background:linear-gradient(180deg,#f2f8ff 8%,#a9d3ff 62%,#7cb8f5 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;text-shadow:none;
  filter:drop-shadow(0 3px 10px rgba(0,8,30,.5))}
.feat p{margin:16px 0 0;max-width:30ch;font-size:clamp(.84rem,.76rem + .35vw,1rem);line-height:1.45;color:#dfe9f5;
  text-shadow:0 2px 8px rgba(0,8,30,.6);text-wrap:pretty}
/* entrada: card sobe, foto aproxima devagar, barrinha se desenha */
.js .feat:not(.in) .feat-media img{transform:scale(1.14)}
.js .feat:not(.in) .feat-copy::before{transform:scaleX(0)}
.feat-copy::before{transition:transform 1s cubic-bezier(.16,1,.3,1) .45s}
.feat.in .feat-media img{transition-duration:2.2s}
@media (hover:hover){
  .feat{transition:border-color .3s ease,box-shadow .3s ease}
  .feat:hover{border-color:rgba(150,205,255,.9);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 34px rgba(46,132,255,.2)}
  .feat.done:hover .feat-media img{transform:scale(1.07);transition-duration:.9s}
}
@media (max-width:700px){
  .feats{margin-top:24px}
  .feat{min-height:0;padding:22px 16px 22px 18px;border-radius:16px;aspect-ratio:auto}
  .feat-copy{max-width:60%}
  .feat--direto .feat-copy{max-width:78%}
  .feat-copy::before{width:36px;height:3px;margin-bottom:12px}
  .feat h3{font-size:clamp(1.18rem,.55rem + 3.6vw,1.6rem)}
  .feat p{margin-top:11px;font-size:clamp(.76rem,.6rem + .9vw,.88rem)}
  .feat-media{width:60%}
  .feat--local .feat-media{width:52%}
  .feat--projeto .feat-media{width:64%}
}

/* ===== Botão "Pedir orçamento": logo do WhatsApp no lugar da foto ===== */



/* ===== Cards de produtos: foto inteira + painel azul inclinado no rodapé ===== */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.tile,.material{position:relative;display:block;overflow:hidden;isolation:isolate;container-type:inline-size;
  border-radius:16px;background:#061a3d;border:1px solid rgba(96,166,255,.55);
  box-shadow:0 16px 34px rgba(0,8,26,.4),inset 0 1px 0 rgba(255,255,255,.06);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s ease,box-shadow .4s ease}
.tile{aspect-ratio:4/3;color:#fff}
.tile-img,.material .product-photo{position:absolute;inset:0;z-index:0;display:block;min-height:0;background:#061a3d}
.tile-img img,.material .product-photo>img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;
  transform:scale(1.01);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .25s ease}
/* leve escurecida embaixo para o texto respirar */
.tile-img::after,.material .product-photo::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(180deg,rgba(4,16,40,0) 40%,rgba(4,16,40,.35) 70%,rgba(4,16,40,.6) 100%)}
.tile-body,.material-copy{position:absolute;z-index:2;left:0;right:0;bottom:0;display:grid;align-content:end;gap:0;
  padding:7cqi 6cqi 6cqi;min-height:44%}
/* painel azul-marinho com o corte inclinado à direita */
.tile-body::before,.material-copy::before{content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(180deg,rgba(8,30,70,.80) 0%,rgba(5,21,52,.94) 100%);
  -webkit-clip-path:polygon(0 0,64% 0,100% 100%,0 100%);clip-path:polygon(0 0,64% 0,100% 100%,0 100%)}
.tile-body::after,.material-copy::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:64%;right:0;pointer-events:none;
  background:linear-gradient(to bottom left,transparent calc(50% - 1px),rgba(120,185,255,.55) 50%,transparent calc(50% + 1px))}
.tile-name,.material .tt-sm{display:block;margin:0;font-family:var(--head)!important;font-weight:900!important;font-stretch:125%;
  font-size:1.2rem;font-size:clamp(.82rem,7.2cqi,1.7rem)!important;line-height:1.02!important;letter-spacing:.005em!important;text-transform:uppercase;
  color:#fff;text-shadow:none!important;filter:drop-shadow(0 2px 6px rgba(0,8,30,.65))}
.material .tt-sm .tl,.material .tt-sm .f{display:inline;padding:0;margin:0;font:inherit!important;letter-spacing:inherit!important;
  color:inherit!important;-webkit-text-fill-color:inherit!important;background:none!important;filter:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.material .tt-sm .tl::before,.material .tt-sm .tl::after,.material .tt-sm .f::before,.material .tt-sm .f::after{display:none!important;content:none!important}
.tile-name,.material .tt-sm{background:linear-gradient(180deg,#ffffff 30%,#c9e2ff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tile-name::after,.material .tt-sm::after{content:"";display:block;width:11cqi;max-width:44px;height:2px;margin:3.4cqi 0 3cqi;border-radius:2px;
  background:#3d95ff;box-shadow:0 0 8px rgba(61,149,255,.85);transform-origin:left;transition:width .5s cubic-bezier(.16,1,.3,1)}
.tile-txt,.material-copy p{display:block;margin:0;max-width:78%;font:400 .9rem/1.32 var(--ui);font-size:clamp(.72rem,4.6cqi,1.02rem);color:#d9e6f4;text-shadow:0 1px 6px rgba(0,8,30,.7)}
@media (hover:hover){
  .tile:hover,.material:hover{transform:translateY(-4px);border-color:rgba(140,200,255,.9);box-shadow:0 22px 44px rgba(0,8,26,.5),0 0 24px rgba(61,149,255,.3)}
  .tile:hover .tile-img img,.material:hover .product-photo>img{transform:scale(1.07)}
  .tile:hover .tile-name::after,.material:hover .tt-sm::after{width:18cqi;max-width:70px}
}
.tile:focus-visible{outline:3px solid #6fb3ff;outline-offset:3px}
/* entrada: foto aproxima devagar */
.js .stagger>.tile:not(.in) .tile-img img,.js .material:not(.in) .product-photo>img{transform:scale(1.12)}
.stagger>.tile.in .tile-img img,.material.in .product-photo>img{transition-duration:2s}
@media (max-width:700px){
  .tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .tile,.material{border-radius:12px}
  .tile-body,.material-copy{min-height:50%;padding:8cqi 6cqi 6.5cqi}
  .tile-name,.material .tt-sm{font-size:clamp(.74rem,8cqi,1.2rem)!important}
  .tile-txt,.material-copy p{max-width:86%;font-size:clamp(.68rem,5.6cqi,.86rem)}
}
@media (max-width:340px){.tiles{grid-template-columns:minmax(0,1fr)}}

/* Produtos > Outros materiais: mesmo visual, com fotos extras e link de consulta */
.materials{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.material{aspect-ratio:4/5}
.material .thumbs{position:absolute;z-index:3;top:10px;left:10px;bottom:auto;display:flex;gap:6px}
.material .thumb{width:40px;height:40px}
.material-copy{min-height:42%}
.material-copy .text-link{justify-self:start;margin-top:3.6cqi;color:#9fd0ff;font:700 .86rem/1 var(--ui);font-size:clamp(.74rem,4.4cqi,.92rem);border-bottom:1px solid currentColor;padding-bottom:2px}
@media (max-width:1100px){.materials{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:700px){.materials{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:700px){.materials{gap:10px}.material .thumb{width:32px;height:32px}.material .thumbs{top:7px;left:7px;gap:5px}}
@media (max-width:340px){.materials{grid-template-columns:minmax(0,1fr)}}

/* ===== Faixas "Pedir orçamento" / "Conheça a empresa" (borda neon) ===== */
.cta-banners{display:grid;gap:16px;width:100%;max-width:640px;margin-top:30px}
.cta-banner{--media-w:50%;position:relative;display:flex;align-items:center;min-height:150px;padding:22px 26px;
  border-radius:20px;overflow:hidden;isolation:isolate;color:#fff;
  background:radial-gradient(120% 140% at 0% 0%,#0d2c63 0%,#071c44 45%,#041431 100%);
  border:1.5px solid #3f9dff;
  box-shadow:0 0 0 1px rgba(63,157,255,.18),0 0 22px rgba(40,140,255,.42),0 18px 38px rgba(0,8,26,.45),inset 0 0 24px rgba(40,140,255,.16);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease,border-color .4s ease}
.cta-banner-photo,.cta-banner-wa{position:absolute;z-index:0;top:0;right:0;bottom:0;width:var(--media-w);
  -webkit-clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);clip-path:polygon(18% 0,100% 0,100% 100%,0 100%)}
.cta-banner-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 72%;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.cta-banner-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,20,49,.55) 0%,rgba(4,20,49,.1) 30%,rgba(4,20,49,0) 60%)}
/* linha inclinada brilhante, seguindo o corte da foto */
.cta-banner::after{content:"";position:absolute;z-index:1;top:0;bottom:0;left:calc(100% - var(--media-w) - 1px);width:calc(var(--media-w) * .18 + 2px);pointer-events:none;
  background:linear-gradient(to top right,transparent calc(50% - 1.5px),#5db2ff calc(50% - .5px),#cfe8ff 50%,#5db2ff calc(50% + .5px),transparent calc(50% + 1.5px));
  filter:drop-shadow(0 0 5px rgba(63,157,255,.95))}
.cta-banner-txt{position:relative;z-index:2;display:grid;max-width:calc(100% - var(--media-w) + 4%);
  font-family:var(--head);font-weight:900;font-stretch:125%;font-size:clamp(1.4rem,.95rem + 1.6vw,2.15rem);line-height:1;letter-spacing:-.005em}
.cta-banner-txt>span:first-child{color:#fff;text-shadow:0 2px 12px rgba(0,8,30,.55)}
.cta-banner-hl{padding-bottom:.06em;background:linear-gradient(180deg,#eaf5ff 10%,#9fd0ff 60%,#6fb3f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,8,30,.5))}
.cta-banner-txt::after{content:"";display:block;width:115%;height:3px;margin-top:16px;border-radius:3px;
  background:linear-gradient(90deg,#3f9dff 0%,#7cc0ff 45%,rgba(63,157,255,0) 100%);box-shadow:0 0 10px rgba(63,157,255,.8);
  transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .4s}
.js .cta-banners>:not(.in) .cta-banner-txt::after{transform:scaleX(0)}
/* WhatsApp 3D */
.cta-banner-wa{display:grid;place-items:center;
  background:radial-gradient(circle at 59% 50%,rgba(37,211,102,.34) 0%,rgba(37,211,102,.12) 26%,rgba(6,26,62,0) 52%),
             linear-gradient(120deg,#08245a 0%,#061c47 60%,#04153a 100%)}
.wa-badge{position:relative;display:grid;place-items:center;width:clamp(80px,22vw,112px);aspect-ratio:1;margin-left:18%;border-radius:50%;
  background:radial-gradient(circle at 34% 26%,#8ff7b4 0%,#3be07c 30%,#1fbf5a 62%,#118a3e 100%);
  box-shadow:0 0 0 9px rgba(37,211,102,.10),0 0 0 20px rgba(37,211,102,.05),0 0 44px rgba(37,211,102,.55),0 16px 26px rgba(0,20,10,.5),
             inset 0 3px 6px rgba(255,255,255,.5),inset 0 -8px 14px rgba(0,80,30,.45);
  transition:transform .5s cubic-bezier(.34,1.56,.64,1)}
.wa-badge::before{content:"";position:absolute;left:18%;right:18%;top:7%;height:36%;border-radius:50%;
  background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
.wa-badge::after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid rgba(60,225,125,.65);
  animation:wa-ring 3.4s cubic-bezier(.2,.6,.3,1) infinite;pointer-events:none}
.wa-glyph{position:relative;width:54%;height:54%;color:#fff;filter:drop-shadow(0 2px 3px rgba(0,60,25,.45))}
@keyframes wa-ring{0%{transform:scale(1);opacity:.7}75%,100%{transform:scale(1.5);opacity:0}}
@media (hover:hover){
  .cta-banner:hover{transform:translateY(-3px);border-color:#8cc8ff;box-shadow:0 0 0 1px rgba(63,157,255,.3),0 0 32px rgba(40,140,255,.6),0 22px 44px rgba(0,8,26,.5),inset 0 0 28px rgba(40,140,255,.22)}
  .cta-banner:hover .cta-banner-photo img{transform:scale(1.06)}
  .cta-banner--quote:hover .wa-badge{transform:scale(1.07) rotate(-6deg)}
}
.cta-banner:focus-visible{outline:3px solid #9fd0ff;outline-offset:4px}
@media (max-width:700px){
  .cta-banners{gap:14px;margin-top:26px}
  .cta-banner{--media-w:52%;min-height:128px;padding:18px 18px;border-radius:18px}
  .cta-banner-txt{font-size:clamp(1.2rem,.5rem + 4vw,1.6rem)}
  .cta-banner-txt::after{margin-top:12px}
  .wa-badge{width:clamp(70px,21vw,92px)}
}

/* ===== Na obra com você: dois cards com borda neon ===== */
.home-page .about-collage{position:relative;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:center;
  gap:clamp(12px,2.4vw,22px);width:100%;max-width:640px}
.collage-main,.collage-side{position:relative;margin:0;overflow:hidden;isolation:isolate;border-radius:20px;background:#061630;
  border:1.5px solid #3f9dff;box-shadow:0 0 0 1px rgba(63,157,255,.18),0 0 22px rgba(40,140,255,.42),0 18px 38px rgba(0,8,26,.45)}
.collage-main{aspect-ratio:7/10;container-type:inline-size}
.collage-side{aspect-ratio:10/21;border-radius:18px}
.collage-main img,.collage-side img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.16,1,.3,1)}
.collage-main img{object-position:60% 35%}
.collage-side img{object-position:45% 50%}
.collage-main::after{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:linear-gradient(0deg,rgba(3,16,42,.97) 0%,rgba(4,20,52,.86) 26%,rgba(4,20,52,.25) 50%,rgba(4,20,52,0) 64%)}
.collage-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:0 7cqi 8cqi;text-align:left}
.cap-title{display:grid;font-family:var(--head);font-weight:900;font-stretch:125%;text-transform:uppercase;
  font-size:1.6rem;font-size:clamp(1rem,10.4cqi,2.6rem);line-height:.98;letter-spacing:-.005em}
.cap-l1{color:#fff;text-shadow:0 3px 14px rgba(0,8,30,.6)}
.cap-l2{padding-bottom:.05em;background:linear-gradient(180deg,#eaf5ff 10%,#9fd0ff 60%,#6fb3f5 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;filter:drop-shadow(0 2px 8px rgba(0,8,30,.55))}
.cap-title::after{content:"";display:block;width:100%;height:3px;margin:5cqi 0 4.4cqi;border-radius:3px;
  background:linear-gradient(90deg,rgba(63,157,255,.2) 0%,#5db2ff 30%,#9fd0ff 55%,rgba(63,157,255,.25) 100%);box-shadow:0 0 10px rgba(63,157,255,.85)}
.cap-sub{display:block;font:400 1rem/1.4 var(--ui);font-size:clamp(.74rem,5cqi,1.05rem);color:#e6eef8;text-shadow:0 1px 6px rgba(0,8,30,.7)}
.js .about-collage:not(.in) img{transform:scale(1.1)}
.about-collage.in img{transition-duration:2.2s}
@media (hover:hover){.collage-main:hover img,.collage-side:hover img{transform:scale(1.05)}}
@media (max-width:980px){.home-page .about-collage{max-width:640px}}
@media (max-width:700px){
  .home-page .about-collage{gap:12px}
  .collage-main,.collage-side{border-radius:16px}
}

/* ===== Contato: cards com ícone ===== */
.contact-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.contact-card{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px;padding:18px 18px;
  border-radius:16px;color:#fff;
  background:linear-gradient(150deg,rgba(30,82,158,.42) 0%,rgba(8,30,70,.62) 100%);
  border:1px solid rgba(110,175,255,.26);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.07),0 12px 28px rgba(0,8,26,.28);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),border-color .35s ease,box-shadow .35s ease}
a.contact-card{grid-template-columns:auto minmax(0,1fr) auto}
a.contact-card::after{content:"";width:28px;height:28px;border-radius:50%;border:1px solid rgba(140,195,255,.4);
  background:rgba(61,149,255,.12) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 8 6l-3.5 3.5' fill='none' stroke='%239fd0ff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat;
  transition:transform .35s ease,background-color .35s ease}
.cc-ico{display:grid;place-items:center;width:46px;height:46px;border-radius:13px;color:#a8d4ff;
  background:linear-gradient(160deg,rgba(61,149,255,.3),rgba(61,149,255,.08));border:1px solid rgba(120,185,255,.38);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1)}
.cc-ico svg{width:22px;height:22px}
.cc-text{display:grid;gap:5px;min-width:0}
.cc-label{font:700 .7rem/1 var(--ui);letter-spacing:.12em;text-transform:uppercase;color:#8fb6de}
.contact-card strong{font:700 1rem/1.3 var(--ui);color:#fff;overflow-wrap:anywhere}
.contact-card.highlight{background:linear-gradient(150deg,#2f8df7 0%,#1563d0 60%,#0f4fb0 100%);border-color:rgba(160,210,255,.55);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 14px 30px rgba(15,79,176,.38),0 0 22px rgba(47,141,247,.22)}
.contact-card.highlight .cc-ico{color:#fff;background:rgba(255,255,255,.16);border-color:rgba(255,255,255,.36)}
.contact-card.highlight .cc-label{color:rgba(255,255,255,.85)}
.contact-card.highlight::after{border-color:rgba(255,255,255,.5);background-color:rgba(255,255,255,.14);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 8 6l-3.5 3.5' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
@media (hover:hover){
  a.contact-card:hover{transform:translateY(-3px);border-color:rgba(140,200,255,.7);box-shadow:inset 0 1px 0 rgba(255,255,255,.1),0 18px 36px rgba(0,8,26,.38),0 0 20px rgba(61,149,255,.22)}
  a.contact-card:hover::after{transform:translateX(3px)}
  a.contact-card.highlight:hover{border-color:#cfe6ff;box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 18px 38px rgba(15,79,176,.48),0 0 28px rgba(47,141,247,.35)}
}
.tone-dark .contact-block{position:relative;border-radius:16px;
  background:linear-gradient(150deg,rgba(30,82,158,.32) 0%,rgba(8,30,70,.55) 100%);border:1px solid rgba(110,175,255,.24);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 12px 28px rgba(0,8,26,.26)}
.tone-dark .contact-block h3{display:flex;align-items:center;gap:10px}
.tone-dark .contact-block h3::before{content:"";width:4px;height:1.05em;border-radius:3px;background:linear-gradient(180deg,#5db2ff,#1d78ea);box-shadow:0 0 8px rgba(61,149,255,.7)}
.tone-dark .map-wrap{border-radius:12px;border-color:rgba(110,175,255,.35)}
@media (max-width:700px){
  .contact-cards{grid-template-columns:minmax(0,1fr);gap:12px}
  .contact-card{padding:16px}
  .cc-ico{width:42px;height:42px;border-radius:12px}
}
@media (prefers-reduced-motion:reduce){
  .wa-badge::after{animation:none;opacity:0}
}


/* ===== Produtos: cards com borda neon, título grande e botão com seta ===== */
.products-layout{display:grid;gap:clamp(22px,3vw,34px)}
.product-card{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);overflow:hidden;isolation:isolate;
  border-radius:22px;
  background:radial-gradient(120% 90% at 100% 100%,rgba(30,90,180,.28) 0%,rgba(6,26,61,0) 55%),linear-gradient(160deg,#0a2552 0%,#061a3d 55%,#04132f 100%);
  border:1.5px solid #3f9dff;
  box-shadow:0 0 0 1px rgba(63,157,255,.16),0 0 22px rgba(40,140,255,.32),0 20px 42px rgba(0,8,26,.45),inset 0 0 26px rgba(40,140,255,.12)}
.product-card:nth-child(even){grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}
.product-card:nth-child(even) .product-photo{order:2}
.product-card .product-photo{min-height:420px}
.product-card .product-photo>img{transform:scale(1.01);transition:transform 1s cubic-bezier(.16,1,.3,1),opacity .25s ease}
.product-card .thumbs{left:16px;bottom:16px;z-index:3}
.product-card .thumb{border-radius:10px;border-color:rgba(255,255,255,.6)}
.product-card .thumb.active{border-color:#5db2ff;box-shadow:0 0 0 2px rgba(63,157,255,.35),0 0 12px rgba(63,157,255,.6)}
.product-copy{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:18px;
  padding:clamp(30px,4vw,56px)}
/* linha de luz entre foto e texto */
.product-copy::before{content:"";position:absolute;z-index:2;top:8%;bottom:8%;left:0;width:2px;border-radius:2px;
  background:linear-gradient(180deg,rgba(93,178,255,0),#5db2ff 30%,#9fd0ff 50%,#5db2ff 70%,rgba(93,178,255,0));box-shadow:0 0 10px rgba(63,157,255,.8)}
.product-card:nth-child(even) .product-copy::before{left:auto;right:0}
/* traços diagonais discretos no canto */
.product-copy::after{content:"";position:absolute;z-index:-1;right:0;bottom:0;width:46%;height:56%;pointer-events:none;opacity:.55;
  background:repeating-linear-gradient(125deg,transparent 0 26px,rgba(93,170,255,.16) 26px 27px,transparent 27px 54px);
  -webkit-mask-image:linear-gradient(315deg,#000 0%,transparent 70%);mask-image:linear-gradient(315deg,#000 0%,transparent 70%)}
.product-card .tt-sm{display:block;margin:0;font-family:var(--head)!important;font-weight:900!important;font-stretch:125%;
  font-size:clamp(2rem,1.3rem + 2.4vw,3.1rem)!important;line-height:1!important;letter-spacing:.005em!important;text-transform:uppercase;
  background:linear-gradient(180deg,#ffffff 0%,#e4ecf6 45%,#a9b8cc 72%,#eef4fb 100%);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;
  filter:drop-shadow(0 3px 10px rgba(0,8,30,.55))}
.product-card .tt-sm .tl,.product-card .tt-sm .f{display:inline;padding:0;margin:0;font:inherit!important;letter-spacing:inherit!important;
  color:inherit!important;-webkit-text-fill-color:inherit!important;background:none!important;filter:none!important;text-shadow:none!important;-webkit-text-stroke:0!important}
.product-card .tt-sm .tl::before,.product-card .tt-sm .tl::after,.product-card .tt-sm .f::before,.product-card .tt-sm .f::after{display:none!important;content:none!important}
.product-copy p{margin:0;max-width:440px;font-size:clamp(1rem,.95rem + .25vw,1.12rem);line-height:1.55;color:#d3e0ef}
.product-copy .btn{position:relative;margin-top:6px;min-height:58px;padding:0 74px 0 26px;border-radius:16px;overflow:hidden;
  font:700 1.02rem/1.1 var(--ui);color:#fff;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 45%),linear-gradient(135deg,#2e8cf6 0%,#176edc 55%,#0f56b8 100%);
  border:1.5px solid rgba(140,200,255,.85);
  box-shadow:0 0 18px rgba(43,130,246,.35),0 12px 26px rgba(5,36,91,.4),inset 0 1px 0 rgba(255,255,255,.25);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),box-shadow .35s ease,border-color .35s ease}
.product-copy .btn::after{content:"";position:absolute;top:10px;bottom:10px;right:0;width:56px;border-left:1px solid rgba(255,255,255,.28);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 8 6l-3.5 3.5' fill='none' stroke='%23ffffff' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/15px no-repeat;
  transition:background-position .35s ease}
@media (hover:hover){
  .product-copy .btn:hover{transform:translateY(-2px);border-color:#cfe6ff;box-shadow:0 0 26px rgba(43,130,246,.5),0 16px 32px rgba(5,36,91,.5),inset 0 1px 0 rgba(255,255,255,.3)}
  .product-copy .btn:hover::after{background-position:calc(50% + 4px) center}
  .product-card:hover .product-photo>img{transform:scale(1.04)}
}
.js .product-card:not(.in) .product-photo>img{transform:scale(1.1)}
.product-card.in .product-photo>img{transition-duration:2s}
@media (max-width:900px){
  .product-card,.product-card:nth-child(even){grid-template-columns:minmax(0,1fr);border-radius:20px}
  .product-card:nth-child(even) .product-photo{order:0}
  .product-card .product-photo{min-height:0;aspect-ratio:4/3}
  .product-copy::before,.product-card:nth-child(even) .product-copy::before{top:0;bottom:auto;left:0;right:0;width:auto;height:2px;
    background:linear-gradient(90deg,rgba(93,178,255,.3),#5db2ff 25%,#9fd0ff 50%,#5db2ff 75%,rgba(93,178,255,.3))}
  .product-copy{padding:26px 22px 28px;gap:14px}
  .product-copy .btn{min-height:54px;padding:0 66px 0 22px;font-size:.98rem}
  .product-copy .btn::after{width:50px}
}

/* barra de atalhos dos produtos */
.chip-scroll{gap:10px;padding:12px 0}
.chip-scroll a{padding:10px 18px;border-radius:999px;background:rgba(10,32,72,.6)!important;border:1px solid rgba(120,175,240,.35)!important;color:#dbe6f1!important}
.chip-scroll a:hover{border-color:#5db2ff!important;color:#fff!important}
.chip-scroll a.active{color:#fff!important;border-color:rgba(160,210,255,.9)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,0) 50%),linear-gradient(135deg,#2e8cf6,#145fcc)!important;
  box-shadow:0 0 14px rgba(43,130,246,.55)}



/* ===== Seção "Nova Aço em Barueri": distribuição em grade ===== */
.home-page .about-home{grid-template-columns:minmax(0,1fr)!important;grid-template-areas:"copy" "feats" "ctas" "col";row-gap:0;align-items:start}
.home-page .about-copy{grid-area:copy}
.home-page .about-collage{grid-area:col;margin-top:40px}
.home-page .feats{grid-area:feats}
.home-page .cta-banners{grid-area:ctas}
/* título dos cards sempre cabe no card ("intermediário" é longo) */
.feat{container-type:inline-size}
.feat h3{font-size:min(clamp(1.42rem,.9rem + 2.3vw,2.35rem),6.4cqi)}
@media (max-width:700px){.feat h3{font-size:min(clamp(1.18rem,.55rem + 3.6vw,1.6rem),6.6cqi)}}

@media (min-width:821px){
  .home-page .about-home{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)!important;
    grid-template-areas:"copy col" "feats feats" "ctas ctas";column-gap:clamp(40px,5vw,80px)!important;row-gap:0!important;align-items:center}
  .home-page .about-copy>p{max-width:600px}
  .home-page .about-collage{margin-top:0;justify-self:end;max-width:540px}
  /* três diferenciais lado a lado */
  .home-page .feats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:none;margin-top:clamp(48px,5vw,72px);align-self:stretch}
  .home-page .feat+.feat{margin-top:0}
  .home-page .feat{min-height:250px;padding:28px 24px}
  .home-page .feat-copy{max-width:60%}
  .home-page .feat--direto .feat-copy{max-width:66%}
  .home-page .feat h3{font-size:min(2.1rem,6.4cqi)}
  .home-page .feat p{font-size:.92rem}
  /* faixas de ação lado a lado e mais baixas */
  .home-page .cta-banners{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;max-width:none;margin-top:18px}
  .home-page .cta-banner{min-height:112px;padding:16px 22px;border-radius:18px}
  .home-page .cta-banner-txt{font-size:clamp(1.15rem,.8rem + .9vw,1.55rem)}
  .home-page .cta-banner-txt::after{margin-top:10px;height:2px}
  .home-page .wa-badge{width:clamp(62px,6vw,78px)}
}
@media (min-width:821px) and (max-width:1100px){
  .home-page .feat{min-height:230px;padding:22px 18px}
  .home-page .feat-copy{max-width:66%}
  .home-page .feat--direto .feat-copy{max-width:74%}
  .home-page .feat p{font-size:.84rem}
}
/* celular: faixas um pouco menores */
@media (max-width:700px){
  .home-page .cta-banner{min-height:110px;padding:14px 16px}
  .home-page .cta-banner-txt{font-size:clamp(1.08rem,.45rem + 3.6vw,1.4rem)}
  .home-page .cta-banner-txt::after{margin-top:10px;height:2px}
  .home-page .wa-badge{width:clamp(60px,18vw,78px)}
}
/* palavra longa ("intermediário") nunca é cortada */
.feat h3 span{white-space:nowrap}
.feat--direto .feat-copy{max-width:none!important}
.feat--direto p{max-width:24ch}


/* ===== Quem somos: cards "Base em Barueri / Produção / Contato direto" ===== */
.qs-cards{list-style:none;display:grid;gap:14px;margin:30px 0 0;padding:0;max-width:600px}
.qs-card{position:relative;display:flex;align-items:center;min-height:160px;padding:24px 76px 24px 26px;
  border-radius:18px;overflow:hidden;isolation:isolate;color:#fff;
  background:linear-gradient(110deg,#0a2a63 0%,#082152 45%,#061a40 100%);
  border:1.5px solid rgba(80,160,255,.75);
  box-shadow:0 0 0 1px rgba(63,157,255,.14),0 0 18px rgba(40,140,255,.28),0 16px 34px rgba(0,8,26,.4),inset 0 1px 0 rgba(255,255,255,.08);
  transition:transform .4s cubic-bezier(.2,.7,.2,1),border-color .4s ease,box-shadow .4s ease}
/* filete de luz na borda esquerda */
.qs-card::before{content:"";position:absolute;z-index:3;left:0;top:10%;bottom:10%;width:3px;border-radius:0 3px 3px 0;
  background:linear-gradient(180deg,rgba(93,178,255,0),#5db2ff 30%,#9fd0ff 50%,#5db2ff 70%,rgba(93,178,255,0));box-shadow:0 0 10px rgba(63,157,255,.85)}
/* ilustração à direita, com corte inclinado */
.qs-media{position:absolute;z-index:0;top:0;right:0;bottom:0;width:auto;aspect-ratio:1.3;max-width:58%}
.qs-media img{display:block;width:100%;height:100%;object-fit:cover;transform:scale(1.01);transition:transform 1s cubic-bezier(.16,1,.3,1);
  -webkit-clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%)}
.qs-media::after{content:"";position:absolute;inset:0;pointer-events:none;
  -webkit-clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);clip-path:polygon(22% 0,100% 0,100% 100%,0 100%);
  background:linear-gradient(90deg,rgba(6,26,64,.7) 0%,rgba(6,26,64,.15) 30%,rgba(6,26,64,0) 55%)}
/* linha brilhante seguindo o corte */
.qs-media::before{content:"";position:absolute;z-index:1;top:0;bottom:0;left:-1px;width:calc(22% + 2px);pointer-events:none;
  background:linear-gradient(to top right,transparent calc(50% - 1px),rgba(130,195,255,.95) 50%,transparent calc(50% + 1px));
  filter:drop-shadow(0 0 4px rgba(63,157,255,.9))}
.qs-card--barueri .qs-media img{object-position:60% 50%}
.qs-card--producao .qs-media img{object-position:45% 50%}
.qs-card--contato .qs-media img{object-position:55% 40%}
.qs-copy{position:relative;z-index:2;display:grid;gap:8px;max-width:min(54%,330px)}
.qs-copy::before{content:"";width:40px;height:4px;margin-bottom:6px;border-radius:999px;
  background:linear-gradient(90deg,#5ab3ff,#1d78ea);box-shadow:0 0 10px rgba(61,149,255,.75);transform-origin:left;
  transition:transform 1s cubic-bezier(.16,1,.3,1) .45s}
.qs-copy strong{font:800 clamp(1.2rem,1rem + .8vw,1.55rem)/1.12 var(--ui);letter-spacing:-.005em;color:#fff;text-shadow:0 2px 10px rgba(0,8,30,.5)}
.qs-copy>span{font-size:clamp(.88rem,.82rem + .25vw,1rem);line-height:1.45;color:#cfdcec;text-shadow:0 1px 6px rgba(0,8,30,.6)}
/* seta redonda */
.qs-go{position:absolute;z-index:3;right:18px;top:50%;width:42px;height:42px;margin-top:-21px;border-radius:50%;
  border:1.5px solid rgba(220,236,255,.85);
  background:rgba(4,18,46,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M4.5 2.5 8 6l-3.5 3.5' fill='none' stroke='%23ffffff' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat;
  -webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:0 4px 14px rgba(0,8,26,.4);
  transition:transform .35s cubic-bezier(.2,.7,.2,1),background-color .35s ease,border-color .35s ease}
@media (hover:hover){
  .qs-card:hover{transform:translateY(-3px);border-color:#8cc8ff;box-shadow:0 0 0 1px rgba(63,157,255,.28),0 0 28px rgba(40,140,255,.45),0 20px 40px rgba(0,8,26,.5),inset 0 1px 0 rgba(255,255,255,.1)}
  .qs-card:hover .qs-media img{transform:scale(1.06)}
  .qs-card:hover .qs-go{transform:translateX(3px);background-color:#1f6fe0;border-color:#fff}
}
.qs-card:focus-visible{outline:3px solid #9fd0ff;outline-offset:3px}
/* entrada: card sobe (regra geral), ilustração aproxima e barrinha se desenha */
.js .qs-cards>:not(.in) .qs-media img{transform:scale(1.14) translateX(4%)}
.js .qs-cards>:not(.in) .qs-copy::before{transform:scaleX(0)}
.js .qs-cards>:not(.in) .qs-go{transform:scale(.6);opacity:0}
.qs-cards>.in .qs-media img{transition-duration:2.2s}
.qs-cards>.in .qs-go{transition:transform .7s cubic-bezier(.34,1.56,.64,1) .6s,opacity .5s ease .6s,background-color .35s ease,border-color .35s ease}
@media (max-width:700px){
  .qs-cards{gap:12px;margin-top:24px}
  .qs-card{min-height:132px;padding:20px 62px 20px 20px;border-radius:16px}
  .qs-copy{max-width:54%;gap:6px}
  .qs-copy::before{width:32px;height:3px;margin-bottom:4px}
  .qs-copy strong{font-size:clamp(1.02rem,.6rem + 2.4vw,1.25rem)}
  .qs-copy>span{font-size:clamp(.78rem,.6rem + 1vw,.9rem)}
  .qs-go{right:12px;width:36px;height:36px;margin-top:-18px;background-size:12px}
}



/* ===== Fundo uniforme: um único azul suave atrás do site todo ===== */

/* Fundo contínuo: luz difusa e nervuras de aço restritas às laterais.
   Duas camadas leves; entrada acompanha os primeiros elementos .in. */
body{background:#031a44;isolation:isolate}
body::before{
  content:"";position:fixed;inset:-3%;height:auto;z-index:-2;pointer-events:none;
  background:
    radial-gradient(ellipse 72% 62% at 26% 30%,rgba(27,89,158,.22),transparent 75%),
    radial-gradient(ellipse 80% 76% at 65% 50%,#093774 0%,#06295c 48%,#031a44 100%);
  transform:translate3d(0,0,0);
  animation:na-background-light 32s ease-in-out infinite alternate;
}
body::after{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22840%22%20viewBox%3D%220%200%20180%20840%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2387aed0%22%20stroke-width%3D%221.4%22%3E%3Cg%20transform%3D%22translate(40%200)%20rotate(12%200%20420)%22%3E%3Cpath%20d%3D%22M-10%20-30v900%20M10%20-30v900%20M0%20-30v900%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M0%208l12%207%20M0%208l-12%207%20M0%2032l12%207%20M0%2032l-12%207%20M0%2056l12%207%20M0%2056l-12%207%20M0%2080l12%207%20M0%2080l-12%207%20M0%20104l12%207%20M0%20104l-12%207%20M0%20128l12%207%20M0%20128l-12%207%20M0%20152l12%207%20M0%20152l-12%207%20M0%20176l12%207%20M0%20176l-12%207%20M0%20200l12%207%20M0%20200l-12%207%20M0%20224l12%207%20M0%20224l-12%207%20M0%20248l12%207%20M0%20248l-12%207%20M0%20272l12%207%20M0%20272l-12%207%20M0%20296l12%207%20M0%20296l-12%207%20M0%20320l12%207%20M0%20320l-12%207%20M0%20344l12%207%20M0%20344l-12%207%20M0%20368l12%207%20M0%20368l-12%207%20M0%20392l12%207%20M0%20392l-12%207%20M0%20416l12%207%20M0%20416l-12%207%20M0%20440l12%207%20M0%20440l-12%207%20M0%20464l12%207%20M0%20464l-12%207%20M0%20488l12%207%20M0%20488l-12%207%20M0%20512l12%207%20M0%20512l-12%207%20M0%20536l12%207%20M0%20536l-12%207%20M0%20560l12%207%20M0%20560l-12%207%20M0%20584l12%207%20M0%20584l-12%207%20M0%20608l12%207%20M0%20608l-12%207%20M0%20632l12%207%20M0%20632l-12%207%20M0%20656l12%207%20M0%20656l-12%207%20M0%20680l12%207%20M0%20680l-12%207%20M0%20704l12%207%20M0%20704l-12%207%20M0%20728l12%207%20M0%20728l-12%207%20M0%20752l12%207%20M0%20752l-12%207%20M0%20776l12%207%20M0%20776l-12%207%20M0%20800l12%207%20M0%20800l-12%207%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(126%20-40)%20rotate(12%200%20420)%22%20opacity%3D%22.55%22%3E%3Cpath%20d%3D%22M-10%20-30v900%20M10%20-30v900%20M0%20-30v900%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M0%208l12%207%20M0%208l-12%207%20M0%2032l12%207%20M0%2032l-12%207%20M0%2056l12%207%20M0%2056l-12%207%20M0%2080l12%207%20M0%2080l-12%207%20M0%20104l12%207%20M0%20104l-12%207%20M0%20128l12%207%20M0%20128l-12%207%20M0%20152l12%207%20M0%20152l-12%207%20M0%20176l12%207%20M0%20176l-12%207%20M0%20200l12%207%20M0%20200l-12%207%20M0%20224l12%207%20M0%20224l-12%207%20M0%20248l12%207%20M0%20248l-12%207%20M0%20272l12%207%20M0%20272l-12%207%20M0%20296l12%207%20M0%20296l-12%207%20M0%20320l12%207%20M0%20320l-12%207%20M0%20344l12%207%20M0%20344l-12%207%20M0%20368l12%207%20M0%20368l-12%207%20M0%20392l12%207%20M0%20392l-12%207%20M0%20416l12%207%20M0%20416l-12%207%20M0%20440l12%207%20M0%20440l-12%207%20M0%20464l12%207%20M0%20464l-12%207%20M0%20488l12%207%20M0%20488l-12%207%20M0%20512l12%207%20M0%20512l-12%207%20M0%20536l12%207%20M0%20536l-12%207%20M0%20560l12%207%20M0%20560l-12%207%20M0%20584l12%207%20M0%20584l-12%207%20M0%20608l12%207%20M0%20608l-12%207%20M0%20632l12%207%20M0%20632l-12%207%20M0%20656l12%207%20M0%20656l-12%207%20M0%20680l12%207%20M0%20680l-12%207%20M0%20704l12%207%20M0%20704l-12%207%20M0%20728l12%207%20M0%20728l-12%207%20M0%20752l12%207%20M0%20752l-12%207%20M0%20776l12%207%20M0%20776l-12%207%20M0%20800l12%207%20M0%20800l-12%207%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E"),url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22180%22%20height%3D%22840%22%20viewBox%3D%220%200%20180%20840%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2387aed0%22%20stroke-width%3D%221.4%22%3E%3Cg%20transform%3D%22translate(40%200)%20rotate(12%200%20420)%22%3E%3Cpath%20d%3D%22M-10%20-30v900%20M10%20-30v900%20M0%20-30v900%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M0%208l12%207%20M0%208l-12%207%20M0%2032l12%207%20M0%2032l-12%207%20M0%2056l12%207%20M0%2056l-12%207%20M0%2080l12%207%20M0%2080l-12%207%20M0%20104l12%207%20M0%20104l-12%207%20M0%20128l12%207%20M0%20128l-12%207%20M0%20152l12%207%20M0%20152l-12%207%20M0%20176l12%207%20M0%20176l-12%207%20M0%20200l12%207%20M0%20200l-12%207%20M0%20224l12%207%20M0%20224l-12%207%20M0%20248l12%207%20M0%20248l-12%207%20M0%20272l12%207%20M0%20272l-12%207%20M0%20296l12%207%20M0%20296l-12%207%20M0%20320l12%207%20M0%20320l-12%207%20M0%20344l12%207%20M0%20344l-12%207%20M0%20368l12%207%20M0%20368l-12%207%20M0%20392l12%207%20M0%20392l-12%207%20M0%20416l12%207%20M0%20416l-12%207%20M0%20440l12%207%20M0%20440l-12%207%20M0%20464l12%207%20M0%20464l-12%207%20M0%20488l12%207%20M0%20488l-12%207%20M0%20512l12%207%20M0%20512l-12%207%20M0%20536l12%207%20M0%20536l-12%207%20M0%20560l12%207%20M0%20560l-12%207%20M0%20584l12%207%20M0%20584l-12%207%20M0%20608l12%207%20M0%20608l-12%207%20M0%20632l12%207%20M0%20632l-12%207%20M0%20656l12%207%20M0%20656l-12%207%20M0%20680l12%207%20M0%20680l-12%207%20M0%20704l12%207%20M0%20704l-12%207%20M0%20728l12%207%20M0%20728l-12%207%20M0%20752l12%207%20M0%20752l-12%207%20M0%20776l12%207%20M0%20776l-12%207%20M0%20800l12%207%20M0%20800l-12%207%22%2F%3E%3C%2Fg%3E%3Cg%20transform%3D%22translate(126%20-40)%20rotate(12%200%20420)%22%20opacity%3D%22.55%22%3E%3Cpath%20d%3D%22M-10%20-30v900%20M10%20-30v900%20M0%20-30v900%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M0%208l12%207%20M0%208l-12%207%20M0%2032l12%207%20M0%2032l-12%207%20M0%2056l12%207%20M0%2056l-12%207%20M0%2080l12%207%20M0%2080l-12%207%20M0%20104l12%207%20M0%20104l-12%207%20M0%20128l12%207%20M0%20128l-12%207%20M0%20152l12%207%20M0%20152l-12%207%20M0%20176l12%207%20M0%20176l-12%207%20M0%20200l12%207%20M0%20200l-12%207%20M0%20224l12%207%20M0%20224l-12%207%20M0%20248l12%207%20M0%20248l-12%207%20M0%20272l12%207%20M0%20272l-12%207%20M0%20296l12%207%20M0%20296l-12%207%20M0%20320l12%207%20M0%20320l-12%207%20M0%20344l12%207%20M0%20344l-12%207%20M0%20368l12%207%20M0%20368l-12%207%20M0%20392l12%207%20M0%20392l-12%207%20M0%20416l12%207%20M0%20416l-12%207%20M0%20440l12%207%20M0%20440l-12%207%20M0%20464l12%207%20M0%20464l-12%207%20M0%20488l12%207%20M0%20488l-12%207%20M0%20512l12%207%20M0%20512l-12%207%20M0%20536l12%207%20M0%20536l-12%207%20M0%20560l12%207%20M0%20560l-12%207%20M0%20584l12%207%20M0%20584l-12%207%20M0%20608l12%207%20M0%20608l-12%207%20M0%20632l12%207%20M0%20632l-12%207%20M0%20656l12%207%20M0%20656l-12%207%20M0%20680l12%207%20M0%20680l-12%207%20M0%20704l12%207%20M0%20704l-12%207%20M0%20728l12%207%20M0%20728l-12%207%20M0%20752l12%207%20M0%20752l-12%207%20M0%20776l12%207%20M0%20776l-12%207%20M0%20800l12%207%20M0%20800l-12%207%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3C%2Fsvg%3E");
  background-position:left -36px top,right -36px bottom;
  background-size:180px 840px;background-repeat:repeat-y;
  -webkit-mask-image:linear-gradient(90deg,#000,transparent 19%,transparent 81%,#000);
  mask-image:linear-gradient(90deg,#000,transparent 19%,transparent 81%,#000);
  opacity:.13;transition:opacity 1.4s cubic-bezier(.16,1,.3,1);
}
@supports selector(body:has(.in)){
  .js:not(.no-reveal) body:not(:has(.reveal.in,.stagger>.in,[data-reveal-group]>.in))::after{opacity:0}
}
@keyframes na-background-light{
  from{transform:translate3d(-.7%, -.4%,0)}
  to{transform:translate3d(.7%, .4%,0)}
}
/* A textura se desloca apenas 24px ao longo da rolagem inteira. */
@supports (animation-timeline:scroll()){
  body::after{
    animation:na-background-scroll linear both;
    animation-timeline:scroll(root block);
  }
}
@keyframes na-background-scroll{
  from{transform:translate3d(0,12px,0)}
  to{transform:translate3d(0,-12px,0)}
}
@media(max-width:700px){
  body::after{
    background-size:120px 560px;
    background-position:left -46px top,right -46px bottom;
    -webkit-mask-image:linear-gradient(90deg,#000,transparent 12%,transparent 88%,#000);
    mask-image:linear-gradient(90deg,#000,transparent 12%,transparent 88%,#000);
    opacity:.09;animation:none;
  }
  body::before{animation-duration:40s}
}
@media(prefers-reduced-motion:reduce){
  body::after{animation:none!important;transform:none!important}
}
.section,.cta-band,.brands,.hero,.page-hero,.service-bar,
.section.tone-dark,.section.tone-alt,.section.reviews-blue,.cta-band.tone-dark,.cta-band.tone-alt,
.home-page main>.section,.home-page main>.cta-band,.home-page .reviews-blue,.home-page .band-sec{background:transparent!important;border-top:0!important;border-bottom:0!important}
.brands{position:relative}
.brands::before,.brands::after{content:"";position:absolute;left:50%;width:min(1100px,90%);height:1px;transform:translateX(-50%);
  background:linear-gradient(90deg,rgba(120,180,255,0),rgba(120,180,255,.28) 50%,rgba(120,180,255,0))}
.brands::before{top:0}.brands::after{bottom:0}
.chip-nav{background:rgba(4,30,76,.88)!important;border-bottom:1px solid rgba(120,175,240,.18)!important}
.site-footer{background:linear-gradient(180deg,rgba(3,22,58,0) 0%,rgba(2,16,44,.85) 110px,rgba(2,14,38,.97) 100%)!important}

/* ===== Faixas "Pedir orçamento" / "Conheça a empresa": azul mais claro, destacadas ===== */
.cta-banners{margin-top:clamp(30px,3.4vw,44px)!important}
.cta-banner{background:radial-gradient(120% 160% at 0% 0%,#3a95ff 0%,#2177ea 38%,#1559c4 72%,#1048a6 100%);
  border-color:rgba(190,225,255,.9);
  box-shadow:0 0 0 1px rgba(120,190,255,.25),0 0 26px rgba(60,150,255,.5),0 18px 36px rgba(0,10,40,.45),inset 0 1px 0 rgba(255,255,255,.35),inset 0 0 22px rgba(255,255,255,.08)}
.cta-banner-txt>span:first-child{text-shadow:0 2px 10px rgba(0,20,70,.45)}
.cta-banner-hl{background-image:linear-gradient(180deg,#ffffff 10%,#d8ecff 60%,#b6dbff 100%);filter:drop-shadow(0 2px 6px rgba(0,20,70,.45))}
.cta-banner-txt::after{background:linear-gradient(90deg,#ffffff 0%,rgba(255,255,255,.75) 45%,rgba(255,255,255,0) 100%);box-shadow:0 0 10px rgba(255,255,255,.6)}
.cta-banner::after{background:linear-gradient(to top right,transparent calc(50% - 1.5px),#cfe8ff calc(50% - .5px),#fff 50%,#cfe8ff calc(50% + .5px),transparent calc(50% + 1.5px))}
.cta-banner-wa{background:radial-gradient(circle at 59% 50%,rgba(60,230,130,.38) 0%,rgba(60,230,130,.12) 26%,rgba(20,90,200,0) 52%),linear-gradient(120deg,#1a66d8 0%,#1453bb 60%,#0f469f 100%)}
.cta-banner-photo::after{background:linear-gradient(90deg,rgba(21,89,196,.6) 0%,rgba(21,89,196,.12) 30%,rgba(21,89,196,0) 60%)}
@media (hover:hover){
  .cta-banner:hover{border-color:#fff;box-shadow:0 0 0 1px rgba(160,210,255,.4),0 0 36px rgba(80,165,255,.7),0 22px 44px rgba(0,10,40,.5),inset 0 1px 0 rgba(255,255,255,.4)}
}

/* ===== Fotos soltas: card com borda neon e legenda ===== */
.pic-card{position:relative;padding:0!important;border-radius:20px;overflow:hidden;isolation:isolate;background:#061630;
  border:1.5px solid #3f9dff;box-shadow:0 0 0 1px rgba(63,157,255,.18),0 0 22px rgba(40,140,255,.38),0 20px 40px rgba(0,8,26,.45)}
.pic-card::before,.pic-card::after{display:none!important;content:none!important}
.pic-card>img,.pic-card>video,.pic-card picture img{display:block;width:100%;border-radius:0!important;box-shadow:none!important;border:0!important;
  transition:transform 1s cubic-bezier(.16,1,.3,1)}
.pic-card .pic-cap{position:absolute;z-index:2;left:0;right:0;bottom:0;padding:70px 22px 20px;text-align:left;
  background:linear-gradient(0deg,rgba(3,16,42,.95) 0%,rgba(4,20,52,.78) 45%,rgba(4,20,52,0) 100%)}
.pic-cap strong{display:block;font-family:var(--head);font-weight:900;font-stretch:125%;text-transform:uppercase;
  font-size:clamp(1.05rem,.85rem + .8vw,1.45rem);line-height:1;color:#fff;text-shadow:0 2px 10px rgba(0,8,30,.6)}
.pic-cap strong::after{content:"";display:block;width:52px;height:3px;margin:11px 0 9px;border-radius:3px;
  background:linear-gradient(90deg,#5db2ff,#9fd0ff);box-shadow:0 0 10px rgba(63,157,255,.85);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1) .5s}
.pic-cap span{display:block;font-size:.92rem;line-height:1.4;color:#dbe7f5}
.js .pic-card.reveal:not(.in) .pic-cap strong::after{transform:scaleX(0)}
.js .pic-card.reveal:not(.in)>img,.js .pic-card.reveal:not(.in)>video,.js .pic-card.reveal:not(.in) picture img{transform:scale(1.08)}
.pic-card.reveal.in>img,.pic-card.reveal.in>video{transition-duration:2s}
@media (hover:hover){.pic-card:hover>img,.pic-card:hover>video,.pic-card:hover picture img{transform:scale(1.04)}}
@media (max-width:700px){
  .pic-card{border-radius:16px}
  .pic-card .pic-cap{padding:56px 16px 16px}
  .pic-cap span{font-size:.84rem}
}



/* ===== Vídeo Reels na home ===== */
.reel-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,96px);align-items:center}
.reel-copy>.tt{margin-bottom:22px}
.reel-copy>p{margin:0;color:var(--txt);max-width:520px}
.reel-points{list-style:none;display:flex;flex-wrap:wrap;gap:10px;margin:26px 0 30px;padding:0}
.reel-points li{font:800 .82rem/1 var(--head);letter-spacing:.22em;text-transform:uppercase;color:#cfe0ff;padding:10px 14px;border:1px solid rgba(90,150,255,.45);border-radius:8px;background:rgba(31,111,224,.10);box-shadow:inset 0 0 14px rgba(47,123,255,.12)}
.reel-copy .actions{display:flex;flex-wrap:wrap;gap:12px}
.reel-stage{position:relative;display:flex;justify-content:center;isolation:isolate}
.reel-stage::before{content:"";position:absolute;z-index:-1;inset:8% -10%;background:radial-gradient(closest-side,rgba(40,110,255,.38),rgba(40,110,255,.10) 60%,transparent);filter:blur(18px)}
.reel-frame{position:relative;width:min(100%,360px);border-radius:24px;overflow:hidden;background:#03060d;border:1.5px solid rgba(110,165,255,.7);box-shadow:0 0 0 1px rgba(47,123,255,.2),0 0 34px rgba(47,123,255,.4),0 30px 70px rgba(0,8,26,.55)}
.reel-video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:cover;background:#03060d}
.reel-btn{position:absolute;bottom:14px;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 14px;border-radius:21px;border:1px solid rgba(140,185,255,.55);background:rgba(4,12,30,.62);color:#fff;font:700 .85rem/1 var(--ui);cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:background .2s,border-color .2s}
.reel-btn:hover{background:rgba(31,111,224,.55);border-color:#8fb8ff}
.reel-btn:focus-visible{outline:2px solid #8fb8ff;outline-offset:2px}
.reel-btn svg{width:20px;height:20px}
.reel-sound{left:14px}
.reel-play{right:14px;width:42px;padding:0;justify-content:center}
.reel-sound .on,.reel-sound[aria-pressed="true"] .off{display:none}
.reel-sound[aria-pressed="true"] .on{display:inline}
.reel-play .play,.reel-play.is-paused .pause{display:none}
.reel-play.is-paused .play{display:inline}
@media (max-width:980px){
  .reel-grid{grid-template-columns:minmax(0,1fr)!important}
  .reel-frame{width:min(100%,320px)}
}
@media (max-width:560px){
  .reel-points{gap:8px}
  .reel-points li{font-size:.72rem;letter-spacing:.14em;padding:9px 11px}
}