:root{
  --red:#b92828;
  --red-dark:#8d1717;
  --black:#111;
  --dark:#1b1b1b;
  --text:#2a2a2a;
  --muted:#777;
  --light:#f6f6f6;
  --white:#fff;
  --container:1170px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Roboto',Arial,sans-serif;color:var(--text);background:#fff;line-height:1.65}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.container{width:min(var(--container),calc(100% - 32px));margin:0 auto}
.top-line{
    background:#111;
    color:#d8d8d8;
    font-size:13px;
    border-bottom:1px solid rgba(255,255,255,.05);
}

.top-line__inner{
    height:42px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
}

.top-line__left,
.top-line__social{
    display:flex;
    align-items:center;
    gap:14px;
}

.top-line__left a{
    color:#d8d8d8;
    text-decoration:none;
    transition:.3s;
}

.top-line__left a:hover{
    color:var(--red);
}

/* Ícones sociais */
.top-line__social a{
    width:28px;
    height:28px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:13px;
    text-decoration:none;
    transition:.3s ease;
}

/* Facebook */
.top-line__social a.facebook{
    background:#1877F2;
}

/* Instagram */
.top-line__social a.instagram{
    background:linear-gradient(
        45deg,
        #f09433,
        #e6683c,
        #dc2743,
        #cc2366,
        #bc1888
    );
}

/* YouTube */
.top-line__social a.youtube{
    background:#FF0000;
}

.top-line__social a:hover{
    transform:translateY(-3px) scale(1.08);
    box-shadow:0 8px 16px rgba(0,0,0,.28);
}
.main-nav{background:#fff;box-shadow:0 8px 24px rgba(0,0,0,.09);position:sticky;top:0;z-index:50}
.main-nav__inner{height:92px;display:flex;align-items:center;justify-content:space-between}
.brand img{width:210px;max-height:70px;object-fit:contain}
.menu{display:flex;align-items:center;gap:0}
.menu a{font-family:'Montserrat',sans-serif;font-size:13px;text-transform:uppercase;font-weight:700;color:#222;padding:36px 12px;position:relative}
.menu a:after{content:'';position:absolute;left:12px;right:12px;bottom:27px;height:3px;background:var(--red);transform:scaleX(0);transition:.25s}
.menu a:hover,.menu a.active{color:var(--red)}
.menu a:hover:after,.menu a.active:after{transform:scaleX(1)}
.menu-toggle{display:none;background:none;border:0;gap:4px;flex-direction:column}
.menu-toggle span{width:28px;height:3px;background:#222;display:block}
.hero{height:640px;position:relative;display:flex;align-items:center;overflow:hidden;background:#111}
.hero__bg{position:absolute;inset:0;background-size:cover;background-position:center;filter:saturate(.85)}
.hero__overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.55),rgba(0,0,0,.2))}
.hero__diagonal{position:absolute;right:-160px;bottom:-160px;width:55%;height:100%;background:rgba(185,40,40,.78);transform:skewX(-22deg)}
.hero__content{position:relative;color:#fff;z-index:2;max-width:1170px}
.mini-title,.section-title span{font-family:'Montserrat',sans-serif;color:var(--red);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:2px}
.hero h1{font-family:'Montserrat',sans-serif;font-size:58px;line-height:1.05;margin:14px 0 16px;max-width:720px;text-transform:uppercase}
.hero p{font-size:21px;max-width:570px;color:#efefef;margin-bottom:28px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}


.hero__bg-video {
  position: absolute;
  inset: 0;
  z-index: 0;
}

.hero__bg-video video {
  width: 100%;
  height: 100%;
  object-fit: cover;
}


.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:0;padding:14px 25px;font-family:'Montserrat',sans-serif;text-transform:uppercase;font-weight:800;font-size:12px;letter-spacing:.6px;border:2px solid transparent;transition:.25s;cursor:pointer}
.btn-red{background:var(--red);color:#fff;border-color:var(--red)}
.btn-red:hover{background:var(--red-dark);border-color:var(--red-dark)}
.btn-line{background:transparent;color:#fff;border-color:#fff}
.btn-line:hover{background:#fff;color:#111}
.btn-dark{background:#111;color:#fff;border-color:#111}
.section{padding:86px 0}
.alt{background:#f3f3f3}
.split{display:grid;grid-template-columns:370px 1fr;gap:70px;align-items:start}
.section-title h2{font-family:'Montserrat',sans-serif;margin:8px 0 0;font-size:36px;line-height:1.22;color:#151515;text-transform:uppercase}
.section-title.center{text-align:center;max-width:760px;margin:0 auto 45px}
.section-title.light h2,.section-title.light span{color:#fff}
.section-title.light span{color:#fff}
.content p{margin:0 0 18px}
.content ul{padding-left:20px;margin:20px 0}
.content li{margin-bottom:7px}
.old-content{font-size:16px}
.who-block{background:#fff}
.who-grid{display:grid;grid-template-columns:48% 1fr;gap:65px;align-items:center}
.who-image{position:relative}
.who-image:before{content:'';position:absolute;left:-18px;top:-18px;width:120px;height:120px;border:9px solid var(--red);z-index:-1}
.who-image img{height:430px;width:100%;object-fit:cover;box-shadow:0 20px 45px rgba(0,0,0,.18)}
.who-text h2{font-family:'Montserrat',sans-serif;font-size:40px;line-height:1.18;margin:10px 0 20px;color:#151515}
.who-text h2 span{color:var(--red)}
.who-text .btn{margin-top:18px}
.services-preview{position:relative;background:#111;color:#fff;overflow:hidden}
.services-preview .container{position:relative;z-index:2}
.services-bg{position:absolute;inset:0;background-size:cover;background-position:center;opacity:.28;filter:grayscale(100%)}
.services-preview:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.74),rgba(0,0,0,.88))}
.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}
.service-card{position:relative;background:#fff;color:#333;padding:34px 28px;min-height:255px;border-top:5px solid var(--red);box-shadow:0 10px 28px rgba(0,0,0,.22);transition:.25s}
.service-card:hover{transform:translateY(-7px)}
.service-card__icon{width:52px;height:4px;background:var(--red);margin-bottom:22px}
.service-card h3{font-family:'Montserrat',sans-serif;margin:0 0 12px;font-size:20px;color:#1a1a1a;text-transform:uppercase}
.service-card p{color:#606060;margin-bottom:18px}
.service-card a{font-family:'Montserrat',sans-serif;font-weight:800;color:var(--red);font-size:12px;text-transform:uppercase}
.diff-wrap{display:grid;grid-template-columns:1fr 42%;gap:55px;align-items:center}
.diff-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.diff-item{display:flex;gap:15px;align-items:flex-start;background:#fff;padding:22px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.diff-item.box{display:block;text-align:center}
.diff-icon{width:54px;min-width:54px;height:54px}
.diff-icon img{width:54px;height:54px;object-fit:contain}
.diff-item h3{margin:0 0 5px;font-family:'Montserrat',sans-serif;color:#181818;font-size:17px;text-transform:uppercase}
.diff-item p{margin:0;color:#666;font-size:14px}
.diff-photo img{width:100%;height:560px;object-fit:cover}
.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.portfolio-item{position:relative;display:block;min-height:250px;overflow:hidden;background:#111;color:#fff}
.portfolio-item img{width:100%;height:250px;object-fit:cover;opacity:.76;transition:.35s}
.portfolio-item:hover img{transform:scale(1.06);opacity:.55}
.portfolio-item span{position:absolute;left:22px;right:22px;bottom:18px;font-family:'Montserrat',sans-serif;font-weight:800;text-transform:uppercase;font-size:18px;text-shadow:0 2px 15px #000}
.portfolio-content{padding:20px;background:#fff;color:#333;position:relative}
.videos-section{background:#191919;color:#fff}
.video-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.video-grid iframe{width:100%;aspect-ratio:16/9;border:0;background:#000}
.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.testimonial-card{background:#fff;border-left:5px solid var(--red);box-shadow:0 10px 28px rgba(0,0,0,.09);padding:28px}
.testimonial-card p{font-style:italic;color:#555}
.testimonial-card strong{color:var(--red);font-family:'Montserrat',sans-serif}
.page-hero{height:360px;background:#151515;position:relative;display:flex;align-items:center;color:#fff;overflow:hidden}
.page-hero:before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(0,0,0,.78),rgba(147,30,30,.75)),url('../img/placeholder-automacao.svg');background-size:cover;background-position:center}
.page-hero__content{position:relative;z-index:2}
.page-hero h1{font-family:'Montserrat',sans-serif;font-size:48px;margin:10px 0 5px;text-transform:uppercase}
.page-hero p{max-width:660px;color:#e6e6e6}
.item-list{display:grid;gap:30px}
.detail-card{display:grid;grid-template-columns:38% 1fr;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.08)}
.detail-card__image img{width:100%;height:100%;min-height:310px;object-fit:cover}
.detail-card__text{padding:36px}
.detail-card__text h2{font-family:'Montserrat',sans-serif;text-transform:uppercase;color:#151515;margin-top:0}
.clients-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.client-card{background:#fff;min-height:150px;display:flex;align-items:center;justify-content:center;flex-direction:column;padding:24px;box-shadow:0 8px 25px rgba(0,0,0,.08)}
.client-card img{max-height:70px;object-fit:contain;margin-bottom:12px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:start}
.contact-card,.contact-form{background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.09);padding:35px}
.contact-card h2{font-family:'Montserrat',sans-serif;margin-top:0;text-transform:uppercase}
.contact-form{display:grid;gap:14px}
.contact-form input,.contact-form textarea{width:100%;border:1px solid #ddd;padding:14px;font:inherit}
.footer{background:#111;color:#ccc}
.footer__top{padding:60px 0}
.footer-grid{display:grid;grid-template-columns:1.4fr .8fr 1fr 1.2fr;gap:34px}
.footer-logo img{width:190px;margin-bottom:20px;border-radius: 30px;}
.footer h3{color:#fff;font-family:'Montserrat',sans-serif;text-transform:uppercase;font-size:16px}
.footer a{display:block;color:#ccc;margin-bottom:8px}
.footer a:hover{color:#fff}
.social-circles{
    display:flex;
    gap:12px;
    margin-top:20px;
}

.social-circles a{
    width:44px;
    height:44px;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
    color:#fff;
    font-size:18px;
    text-decoration:none;
    transition:0.3s ease;
}

/* Facebook */
.social-circles a.facebook{
    background:#1877F2;
}

/* Instagram */
.social-circles a.instagram{
    background:linear-gradient(
        45deg,
        #f09433,
        #e6683c,
        #dc2743,
        #cc2366,
        #bc1888
    );
}

/* YouTube */
.social-circles a.youtube{
    background:#FF0000;
}

/* Hover */
.social-circles a:hover{
    transform:translateY(-5px) scale(1.08);
    box-shadow:0 10px 20px rgba(0,0,0,0.25);
}
.footer__bottom{border-top:1px solid rgba(255,255,255,.08);padding:17px 0;font-size:13px;text-align:center}
.whatsapp-float{position:fixed;right:18px;bottom:18px;z-index:60;background:#26d366;color:#fff;padding:13px 18px;border-radius:999px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.25)}
.thanks{min-height:100vh;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}
.center-text{text-align:center}
@media(max-width:980px){
  .top-line__inner{height:auto;padding:10px 0;flex-direction:column;align-items:flex-start}
  .menu-toggle{display:flex}
  .menu{display:none;position:absolute;left:0;right:0;top:92px;background:#fff;flex-direction:column;align-items:stretch;box-shadow:0 10px 25px rgba(0,0,0,.1)}
  .menu.open{display:flex}
  .menu a{padding:14px 24px}
  .hero{height:570px}.hero h1{font-size:40px}.hero__diagonal{display:none}
  .split,.who-grid,.diff-wrap,.detail-card,.contact-grid{grid-template-columns:1fr}
  .cards-grid,.portfolio-grid,.video-grid,.testimonial-grid,.clients-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .who-image img {height:200px}
  .main-nav__inner{height:78px}.brand img{width:170px}.menu{top:78px}
  .hero{height:520px}.hero h1{font-size:32px}.hero p{font-size:17px}
  .section{padding:58px 0}.section-title h2,.who-text h2{font-size:28px}
  .cards-grid,.portfolio-grid,.video-grid,.testimonial-grid,.clients-grid,.diff-grid{grid-template-columns:1fr}
  .footer-grid{grid-template-columns:1fr}
}

/* Ajustes premium Viva Automação — transições, tecnologia e paleta da nova logo */
:root{
  --red:#f28c18;
  --red-dark:#c86d06;
  --orange:#f28c18;
  --orange-dark:#c86d06;
  --black:#101010;
  --dark:#161616;
  --text:#202020;
  --muted:#6d6d6d;
  --light:#f8f5f0;
  --white:#fff;
  --glow:rgba(242,140,24,.36);
}
body{background:#fff;color:var(--text);overflow-x:hidden}
body:not(.site-loaded){overflow:hidden}
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;transition:background .38s ease,box-shadow .38s ease,backdrop-filter .38s ease,transform .38s ease}
.top-line{    background: rgba(255, 255, 255, .96);transition:height .35s ease,opacity .35s ease,padding .35s ease}
.main-nav{position:relative;top:-2px;background:rgba(255,255,255,.96);box-shadow:0 12px 34px rgba(0,0,0,.10);backdrop-filter:blur(10px);transition:background .38s ease,box-shadow .38s ease,border-color .38s ease}
.site-header.is-scrolled .top-line{opacity:0;pointer-events:none;height:0;overflow:hidden}
.site-header.is-scrolled .main-nav{background:linear-gradient(90deg,rgba(255,255,255,.86),rgba(255,247,237,.72));box-shadow:0 14px 42px rgba(0,0,0,.16);border-bottom:1px solid rgba(242,140,24,.25);backdrop-filter:blur(18px)}
.site-header.is-scrolled .main-nav__inner{height:74px}
.main-nav__inner{transition:height .35s ease}
.brand img{width:180px;max-height:66px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.10));transition:transform .35s ease, width .35s ease, filter .35s ease}
.site-header.is-scrolled .brand img{width:148px;filter:drop-shadow(0 8px 18px rgba(0,0,0,.16))}
.menu a{transition:color .25s ease,transform .25s ease;text-shadow:0 0 0 transparent}
.menu a:after{background:linear-gradient(90deg,var(--orange),#ffbd62);box-shadow:0 0 18px var(--glow)}
.menu a:hover{transform:translateY(-2px);color:var(--red)}
.hero{padding-top:134px;min-height:720px;background:#0f0f0f;isolation:isolate}
.hero:before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(circle at 20% 25%,rgba(242,140,24,.24),transparent 28%),linear-gradient(115deg,rgba(0,0,0,.08),transparent 50%)}
.hero:after{content:'';position:absolute;inset:-2px;z-index:1;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(90deg,#000,transparent 70%);animation:gridPulse 6s ease-in-out infinite}
.hero__overlay{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.58),rgba(0,0,0,.25))}
.hero__diagonal{background:linear-gradient(135deg,rgba(242,140,24,.88),rgba(200,109,6,.62));box-shadow:-30px 0 70px rgba(242,140,24,.28)}
.hero__content{animation:heroReveal 1.15s cubic-bezier(.18,.78,.24,1) .55s both}
.hero h1{letter-spacing:-1px;text-shadow:0 18px 48px rgba(0,0,0,.45)}
.hero p{animation:fadeUp .9s ease .85s both}
.hero-actions{animation:fadeUp .9s ease 1.05s both}
.mini-title,.section-title span{color:var(--red)}
.btn{position:relative;overflow:hidden;border-radius:2px;transform:translateZ(0);box-shadow:0 10px 24px rgba(0,0,0,.12);transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background .28s ease,border-color .28s ease,color .28s ease}
.btn:before{content:'';position:absolute;left:var(--mx,50%);top:var(--my,50%);width:0;height:0;border-radius:50%;background:rgba(255,255,255,.32);transform:translate(-50%,-50%);transition:width .42s ease,height .42s ease;z-index:0}
.btn:hover:before{width:280px;height:280px}.btn>*{position:relative;z-index:1}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(0,0,0,.22)}
.btn-red{background:linear-gradient(135deg,var(--orange),#ffab3e);border-color:var(--red);color:#fff}.btn-red:hover{background:linear-gradient(135deg,#ffab3e,var(--orange-dark));border-color:#ffab3e;color:#fff}
.btn-line:hover{color:#111;border-color:#fff}.btn-dark{background:linear-gradient(135deg,#111,#303030)}
.service-card,.testimonial-card,.diff-item,.contact-card,.contact-form,.client-card,.detail-card{border-color:var(--red);transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s ease,border-color .35s ease}
.service-card{border-top-color:var(--red)}.service-card__icon{background:linear-gradient(90deg,var(--orange),#ffbd62);box-shadow:0 0 22px var(--glow)}
.service-card:hover,.diff-item:hover,.testimonial-card:hover,.client-card:hover{transform:translateY(-9px);box-shadow:0 22px 55px rgba(0,0,0,.16)}
.service-card a,.testimonial-card strong{color:var(--red)}
.who-image:before{border-color:var(--red);box-shadow:0 0 35px var(--glow)}
.who-text h2 span{color:var(--red)}
.page-hero{padding-top:134px;min-height:430px}.page-hero:before{background:linear-gradient(135deg,rgba(0,0,0,.82),rgba(242,140,24,.70)),url('../img/placeholder-automacao.svg');background-size:cover;background-position:center}
.footer{background:linear-gradient(135deg,#111,#1e160d)}.social-circles a{background:linear-gradient(135deg,var(--orange),#ffb24d);transition:transform .25s ease,box-shadow .25s ease}.social-circles a:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 10px 25px var(--glow)}
.whatsapp-float{
    position:fixed;
    right:22px;
    bottom:22px;
    width:62px;
    height:62px;
    border-radius:50%;
    background:#25D366;
    color:#fff;
    display:flex;
    align-items:center;
    justify-content:center;
    font-size:32px;
    text-decoration:none;
    z-index:9999;
    box-shadow:0 10px 25px rgba(37,211,102,.35);
    transition:.3s ease;
}

.whatsapp-float:hover{
    transform:scale(1.08) translateY(-4px);
    box-shadow:0 16px 32px rgba(37,211,102,.45);
}

.whatsapp-float i{
    line-height:1;
}
.intro-loader{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 42%,rgba(242,140,24,.18),transparent 28%),linear-gradient(135deg,#fff,#f7efe4 45%,#fff);transition:opacity .65s ease,visibility .65s ease}.site-loaded .intro-loader{opacity:0;visibility:hidden}.intro-loader__mark{text-align:center;color:#111;position:relative;animation:introPop 1.15s cubic-bezier(.16,.86,.25,1) both}.intro-loader__mark:after{content:'';display:block;width:250px;height:4px;margin:22px auto 0;background:linear-gradient(90deg,transparent,var(--orange),transparent);box-shadow:0 0 24px var(--glow);animation:scanLine 1.1s ease-in-out infinite}.intro-loader__mark strong{display:block;font-family:'Montserrat',sans-serif;font-size:clamp(58px,8vw,118px);font-weight:800;letter-spacing:.05em;line-height:.9}.intro-loader__mark em{display:block;font-style:normal;font-size:clamp(16px,2.1vw,31px);font-weight:600;margin-top:16px}.intro-loader__waves{height:92px;position:relative;margin-bottom:6px}.intro-loader__waves span{position:absolute;left:50%;bottom:0;border:18px solid var(--orange);border-bottom:0;border-radius:180px 180px 0 0;transform:translateX(-50%);opacity:.92;filter:drop-shadow(0 0 18px var(--glow));animation:waveGlow 1.2s ease-in-out infinite}.intro-loader__waves span:nth-child(1){width:78px;height:38px;animation-delay:.1s}.intro-loader__waves span:nth-child(2){width:142px;height:70px;animation-delay:.22s}.intro-loader__waves span:nth-child(3){width:215px;height:106px;animation-delay:.34s}
.reveal-tech{opacity:0;transform:translateY(34px);filter:blur(7px);transition:opacity .78s ease,transform .78s cubic-bezier(.18,.78,.24,1),filter .78s ease}.reveal-tech.in-view{opacity:1;transform:none;filter:blur(0)}.cards-grid .service-card:nth-child(2),.portfolio-grid .portfolio-item:nth-child(2),.testimonial-grid .testimonial-card:nth-child(2){transition-delay:.09s}.cards-grid .service-card:nth-child(3),.portfolio-grid .portfolio-item:nth-child(3),.testimonial-grid .testimonial-card:nth-child(3){transition-delay:.18s}
@keyframes heroReveal{from{opacity:0;transform:translateY(38px) scale(.98);filter:blur(10px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes fadeUp{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}@keyframes gridPulse{0%,100%{opacity:.28;transform:translateY(0)}50%{opacity:.50;transform:translateY(10px)}}@keyframes introPop{from{opacity:0;transform:scale(.92);filter:blur(10px)}to{opacity:1;transform:scale(1);filter:blur(0)}}@keyframes scanLine{0%,100%{transform:scaleX(.45);opacity:.45}50%{transform:scaleX(1);opacity:1}}@keyframes waveGlow{0%,100%{opacity:.62;transform:translateX(-50%) translateY(0)}50%{opacity:1;transform:translateX(-50%) translateY(-5px)}}
@media(max-width:980px){.site-header{position:fixed}.hero{padding-top:112px}.page-hero{padding-top:112px}.menu{top:74px}.site-header:not(.is-scrolled) .menu{top:92px}.site-header.is-scrolled .menu{top:74px}.menu.open{background:rgba(255,255,255,.96);backdrop-filter:blur(18px)}}
@media(max-width:640px){.top-line{display:none}.main-nav{background:rgba(255,255,255,.94)}.hero{padding-top:78px}.page-hero{padding-top:78px}.intro-loader__waves{transform:scale(.75);margin-bottom:-8px}.intro-loader__mark:after{width:190px}.menu a:after{bottom: 40px;}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro-loader{display:none}.reveal-tech{opacity:1;transform:none;filter:none}}

/* Ajuste final — transição suave da barra superior ao rolar */
.top-line{
  height:42px;
  opacity:1;
  overflow:hidden;
  transform:translateY(0);
  will-change:height, opacity, transform;
  transition:
    height .48s cubic-bezier(.22,.9,.24,1),
    opacity .34s ease,
    transform .48s cubic-bezier(.22,.9,.24,1),
    padding .48s cubic-bezier(.22,.9,.24,1),
    margin .48s cubic-bezier(.22,.9,.24,1),
    background .38s ease;
}

.top-line__inner{
  height:42px;
  min-height:42px;
  transition:
    height .48s cubic-bezier(.22,.9,.24,1),
    min-height .48s cubic-bezier(.22,.9,.24,1),
    opacity .34s ease,
    transform .48s cubic-bezier(.22,.9,.24,1);
}

.site-header.is-scrolled .top-line{
  height:0;
  opacity:0;
  padding-top:0;
  padding-bottom:0;
  margin-top:0;
  margin-bottom:0;
  transform:translateY(-12px);
  pointer-events:none;
}

.site-header.is-scrolled .top-line__inner{
  height:0;
  min-height:0;
  opacity:0;
  transform:translateY(-8px);
}

.main-nav,
.main-nav__inner,
.brand img,
.menu a{
  transition:
    height .48s cubic-bezier(.22,.9,.24,1),
    min-height .48s cubic-bezier(.22,.9,.24,1),
    background .42s ease,
    box-shadow .42s ease,
    backdrop-filter .42s ease,
    border-color .42s ease,
    transform .32s ease,
    width .42s ease,
    color .28s ease;
}

.site-header.is-scrolled .main-nav{
  background:linear-gradient(90deg,rgba(255,255,255,.88),rgba(255,247,237,.76));
  box-shadow:0 14px 42px rgba(0,0,0,.16);
  border-bottom:1px solid rgba(242,140,24,.25);
  backdrop-filter:blur(18px);
}

/* Ajustes solicitados — one page, leitura mais forte e navegação por âncoras */
html{
  scroll-behavior:smooth;
  scroll-padding-top:96px;
}
body,
p,
li,
.content,
.old-content,
.contact-card,
.service-card p,
.diff-item p,
.testimonial-card p{
  font-weight:500;
}
strong,
h1,
h2,
h3,
.menu a,
.btn,
.section-title span,
.mini-title{
  font-weight:800;
}
.clean-cards .service-card{
  background:#fff;
  color:#333;
  box-shadow:0 10px 28px rgba(0,0,0,.10);
}
.clean-cards .service-card h3{color:#1a1a1a}
.clean-cards .service-card p{color:#606060}
#home,#quem-somos,#solucoes,#ambientes,#portfolio,#clientes,#contato{
  scroll-margin-top:96px;
}
@media(max-width:640px){
  html{scroll-padding-top:82px}
  #home,#quem-somos,#solucoes,#ambientes,#portfolio,#clientes,#contato{scroll-margin-top:82px}
}

/* Ajustes one page solicitados */
html{scroll-padding-top:118px}
.section{scroll-margin-top:118px}
#home{scroll-margin-top:0}
body{font-weight:500}
p,.content,.old-content,.who-text .content,.service-card p,.testimonial-card p,.contact-card p,.footer p{text-align:justify;text-justify:inter-word}
.section-title.center p,.hero p{text-align:left}
.top-line__left a{color:#f2f2f2;font-weight:700}
.top-line__left a:hover{color:#fff}
.hero__bg{background-color:#111;background-size:cover;background-position:center right;opacity:.95}
.hero__overlay{background:linear-gradient(90deg,rgba(0,0,0,.88),rgba(0,0,0,.60),rgba(0,0,0,.12))}
.hero h1,.section-title h2,.who-text h2,.service-card h3,.testimonial-card strong,.contact-card h2,.footer h3{font-weight:800}
.service-card{min-height:auto;height:100%}
.service-card p{margin-bottom:0;color:#4f4f4f;font-weight:500}
.contact-card a{color:rgb(145 70 11);font-weight:800}

@media(max-width:980px){
  html{scroll-padding-top:92px}.section{scroll-margin-top:92px}
  .top-line__left{flex-wrap:wrap;gap:8px 12px}
}
@media(max-width:640px){
  html{scroll-padding-top:82px}.section{scroll-margin-top:82px}
  p,.content,.old-content,.who-text .content,.service-card p,.testimonial-card p,.contact-card p,.footer p{text-align:left}
  .hero__bg{background-position:center}
}

/* Carrossel de Soluções - uma linha */
.solutions-carousel{
  overflow:hidden;
  width:100%;
  position:relative;
  padding:4px 0 18px;
}
.solutions-track{
  display:flex;
  gap:26px;
  will-change:transform;
  transition:transform .7s ease;
}
.solutions-track .service-card{
  flex:0 0 calc((100% - 52px) / 3);
  min-width:0;
}
.solutions-carousel:hover .service-card{transform:none}
.solutions-carousel.is-paused .solutions-track{transition:transform .35s ease}

/* Carrossel de Clientes - contínuo */
.clients-carousel{
  overflow:hidden;
  width:100%;
  position:relative;
  padding:4px 0 18px;
}
.clients-track{
  display:flex;
  gap:24px;
  width:max-content;
  will-change:transform;
  animation:clientsMarquee 42s linear infinite;
}
.clients-track .testimonial-card{
  flex:0 0 360px;
  width:360px;
}
@keyframes clientsMarquee{
  from{transform:translateX(0)}
  to{transform:translateX(calc(-50% - 12px))}
}

@media(max-width:980px){
  .solutions-track .service-card{flex-basis:calc((100% - 26px) / 2)}
  .clients-track .testimonial-card{flex-basis:320px;width:320px}
}
@media(max-width:640px){
  .solutions-track .service-card{flex-basis:100%}
  .clients-track .testimonial-card{flex-basis:285px;width:285px}
}

/* Ajustes finais - carrossel de soluções responsivo */
.solutions-carousel{
  overflow:hidden;
  padding:18px 58px 54px;
  touch-action:pan-y;
}
.solutions-track{
  align-items:stretch;
}
.solutions-track .service-card{
  opacity:.72;
  transform:scale(.92);
  filter:saturate(.9);
  transition:transform .45s ease, opacity .45s ease, box-shadow .45s ease, filter .45s ease;
}
.solutions-track .service-card.is-active{
  opacity:1;
  transform:scale(1.04);
  filter:saturate(1.05);
  box-shadow:0 26px 70px rgba(0,0,0,.34), 0 0 0 1px rgba(255,152,48,.22);
  z-index:2;
}
.solutions-carousel:hover .service-card.is-active{transform:scale(1.04)}
.solutions-nav{
  position:absolute;
  top:50%;
  transform:translateY(-50%);
  width:46px;
  height:46px;
  border:1px solid rgba(255,255,255,.36);
  border-radius:50%;
  background:rgba(0,0,0,.42);
  color:#fff;
  font-size:30px;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  z-index:5;
  backdrop-filter:blur(8px);
  transition:.25s ease;
}
.solutions-nav:hover{background:var(--orange);border-color:var(--red);transform:translateY(-50%) scale(1.06)}
.solutions-nav.prev{left:4px}
.solutions-nav.next{right:4px}
.solutions-dots{
  position:absolute;
  left:50%;
  bottom:16px;
  transform:translateX(-50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  z-index:6;
}
.solutions-dot{
  width:9px;
  height:9px;
  border-radius:99px;
  border:0;
  background:rgba(255,255,255,.45);
  cursor:pointer;
  padding:0;
  transition:.25s ease;
}
.solutions-dot.is-active{
  width:28px;
  background:var(--orange);
  box-shadow:0 0 20px rgba(255,122,24,.55);
}
@media(max-width:980px){
  .solutions-carousel{padding-left:46px;padding-right:46px}
  .solutions-track .service-card.is-active{transform:scale(1.02)}
  .solutions-carousel:hover .service-card.is-active{transform:scale(1.02)}
}
@media(max-width:640px){
  .solutions-carousel{
    padding:8px 0 48px;
    overflow:hidden;
  }
  .solutions-track{gap:18px}
  .solutions-track .service-card{
    flex-basis:100%;
    opacity:1;
    transform:none;
    filter:none;
  }
  .solutions-track .service-card.is-active{
    transform:none;
    box-shadow:0 18px 48px rgba(0,0,0,.28);
  }
  .solutions-nav{display:none}
  .solutions-dots{bottom:14px}
  .solutions-dot{width:8px;height:8px;background:rgba(255,255,255,.55)}
  .solutions-dot.is-active{width:24px}
}

/* Cases de sucesso clicáveis */
.portfolio-item{
  text-decoration:none;
  border-radius:20px;
  box-shadow:0 16px 38px rgba(0,0,0,.14);
}
.portfolio-item em{
  position:absolute;
  left:22px;
  bottom:52px;
  display:inline-flex;
  align-items:center;
  gap:6px;
  padding:6px 11px;
  border-radius:999px;
  background:rgba(255,255,255,.92);
  color:#111;
  font-style:normal;
  font-size:12px;
  font-weight:800;
  text-transform:uppercase;
  letter-spacing:.04em;
  z-index:2;
}
.portfolio-item em:after{content:'↗';font-size:13px;line-height:1}
.portfolio-item:hover span{color:#fff}