/* =========================================================
   STYLLUS V69 — VISUAL PÚBLICO INDUSTRIAL MODERNO
   ========================================================= */
:root{
  --industrial-bg:#070a0e;
  --industrial-surface:#10161e;
  --industrial-surface-2:#151d27;
  --industrial-line:#263546;
  --industrial-blue:#168cff;
  --industrial-blue-soft:#72baff;
  --industrial-orange:#f36b16;
  --industrial-white:#f4f7fa;
  --industrial-muted:#9eabb9;
  --industrial-radius:20px;
  --industrial-shadow:0 20px 55px rgba(0,0,0,.34);
}
html{scroll-padding-top:92px}
body{
  background:
    radial-gradient(circle at 84% 4%,rgba(22,140,255,.13),transparent 24%),
    radial-gradient(circle at 12% 24%,rgba(243,107,22,.08),transparent 20%),
    linear-gradient(180deg,#070a0e 0%,#0a0e13 48%,#070a0e 100%)!important;
  color:var(--industrial-white)!important;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  line-height:1.55;
}
body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,#000,transparent 78%)}
.container{width:min(1220px,calc(100% - 34px))}
.header{background:rgba(7,10,14,.82)!important;border-bottom:1px solid rgba(114,186,255,.18)!important;backdrop-filter:blur(18px) saturate(135%)!important;box-shadow:0 10px 35px rgba(0,0,0,.16)}
.nav{min-height:78px;padding:10px 0!important}
.logo{color:var(--industrial-white)!important;letter-spacing:.01em}.logo>span:last-child{font-size:16px}.logo img{border-radius:0!important;background:transparent!important;box-shadow:none!important;object-fit:contain!important}
.menu{align-items:center!important;gap:5px!important}.menu a{padding:10px 12px!important;border-radius:10px;color:#c8d0da!important;font-weight:700;transition:.2s}.menu a:hover{background:rgba(22,140,255,.10);color:#fff!important}.catalogo-menu-destaque{background:linear-gradient(135deg,#f36b16,#d9520d)!important;box-shadow:0 9px 24px rgba(243,107,22,.22)!important}
.share-top-btn{border:1px solid rgba(114,186,255,.25)!important;background:rgba(22,140,255,.12)!important;color:#d8ecff!important;box-shadow:none!important}
.hero{position:relative;isolation:isolate;min-height:600px;padding:82px 0 70px!important;background:transparent!important;overflow:hidden}
.hero:before{content:"AUTOMAÇÃO  •  SEGURANÇA  •  SERRALHERIA";position:absolute;left:50%;top:36px;z-index:-1;transform:translateX(-50%);width:max-content;color:rgba(255,255,255,.018);font-size:clamp(54px,9vw,138px);font-weight:950;letter-spacing:.08em;white-space:nowrap}
.hero-grid{grid-template-columns:.78fr 1.22fr!important;gap:54px!important}
.hero-copy{padding:12px 0}.hero-copy:before{content:none!important;display:none!important}
.hero h1{font-size:clamp(34px,4.2vw,56px)!important;line-height:1!important;letter-spacing:-.03em!important;text-wrap:balance}.hero-copy h1::after{width:84px!important;height:4px!important;background:linear-gradient(90deg,var(--industrial-blue),var(--industrial-orange))!important}
.hero .lead{max-width:570px;color:#abb7c5!important;font-size:clamp(16px,1.5vw,20px)!important;line-height:1.65}
.hero-actions{margin-top:30px}.btn{border-radius:12px!important;min-height:48px;transition:transform .2s,box-shadow .2s,filter .2s}.btn:hover{transform:translateY(-2px);filter:brightness(1.06)}.hero-actions .btn:first-child{background:linear-gradient(135deg,#f36b16,#d8530f)!important;box-shadow:0 12px 28px rgba(243,107,22,.25)}.hero-actions .btn.secondary{background:rgba(22,140,255,.08)!important;border:1px solid rgba(114,186,255,.38)!important;color:#b8dcff!important}
.slider{min-height:420px!important;border:1px solid rgba(114,186,255,.26)!important;border-radius:28px!important;background:#0d131a!important;box-shadow:0 35px 80px rgba(0,0,0,.46),0 0 0 7px rgba(255,255,255,.018)!important}.slider:before{content:"";position:absolute;inset:0;z-index:4;pointer-events:none;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.10),transparent 22%,transparent 76%,rgba(22,140,255,.12))}.slider-dots{bottom:18px!important}.slider-dots button{width:24px!important;height:4px!important;border-radius:10px!important;background:#fff!important}.slider-dots button.active{width:44px!important;background:#168cff!important}
.trust-bar{padding:18px 0!important;background:rgba(10,15,21,.78)!important;border-color:#223040!important}.trust-grid{grid-template-columns:repeat(4,1fr)!important}.trust-item{min-height:64px!important;background:linear-gradient(145deg,#111923,#0d131a)!important;border:1px solid #263546!important;border-radius:15px!important;color:#dce4ed;box-shadow:inset 0 1px rgba(255,255,255,.035)}
.icon-menu-grid{margin-top:22px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.icon-menu-card{min-height:72px!important;background:linear-gradient(145deg,#121922,#0d131a)!important;border:1px solid #263546!important;border-radius:16px!important;color:#dbe4ed}.icon-menu-card:hover{background:#141f2b!important;border-color:#168cff!important;box-shadow:0 12px 28px rgba(0,0,0,.25)}
main>section:not(.hero):not(.trust-bar){position:relative;padding:72px 0}
main>section:nth-of-type(even):not(.hero):not(.trust-bar){background:linear-gradient(180deg,rgba(18,25,34,.38),rgba(10,14,19,.12));border-top:1px solid rgba(255,255,255,.025);border-bottom:1px solid rgba(255,255,255,.025)}
.section-title{align-items:center!important;margin-bottom:30px!important}.section-title h2,.brands-header h2{font-size:clamp(28px,3.5vw,44px)!important;letter-spacing:-.03em}.section-title h2:before,.brands-header h2:before{content:"";display:inline-block;width:8px;height:8px;margin:0 11px 5px 0;border-radius:2px;background:#168cff;box-shadow:0 0 15px rgba(22,140,255,.8)}.section-title p,.brands-header p{color:var(--industrial-muted)!important}
.services-grid,.gallery-grid,.ad-grid{gap:18px!important}.service,.work-card,.gallery-item,.ad-item,.testimonial,.faq,.download-card,.diff{position:relative;overflow:hidden;background:linear-gradient(145deg,#131b25,#0d131a)!important;border:1px solid #263546!important;border-radius:var(--industrial-radius)!important;box-shadow:0 12px 32px rgba(0,0,0,.16);padding:18px!important}.service:before,.work-card:before,.gallery-item:before,.ad-item:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#168cff,transparent 65%);opacity:.7}.service:hover,.work-card:hover,.gallery-item:hover,.ad-item:hover,.testimonial:hover{transform:translateY(-6px)!important;border-color:rgba(22,140,255,.65)!important;box-shadow:var(--industrial-shadow)!important}.service img,.work-card img,.gallery-item img,.ad-item img,.testimonial img,.service video,.gallery-item video{border-radius:14px!important;background:#080c11}.service h3,.work-card h3{color:#e7edf4!important;font-size:20px}.service p,.work-card p,.gallery-item,.ad-item,.testimonial p,.faq p{color:#a9b4c1!important}.service .btn,.work-card .btn,.gallery-item .btn,.ad-item .btn{width:100%;margin-top:8px;background:rgba(22,140,255,.10)!important;border:1px solid rgba(114,186,255,.28)!important;color:#a8d6ff!important}
.diff{min-height:76px;display:flex;align-items:center;color:#cfe5f9}.diff::first-letter{color:#168cff}
.brands-section{background:linear-gradient(135deg,rgba(22,140,255,.08),rgba(243,107,22,.05))!important}.brand-card{background:#111923!important;border:1px solid #263546!important;border-radius:17px!important;box-shadow:none!important}.brand-services{color:#98a7b7!important}
.testimonial{padding:24px!important}.testimonial h3{color:#dbe8f5}.faq{cursor:pointer}.faq h3{padding-right:28px;color:#dbe8f5}.faq h3:after{content:"+";position:absolute;right:19px;color:#168cff;font-size:24px}.faq.open h3:after{content:"−"}
.cta{background:linear-gradient(120deg,rgba(22,140,255,.12),rgba(243,107,22,.08))!important;border-color:#263546!important}.cta .btn{background:linear-gradient(135deg,#f36b16,#d8530f)!important;color:#fff!important;box-shadow:0 12px 28px rgba(243,107,22,.2)}
.footer{background:#06090d;border-top:1px solid #263546!important;color:#929eac!important}.footer a{color:#72baff!important}.float-wa{right:20px!important;bottom:20px!important;padding:14px 20px!important;border:1px solid rgba(255,255,255,.2);box-shadow:0 16px 38px rgba(0,0,0,.42)}
.v9-tools{padding:12px;border:1px solid #263546;border-radius:16px;background:#0c1219}.v9-search{background:#080d12!important;border-color:#29394a!important}.v9-filter-btn{background:#111923!important;border-color:#29394a!important}.v9-filter-btn.active,.v9-filter-btn:hover{background:#168cff!important;color:#fff!important}.v9-stat{background:#111923!important;border-color:#263546!important}.v9-stat strong{color:#72baff!important}
@media(max-width:1000px){.hero-grid{grid-template-columns:1fr!important}.hero{padding-top:58px!important}.hero-copy{max-width:760px}.slider{min-height:0!important}.services-grid,.gallery-grid,.ad-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:900px){.nav{min-height:68px}.mobile-menu-toggle{display:block!important}.menu{top:100%!important;background:rgba(8,12,17,.98)!important;border-color:#263546!important}.menu a{padding:14px!important}.trust-grid{grid-template-columns:repeat(2,1fr)!important}.share-top-btn{display:none!important}}
@media(max-width:620px){.container{width:min(100% - 22px,1220px)}.hero{min-height:0;padding:44px 0 42px!important}.hero:before{display:none}.hero h1{font-size:clamp(28px,9vw,40px)!important}.hero .lead{font-size:16px!important}.slider{border-radius:19px!important}.trust-grid{gap:8px!important}.trust-item{min-height:58px!important;font-size:12px!important}.services-grid,.gallery-grid,.ad-grid{grid-template-columns:1fr!important}main>section:not(.hero):not(.trust-bar){padding:52px 0}.section-title{display:block!important}.section-title h2{font-size:30px!important}.section-title p{margin-top:8px}.service,.work-card,.gallery-item,.ad-item,.testimonial,.faq{border-radius:17px!important}.float-wa{right:12px!important;bottom:12px!important}}

/* V133 — compartilhar somente com ícone, sem caixa */
.header .share-top-btn{display:grid!important;place-items:center!important;flex:0 0 46px!important;width:46px!important;height:46px!important;min-width:46px!important;min-height:46px!important;padding:0!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;color:#fff!important;cursor:pointer!important;transition:transform .2s ease,color .2s ease,filter .2s ease!important}
.header .share-top-btn svg{display:block;width:34px;height:34px;fill:none;stroke:currentColor;stroke-width:5;stroke-linecap:round;stroke-linejoin:round}
.header .share-top-btn:hover,.header .share-top-btn:focus-visible{transform:translateY(-2px) scale(1.07)!important;color:#ff7a00!important;filter:drop-shadow(0 0 7px rgba(255,122,0,.65))!important;outline:none!important}
@media(max-width:900px){.header .share-top-btn{display:grid!important;margin-left:2px!important}.header .mobile-menu-toggle{margin-left:auto!important}}

/* V130 — animação definitiva do menu principal */
@media(min-width:901px){
  .header .menu a{position:relative!important;overflow:visible!important;transition:transform .24s ease,color .24s ease,background .24s ease,box-shadow .24s ease!important}
  .header .menu a::after{content:""!important;display:block!important;position:absolute!important;left:10px!important;right:10px!important;bottom:3px!important;width:auto!important;height:3px!important;border-radius:999px!important;background:linear-gradient(90deg,#168cff,#f36b16,#ffc247)!important;transform:scaleX(0)!important;transform-origin:center!important;opacity:0!important;transition:transform .28s ease,opacity .28s ease!important}
  .header .menu a:hover,.header .menu a:focus-visible{transform:translateY(-2px)!important;color:#fff!important;background:rgba(22,140,255,.11)!important;box-shadow:0 8px 18px rgba(0,0,0,.18)!important;outline:none!important}
  .header .menu a:hover::after,.header .menu a:focus-visible::after{transform:scaleX(1)!important;opacity:1!important}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* V126 — compartilhar compacto e entre o nome e o menu no celular */
@media(max-width:900px){
  .header .nav{flex-wrap:nowrap!important;gap:4px!important}
  .header .logo{order:1!important;min-width:0!important;max-width:calc(100% - 92px)!important}
  .header .share-top-btn{
    order:2!important;
    display:grid!important;
    place-items:center!important;
    flex:0 0 38px!important;
    width:38px!important;
    min-width:38px!important;
    max-width:38px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0!important;
    margin:0 0 0 auto!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
    font-size:0!important;
    text-indent:0!important;
    overflow:hidden!important
  }
  .header .share-top-btn svg{display:block!important;width:26px!important;height:26px!important}
  .header .mobile-menu-toggle{order:3!important;flex:0 0 46px!important;margin-left:0!important}
}