.products-page{background:#fff}.products-main{padding-top:78px;color:#082650}.prod-container{width:min(1420px,calc(100% - 48px));margin-inline:auto}.solution-finder{padding:24px 0 20px}.solution-search{min-height:82px;border:1px solid #d9e9f7;background:#f4f9fd;border-radius:14px;padding:14px 16px 14px 26px;display:flex;align-items:center;gap:18px}.solution-search>i{font-size:1.75rem;color:#0879dc}.solution-search input{border:0;outline:0;background:#fff;box-shadow:0 3px 14px rgba(8,64,111,.06);height:54px;border-radius:8px;flex:1;padding:0 18px;color:#123d68;font-size:.98rem}.solution-search .example{min-width:330px;color:#6c8297;font-size:.72rem;border-left:1px solid #cbd8e5;padding-left:24px}.solution-search button{width:48px;height:48px;border-radius:50%;border:0;background:#0879dc;color:#fff;font-size:1.25rem}.search-note{min-height:24px;padding:8px 12px 0;color:#5f7890;font-size:.78rem}.product-tabs-shell{border-top:1px solid #edf2f6;border-bottom:1px solid #dce6ee;background:#fff}.product-tabs{display:flex;overflow-x:auto}.product-tab{min-width:210px;flex:1;border:0;border-right:1px solid #dbe5ee;background:#fff;padding:19px 20px;display:flex;align-items:center;gap:14px;text-align:left;color:#082650;position:relative}.product-tab:first-child{border-left:1px solid #dbe5ee}.product-tab.active{background:#eaf5ff}.product-tab.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:#0879dc}.tab-icon{width:38px;height:38px;display:grid;place-items:center;color:#082650;flex:0 0 38px}.product-tab.active .tab-icon{color:#0879dc}.tab-icon img{display:block;width:auto;height:auto;max-width:42px;max-height:42px;object-fit:contain}.product-tab strong,.product-tab small{display:block}.product-tab strong{font-size:.9rem}.product-tab small{font-size:.76rem;color:#416181;margin-top:3px}.product-tab.active small{color:#0879dc}.erp-hero{position:relative;min-height:545px;background:#f8fbfe url("../images/produtos-erp-hero-bg.png") center/cover no-repeat;overflow:hidden}.erp-hero-inner{min-height:545px;display:grid;grid-template-columns:40% 60%;align-items:stretch}.erp-copy{position:relative;z-index:2;padding:58px 0 48px 20px;display:flex;flex-direction:column;justify-content:center;max-width:600px}.erp-eyebrow{font-size:.75rem;font-weight:800;letter-spacing:.14em;color:#0879dc;margin-bottom:18px}.erp-title{font-size:clamp(2.7rem,4vw,4.05rem);line-height:1.05;margin:0 0 22px;color:#082650}.erp-title span{display:block;white-space:nowrap}.erp-title .accent{color:#0879dc}.erp-desc{font-size:1.02rem;line-height:1.55;color:#405e79;max-width:560px;margin-bottom:28px}.erp-actions{display:flex;gap:14px;flex-wrap:wrap}.erp-actions .btn{padding:14px 20px}.erp-visual{position:relative;min-height:545px;background:transparent}.erp-devices{position:absolute;width:103%;max-width:none;height:auto;right:-1%;bottom:-1%;object-fit:contain}.quick-strip{border-bottom:1px solid #edf2f6;background:#fff}.quick-grid{display:grid;grid-template-columns:repeat(5,1fr);padding:22px 0}.quick-item{text-align:center;padding:0 22px;border-right:1px solid #dbe5ee}.quick-item:last-child{border-right:0}.quick-icon{width:52px;height:52px;border-radius:50%;background:#eaf5ff;color:#0879dc;display:grid;place-items:center;margin:0 auto 10px;font-size:1.45rem}.quick-item strong{display:block;font-size:.87rem;color:#082650;margin-bottom:4px}.quick-item small{display:block;font-size:.76rem;line-height:1.45;color:#536f88}.erp-detail{padding:52px 0 58px}.detail-grid{display:grid;grid-template-columns:31% 31% 38%;gap:34px;align-items:start}.audience-image img{width:100%;aspect-ratio: .86;object-fit:cover;border-radius:10px;display:block}.audience-copy,.features-copy{padding-top:18px}.section-kicker{font-size:.72rem;font-weight:800;letter-spacing:.13em;color:#0879dc;margin-bottom:12px}.audience-copy h2{font-size:2rem;line-height:1.1;color:#082650;margin-bottom:16px}.audience-copy>p{color:#5a7289;font-size:.91rem;line-height:1.6}.audience-list{list-style:none;margin:20px 0 0;padding:0}.audience-list li{display:flex;gap:11px;align-items:flex-start;margin:16px 0;font-size:.82rem;color:#294b69}.audience-list i{width:22px;height:22px;border-radius:50%;background:#0879dc;color:#fff;display:grid;place-items:center;font-size:.75rem;flex:0 0 22px}.feature-row{min-height:49px;border:1px solid #e0eaf2;border-radius:7px;box-shadow:0 4px 12px rgba(8,53,91,.05);display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:8px;padding:8px 12px;margin-bottom:9px;font-size:.79rem;color:#355675}.feature-row .fi{width:30px;height:30px;border-radius:50%;background:#eaf5ff;color:#0879dc;display:grid;place-items:center}.feature-row .arrow{color:#0a5fae}.erp-final{min-height:225px;background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 31%,rgba(1,43,77,.92) 43%,rgba(1,43,77,.46) 68%,rgba(1,43,77,.64) 100%),url('../images/produtos-erp-final.png');background-size:cover;background-position:center right;color:#fff;display:flex;align-items:center}.final-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}.final-copy h2{font-size:2rem;line-height:1.12;margin:0 0 14px}.final-copy h2 span{display:block}.final-copy p{margin:0;color:#d6e6f2}.final-name{font-family:'Poppins',sans-serif;font-size:1.2rem;color:#93c8ee;margin-right:40px}.final-name:after{content:"";display:block;width:42px;height:2px;background:#9dd3fb;margin-top:20px}.products-page .footer-qbit{margin-top:0}
@media(max-width:1100px){.product-tab{min-width:190px}.erp-title{font-size:3.1rem}.detail-grid{grid-template-columns:1fr 1fr}.features-copy{grid-column:1/-1}.quick-grid{grid-template-columns:repeat(3,1fr);row-gap:24px}.quick-item:nth-child(3){border-right:0}}
@media(max-width:991.98px){.erp-hero{background:#f8fbfe}.erp-visual{background:url("../images/produtos-erp-hero-bg.png") center/cover no-repeat}.products-main{padding-top:72px}.prod-container{width:min(100% - 28px,1420px)}.solution-search .example{display:none}.erp-hero-inner{grid-template-columns:1fr}.erp-copy{padding:46px 0 36px;max-width:680px}.erp-visual{min-height:430px;margin-inline:-14px}.erp-devices{width:90%;right:4%}.erp-title span{white-space:normal}.detail-grid{grid-template-columns:1fr 1fr}.product-tabs{padding-left:0}.product-tab{min-width:180px}}
@media(max-width:650px){.solution-search{padding:10px 11px;min-height:66px}.solution-search>i{font-size:1.35rem}.solution-search input{height:46px;font-size:.86rem;padding:0 12px}.solution-search button{width:42px;height:42px}.product-tab{min-width:165px;padding:15px 14px}.tab-icon{width:32px;height:32px}.tab-icon img{max-width:34px;max-height:34px}.erp-title{font-size:2.35rem}.erp-desc{font-size:.92rem}.erp-actions{display:grid;grid-template-columns:1fr;width:100%}.erp-actions .btn{width:100%}.erp-visual{min-height:300px}.erp-devices{width:98%;right:1%}.quick-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding:18px 0}.quick-item{min-width:78vw;scroll-snap-align:start}.detail-grid{grid-template-columns:1fr;gap:18px}.features-copy{grid-column:auto}.audience-image img{aspect-ratio: .86}.erp-detail{padding:40px 0}.erp-final{min-height:270px;background-position:65% center}.final-inner{align-items:flex-start;flex-direction:column}.final-copy h2{font-size:1.75rem}.final-name{margin:0}.products-page .footer-qbit{margin-top:0}}

/* ERP Pragas — ajuste fiel ao esboço aprovado */
@media (min-width: 992px){
  .erp-hero,.erp-hero-inner{min-height:390px;height:390px}
  .erp-copy{padding:34px 0 30px 20px;max-width:520px}
  .erp-eyebrow{font-size:.68rem;margin-bottom:12px}
  .erp-title{font-size:2.72rem;line-height:1.04;margin-bottom:15px}
  .erp-desc{font-size:.88rem;line-height:1.48;max-width:470px;margin-bottom:18px}
  .erp-actions .btn{padding:11px 16px;font-size:.82rem}
  .erp-visual{min-height:390px;height:390px}
  .erp-devices{width:103%;right:-1%;bottom:-1%}
}

/* ERP Pragas — hero em card compacto, conforme referência final */
@media (min-width: 992px){
  .erp-hero{
    width:min(1180px,calc(100% - 80px));
    min-height:430px;
    height:430px;
    margin:32px auto;
    border:1px solid #e2edf6;
    border-radius:18px;
    background:#f7fbff;
    box-shadow:0 14px 36px rgba(5,54,96,.08);
  }
  .erp-hero-inner{
    width:100%;
    min-height:430px;
    height:430px;
    margin:0;
    grid-template-columns:42% 58%;
  }
  .erp-copy{
    max-width:none;
    padding:38px 22px 38px 40px;
  }
  .erp-eyebrow{
    margin-bottom:13px;
    font-size:.67rem;
  }
  .erp-title{
    margin-bottom:16px;
    font-size:2.38rem;
    line-height:1.04;
  }
  .erp-desc{
    max-width:420px;
    margin-bottom:20px;
    font-size:.84rem;
    line-height:1.48;
  }
  .erp-actions{
    flex-wrap:nowrap;
    gap:10px;
  }
  .erp-actions .btn{
    padding:11px 13px;
    font-size:.73rem;
    white-space:nowrap;
  }
  .erp-visual{
    min-height:430px;
    height:430px;
    background-image:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.78) 17%,rgba(247,251,255,0) 43%),url('../images/produtos-erp-hero-bg.png');
    background-position:center,right center;
    background-size:cover,cover;
    background-repeat:no-repeat;
  }
  .erp-devices{
    width:90%;
    max-width:none;
    right:2%;
    bottom:7px;
  }
}

@media (max-width: 991.98px){
  .erp-hero{
    width:calc(100% - 28px);
    min-height:0;
    height:auto;
    margin:22px auto;
    border:1px solid #e2edf6;
    border-radius:15px;
    background:#f7fbff;
    box-shadow:0 10px 28px rgba(5,54,96,.07);
  }
  .erp-hero-inner{
    width:100%;
    margin:0;
  }
  .erp-copy{
    padding:34px 26px 30px;
  }
  .erp-visual{
    margin:0;
    border-radius:0 0 15px 15px;
    background-image:linear-gradient(90deg,#f7fbff 0%,rgba(247,251,255,.62) 22%,rgba(247,251,255,0) 48%),url('../images/produtos-erp-hero-bg.png');
    background-position:center,right center;
    background-size:cover,cover;
    background-repeat:no-repeat;
  }
  .erp-devices{
    width:88%;
    right:4%;
    bottom:4px;
  }
}

@media (max-width: 650px){
  .erp-title{font-size:2.12rem}
  .erp-actions{display:grid;grid-template-columns:1fr}
  .erp-actions .btn{white-space:normal}
  .erp-visual{min-height:275px;height:275px}
  .erp-devices{width:92%;right:2%}
}

/* ERP Pragas — seção de público e funcionalidades */
.erp-detail{
  padding:74px 0 82px;
  background:#fff;
}
.erp-detail .detail-grid{
  grid-template-columns:minmax(0,.92fr) minmax(0,1fr) minmax(350px,1.16fr);
  gap:42px;
  align-items:stretch;
}
.audience-image{
  position:relative;
  min-height:590px;
  overflow:hidden;
  border-radius:20px;
  background:#082650;
  box-shadow:0 18px 42px rgba(4,41,74,.12);
  isolation:isolate;
}
.audience-image:after{
  content:"";
  position:absolute;
  inset:42% 0 0;
  z-index:1;
  background:linear-gradient(180deg,rgba(2,24,45,0),rgba(2,24,45,.18) 42%,rgba(2,24,45,.76) 100%);
  pointer-events:none;
}
.audience-image img{
  width:100%;
  height:100%;
  aspect-ratio:auto;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  transform:scale(1.055);
}
.audience-image-message{
  position:absolute;
  left:30px;
  bottom:118px;
  z-index:2;
  display:flex;
  align-items:flex-start;
  gap:12px;
  color:#fff;
  font-size:.67rem;
  line-height:1.38;
  letter-spacing:.11em;
}
.audience-image-message span{
  width:28px;
  height:2px;
  margin-top:5px;
  background:#1592ff;
  flex:0 0 28px;
}
.audience-image-message strong{font-weight:700}
.audience-corner-detail{
  position:absolute;
  right:0;
  bottom:0;
  z-index:3;
  width:58px;
  height:58px;
  border-top:3px solid #168ef3;
  border-left:3px solid #168ef3;
  border-radius:18px 0 0 0;
  background:rgba(0,116,232,.14);
}
.audience-copy,.features-copy{
  padding-top:8px;
}
.erp-detail .section-kicker{
  margin-bottom:16px;
  color:#0074e8;
  font-size:.69rem;
  letter-spacing:.15em;
}
.audience-copy h2{
  margin-bottom:20px;
  color:#082650;
  font-size:clamp(1.95rem,2.15vw,2.45rem);
  line-height:1.08;
  letter-spacing:-.035em;
}
.audience-copy h2 span{color:#0074e8}
.audience-copy>p{
  max-width:430px;
  margin-bottom:26px;
  color:#536f88;
  font-size:.9rem;
  line-height:1.68;
}
.audience-list{margin:0;padding:0}
.audience-list li{
  gap:13px;
  margin:0 0 18px;
  color:#234763;
  font-size:.84rem;
  line-height:1.45;
}
.audience-list i{
  width:24px;
  height:24px;
  flex:0 0 24px;
  background:#0074e8;
  box-shadow:0 5px 12px rgba(0,116,232,.18);
}
.operation-card{
  display:flex;
  align-items:center;
  gap:14px;
  margin-top:26px;
  padding:15px 16px;
  border:1px solid #d9ebfa;
  border-radius:12px;
  background:#eff8ff;
}
.operation-card-icon{
  display:grid;
  width:40px;
  height:40px;
  place-items:center;
  flex:0 0 40px;
  border-radius:10px;
  background:#dcefff;
  color:#0074e8;
  font-size:1.08rem;
}
.operation-card strong,.operation-card small{display:block}
.operation-card strong{
  margin-bottom:3px;
  color:#082650;
  font-size:.79rem;
}
.operation-card small{
  color:#58748c;
  font-size:.69rem;
  line-height:1.42;
}
.features-copy .section-kicker{margin-bottom:18px}
.feature-row{
  min-height:52px;
  margin-bottom:10px;
  padding:9px 14px;
  grid-template-columns:34px 1fr 18px;
  gap:11px;
  border:1px solid #dfebf5;
  border-radius:11px;
  background:#fff;
  color:#163d60;
  font-size:.8rem;
  font-weight:600;
  box-shadow:0 5px 16px rgba(6,54,94,.045);
  cursor:pointer;
  transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;
}
.feature-row:hover{
  border-color:#a9d4f6;
  box-shadow:0 9px 22px rgba(6,75,129,.09);
  transform:translateY(-2px);
}
.feature-row .fi{
  width:32px;
  height:32px;
  border-radius:50%;
  background:#e7f4ff;
  color:#0074e8;
  font-size:.86rem;
}
.feature-row .arrow{
  color:#0074e8;
  font-size:.8rem;
  transition:transform .2s ease;
}
.feature-row:hover .arrow{transform:translateX(2px)}

@media (max-width:1100px){
  .erp-detail .detail-grid{
    grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);
    gap:34px;
  }
  .features-copy{grid-column:1/-1}
  .audience-image{min-height:560px}
}

@media (max-width:650px){
  .erp-detail{padding:48px 0 56px}
  .erp-detail .detail-grid{grid-template-columns:1fr;gap:30px}
  .audience-copy{order:1;padding-top:0}
  .audience-image{order:2;min-height:520px}
  .features-copy{order:3;grid-column:auto;padding-top:0}
  .audience-copy h2{font-size:2rem}
  .audience-image-message{left:24px;bottom:108px}
  .operation-card{margin-top:22px}
  .feature-row{width:100%;min-height:54px}
}

/* Portaria: texto contido na coluna esquerda, sem avançar sobre o computador. */
.portaria-hero .erp-copy{
  max-width:440px;
}

.portaria-hero .erp-title,
.portaria-hero .erp-desc{
  max-width:420px;
}

@media (max-width:991.98px){
  .portaria-hero .erp-copy,
  .portaria-hero .erp-title,
  .portaria-hero .erp-desc{
    max-width:100%;
  }
}

/* Correções de contenção da imagem e acabamento do CTA */
.erp-detail .detail-grid>*{min-width:0}
.audience-image{
  width:100%;
  max-width:100%;
  align-self:start;
}
.audience-copy{
  position:relative;
  z-index:2;
  min-width:0;
  background:#fff;
}
.audience-image img{max-width:100%}

.erp-final{
  width:100%;
  max-width:none;
  margin:0;
  border-radius:0;
}
.erp-final .final-inner{
  grid-template-columns:minmax(440px,1.15fr) minmax(300px,.82fr);
}
.final-eyebrow{gap:0}
.erp-final+.footer-qbit{margin-top:0}

@media (max-width:1100px){
  .erp-detail .detail-grid{column-gap:42px}
  .erp-final .final-inner{grid-template-columns:1fr 1fr}
}

@media (max-width:991.98px){
  .erp-final{width:100%;margin:0;border-radius:0}
  .erp-final .final-inner{grid-template-columns:1fr}
}

/* Fotos da seção "Para quem é": imagem limpa, sem camadas decorativas. */
.erp-pragas-audience{
  aspect-ratio:2/3;
}

.erp-pragas-audience img,
.portaria-audience img{
  object-fit:contain;
}

.audience-image::after{
  content:none!important;
  display:none!important;
}

.audience-corner-detail{
  display:none!important;
}

/* Garantias finais do painel QBit Truck. */
@media (min-width:992px){
  .truck-hero::before{
    background:url('../images/truck/hero-bg.png') center right/cover no-repeat!important;
    filter:saturate(.72) contrast(.84) brightness(1.08)!important;
  }
  .truck-hero::after{
    background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 38%,rgba(249,252,255,.96) 45%,rgba(239,248,255,.82) 54%,rgba(232,245,255,.58) 64%,rgba(242,249,255,.2) 78%,rgba(235,247,255,0) 100%)!important;
  }
  .truck-hero .erp-devices{
    width:91%!important;
    right:1%!important;
    bottom:1%!important;
  }
}

.truck-audience{aspect-ratio:2/3!important}
.truck-audience img{object-fit:contain!important}
.truck-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 37%,rgba(1,43,77,.91) 49%,rgba(1,43,77,.34) 72%,rgba(1,43,77,.14) 100%),url('../images/truck/cta-bg.png')!important;
  background-position:center!important;
  background-size:cover!important;
}

/* Tipografia uniforme dos três banners de produto. */
#erpPragas .erp-title,
.portaria-hero .erp-title,
.truck-hero .erp-title{
  font-size:clamp(2.45rem,3vw,3rem)!important;
  line-height:1.07;
}

#erpPragas .erp-desc,
.portaria-hero .erp-desc,
.truck-hero .erp-desc{
  font-size:1rem;
  line-height:1.58;
}

@media (max-width:650px){
  #erpPragas .erp-title,
  .portaria-hero .erp-title,
  .truck-hero .erp-title{
    font-size:2.15rem!important;
  }

  #erpPragas .erp-desc,
  .portaria-hero .erp-desc,
  .truck-hero .erp-desc{
    font-size:.92rem;
  }
}

/* QBit Truck — mesma estrutura aprovada de ERP Pragas e Portaria */
@media (min-width:992px){
  .truck-hero::before{
    background-image:url('../images/truck/hero-bg.png');
    background-position:center right;
    background-size:cover;
    filter:saturate(.72) contrast(.84) brightness(1.08);
  }
  .truck-hero::after{
    background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 38%,rgba(249,252,255,.96) 45%,rgba(239,248,255,.82) 54%,rgba(232,245,255,.58) 64%,rgba(242,249,255,.2) 78%,rgba(235,247,255,0) 100%);
  }
  .truck-hero .erp-devices{
    width:91%;
    right:1%;
    bottom:1%;
    filter:none!important;
    opacity:1!important;
  }
}

.truck-title{font-size:clamp(2.7rem,4vw,4.05rem)}
.truck-title span:first-child{
  margin-bottom:0;
  font-size:inherit;
  line-height:inherit;
}
.truck-audience{aspect-ratio:2/3!important}
.truck-audience img{object-fit:contain!important}
.truck-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 37%,rgba(1,43,77,.91) 49%,rgba(1,43,77,.34) 72%,rgba(1,43,77,.14) 100%),url('../images/truck/cta-bg.png');
  background-position:center;
  background-size:cover;
}

@media (max-width:991.98px){
  .truck-hero .erp-visual{
    position:relative;
    isolation:isolate;
    background-image:url('../images/truck/hero-bg.png');
    background-position:center right;
    background-size:cover;
  }
  .truck-hero .erp-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,rgba(249,252,255,.8),rgba(235,247,255,.2));
    pointer-events:none;
  }
  .truck-hero .erp-devices{z-index:1;filter:none!important;opacity:1!important}
  .truck-title span:first-child{font-size:inherit}
}

/* Ajustes finais solicitados */
.feature-row{
  grid-template-columns:34px 1fr;
  cursor:default;
}
.feature-row:hover{
  border-color:#dfebf5;
  box-shadow:0 5px 16px rgba(6,54,94,.045);
  transform:none;
}
.audience-image{
  min-height:0;
  aspect-ratio:1162/1366;
  background:#fff;
}
.audience-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
  transform:none;
}

@media (min-width:992px){
  .erp-hero{
    width:100%;
    max-width:none;
    margin:32px 0;
    border-right:0;
    border-left:0;
  }
  .erp-hero-inner{
    width:min(1180px,calc(100% - 80px));
    margin-right:auto;
    margin-left:auto;
  }
}

/* Menu da página Produtos: fundo sólido igual ao padrão institucional */
.products-page .site-header{
  background:#011938!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* Painéis de produto — somente a área inferior troca por categoria */
.product-panel{display:none}
.product-panel.active{display:block}

/* QBit Portaria — utiliza o mesmo sistema visual do ERP Pragas */
@media (min-width:992px){
  .portaria-hero::before{
    background-image:url('../images/portaria/hero-bg.png');
    background-position:center right;
    background-size:cover;
  }
  .portaria-hero .erp-devices{
    width:94%;
    right:1%;
    bottom:4px;
  }
}
.portaria-audience{
  aspect-ratio:2/3;
}
.portaria-hero .erp-title{font-size:2.2rem}
.portaria-audience img{
  width:100%;
  height:100%;
  object-fit:contain;
}
.portaria-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 35%,rgba(1,43,77,.9) 48%,rgba(1,43,77,.22) 72%,rgba(1,43,77,.08) 100%),url('../images/portaria/cta-bg.png');
  background-position:center;
  background-size:cover;
}
.portaria-final .final-inner{
  grid-template-columns:minmax(360px,1fr) minmax(250px,.72fr) minmax(420px,1.15fr);
}
.portaria-final .final-benefits{
  margin-top:0;
}

@media (max-width:1100px){
  .portaria-final .final-inner{grid-template-columns:1fr 1fr}
  .portaria-final .final-benefits{grid-column:1/-1}
}

@media (max-width:991.98px){
  .portaria-hero .erp-visual{
    background-image:url('../images/portaria/hero-bg.png');
    background-position:center right;
    background-size:cover;
  }
  .portaria-audience{aspect-ratio:2/3}
  .portaria-final .final-inner{grid-template-columns:1fr}
  .portaria-final .final-benefits{grid-column:auto}
}

.erp-final{
  position:relative;
  width:calc(100% - 32px);
  min-height:320px;
  margin:0 auto 34px;
  border-radius:18px;
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 39%,rgba(1,43,77,.94) 52%,rgba(1,43,77,.38) 75%,rgba(1,43,77,.7) 100%),url('../images/produtos-erp-final.png');
  background-position:center;
  background-size:cover;
  overflow:hidden;
}
.erp-final:after{
  content:"";
  position:absolute;
  top:50%;
  right:10%;
  width:170px;
  height:170px;
  border:28px solid rgba(255,255,255,.16);
  border-radius:50%;
  transform:translateY(-50%);
  pointer-events:none;
}
.erp-final .final-inner{
  position:relative;
  z-index:1;
  display:grid;
  grid-template-columns:minmax(440px,1.15fr) minmax(300px,.82fr) minmax(150px,.38fr);
  align-items:center;
  gap:34px;
}
.erp-final .final-copy{min-width:0}
.final-eyebrow{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:15px;
  color:#b9d9f2;
  font-size:.66rem;
  font-weight:700;
  letter-spacing:.16em;
}
.final-eyebrow span{
  width:28px;
  height:2px;
  background:#8bc8f5;
}
.erp-final .final-copy h2{
  margin:0 0 12px;
  color:#fff;
  font-size:2.25rem;
  line-height:1.08;
  letter-spacing:-.035em;
}
.erp-final .final-copy h2 span{display:block}
.erp-final .final-copy h2 em{
  color:#0788f5;
  font-style:normal;
}
.erp-final .final-copy>p{
  margin:0;
  color:#c9deee;
  font-size:.9rem;
}
.final-benefits{
  display:flex;
  align-items:center;
  margin-top:24px;
}
.final-benefit{
  display:flex;
  align-items:center;
  gap:11px;
  min-width:0;
  padding:0 20px;
  border-right:1px solid rgba(139,200,245,.26);
}
.final-benefit:first-child{padding-left:0}
.final-benefit:last-child{border-right:0}
.final-benefit>span{
  display:grid;
  width:42px;
  height:42px;
  place-items:center;
  flex:0 0 42px;
  border-radius:50%;
  background:rgba(9,128,221,.24);
  color:#fff;
  font-size:1.05rem;
}
.final-benefit strong,.final-benefit small{display:block}
.final-benefit strong{
  color:#fff;
  font-size:.74rem;
  white-space:nowrap;
}
.final-benefit small{
  margin-top:2px;
  color:#bcd3e5;
  font-size:.65rem;
  white-space:nowrap;
}
.final-actions{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
}
.final-btn{
  display:flex;
  min-height:52px;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  padding:12px 18px;
  border:1px solid transparent;
  border-radius:10px;
  color:#fff;
  font-size:.77rem;
  font-weight:700;
  text-decoration:none;
  transition:background .2s ease,border-color .2s ease;
}
.final-btn-primary{background:#0788f5}
.final-btn-primary:hover{background:#006fd0;color:#fff}
.final-btn-outline{border-color:rgba(255,255,255,.78);background:rgba(3,42,74,.34)}
.final-btn-outline:hover{border-color:#fff;background:rgba(3,42,74,.6);color:#fff}
.final-side{
  align-self:end;
  margin-bottom:2px;
  color:#d9ebf7;
  font-size:.64rem;
  line-height:1.5;
  letter-spacing:.1em;
}
.final-side span{
  display:block;
  width:28px;
  height:2px;
  margin-bottom:12px;
  background:#8bc8f5;
}

@media (max-width:1100px){
  .audience-image{min-height:0}
  .erp-final .final-inner{grid-template-columns:1fr 1fr}
  .final-side{display:none}
  .final-benefits{flex-wrap:wrap;gap:14px}
  .final-benefit{padding:0 14px 0 0;border-right:0}
}

@media (max-width:991.98px){
  .erp-hero{
    width:100%;
    max-width:none;
    margin-right:0;
    margin-left:0;
    border-right:0;
    border-left:0;
  }
  .erp-hero-inner{
    width:calc(100% - 28px);
    margin-right:auto;
    margin-left:auto;
  }
  .erp-final{width:calc(100% - 28px);min-height:0;padding:46px 0}
  .erp-final .final-inner{grid-template-columns:1fr;gap:28px}
  .final-actions{max-width:430px}
}

@media (max-width:650px){
  .audience-image{min-height:0;aspect-ratio:1162/1366}
  .erp-final .final-copy h2{font-size:1.9rem}
  .final-benefits{display:grid;grid-template-columns:1fr;gap:14px}
  .final-benefit{padding:0}
  .final-actions{width:100%;max-width:none}
}

/* CTA: somente posicionamento externo e largura final */
.products-main{
  padding-right:0;
  padding-bottom:0;
  padding-left:0;
  margin-bottom:0;
}
.erp-final{
  width:100%;
  max-width:none;
  margin-right:0;
  margin-bottom:0;
  margin-left:0;
}
.products-main+.footer-qbit{
  margin-top:0!important;
}

/* CTA externo totalmente retangular — não afeta os botões */
.erp-final,
.erp-final::before,
.erp-final::after,
.erp-final>.final-inner{
  border-radius:0!important;
}
.erp-final::after{
  display:none!important;
  content:none!important;
}

/* Banner institucional permanente da página Produtos */
.products-general-banner{
  position:relative;
  width:100%;
  height:clamp(440px,27vw,560px);
  margin:0;
  border-radius:0;
  overflow:hidden;
  color:#fff;
  background-image:linear-gradient(90deg,rgba(1,25,56,.98) 0%,rgba(1,25,56,.92) 27%,rgba(1,25,56,.66) 43%,rgba(1,25,56,.12) 70%),url('../images/produtos-banner-geral.png');
  background-position:center,center 52%;
  background-size:cover,cover;
  background-repeat:no-repeat;
}
.products-general-banner-inner{
  height:100%;
  display:flex;
  align-items:center;
}
.products-general-copy{
  width:44%;
  max-width:590px;
  padding-left:20px;
}
.products-general-eyebrow{
  display:flex;
  align-items:center;
  gap:14px;
  margin-bottom:24px;
  color:#c4ddf0;
  font-size:.69rem;
  font-weight:700;
  letter-spacing:.19em;
}
.products-general-eyebrow span{
  width:32px;
  height:2px;
  flex:0 0 32px;
  background:#1494ff;
}
.products-general-copy h1{
  margin:0 0 24px;
  color:#fff;
  font-size:clamp(2.55rem,3.5vw,3.75rem);
  line-height:1.03;
  letter-spacing:-.045em;
}
.products-general-copy h1 strong{
  color:#0788f5;
  font-weight:700;
}
.products-general-copy p{
  max-width:560px;
  margin:0;
  color:#e2edf6;
  font-size:.96rem;
  line-height:1.65;
}

@media (max-width:991.98px){
  .products-general-banner{
    height:470px;
    background-image:linear-gradient(90deg,rgba(1,25,56,.98) 0%,rgba(1,25,56,.91) 42%,rgba(1,25,56,.34) 76%),url('../images/produtos-banner-geral.png');
  }
  .products-general-banner-inner{width:min(100% - 40px,1420px)}
  .products-general-copy{width:56%;padding-left:0}
  .products-general-copy h1{font-size:2.75rem}
  .products-general-copy p br{display:none}
}

@media (max-width:650px){
  .products-general-banner{
    height:510px;
    background-image:linear-gradient(90deg,rgba(1,25,56,.96),rgba(1,25,56,.76)),url('../images/produtos-banner-geral.png');
    background-position:center,64% center;
  }
  .products-general-banner-inner{width:calc(100% - 36px)}
  .products-general-copy{width:100%;max-width:440px}
  .products-general-eyebrow{margin-bottom:18px}
  .products-general-copy h1{font-size:2.35rem;margin-bottom:20px}
  .products-general-copy p{font-size:.88rem;line-height:1.58}
}

/* Ajuste exclusivo do banner geral de Produtos */
.products-general-banner{
  background-image:linear-gradient(90deg,#011938 0%,#011938 47%,rgba(1,25,56,.95) 50%,rgba(1,25,56,.65) 56%,rgba(1,25,56,.25) 61%,rgba(1,25,56,0) 66%),url('../images/produtos-banner-geral.png');
  background-position:center,center 52%;
  background-size:cover,cover;
}
.products-general-copy{
  width:50%;
  max-width:700px;
}
.products-general-copy h1{
  font-size:clamp(2.5rem,3.15vw,3.35rem);
}
.products-general-copy h1>span{
  display:block;
  white-space:nowrap;
}

@media (max-width:1200px){
  .products-general-banner{
    background-image:linear-gradient(90deg,#011938 0%,#011938 52%,rgba(1,25,56,.95) 57%,rgba(1,25,56,.62) 66%,rgba(1,25,56,.2) 74%,rgba(1,25,56,0) 82%),url('../images/produtos-banner-geral.png');
  }
  .products-general-copy{width:58%;max-width:650px}
  .products-general-copy h1{font-size:2.75rem}
}

@media (max-width:650px){
  .products-general-banner{
    background-image:linear-gradient(90deg,#011938 0%,#011938 70%,rgba(1,25,56,.95) 78%,rgba(1,25,56,.58) 90%,rgba(1,25,56,.12) 100%),url('../images/produtos-banner-geral.png');
  }
  .products-general-copy{width:100%;max-width:none}
  .products-general-copy h1{font-size:clamp(1.85rem,8vw,2.25rem)}
}

/* Banner Produtos: imagem inteira e eyebrow sem traço */
.products-general-banner{
  background-position:center,right center;
  background-size:100% 100%,contain;
}
.products-general-eyebrow{gap:0}

@media (max-width:1200px){
  .products-general-banner{
    background-position:center,right center;
    background-size:100% 100%,contain;
  }
}

/* ERP Pragas — hero com fotografia e dispositivos fornecidos */
@media (min-width:992px){
  #erpPragas::before{
    left:38%;
    background:url('../images/erp-pragas-hero-bg-final.png') center right/cover no-repeat!important;
    filter:saturate(.72) contrast(.84) brightness(1.08);
  }
  #erpPragas::after{
    background:linear-gradient(90deg,
      #f9fcff 0%,
      #f9fcff 39%,
      rgba(249,252,255,.96) 46%,
      rgba(239,248,255,.78) 55%,
      rgba(232,245,255,.54) 65%,
      rgba(242,249,255,.30) 77%,
      rgba(235,247,255,.12) 100%
    );
  }
  #erpPragas .erp-devices{
    width:auto;
    height:92%;
    max-width:100%;
    right:1%;
    bottom:2%;
    object-fit:contain;
    filter:none!important;
    opacity:1!important;
  }
}

@media (max-width:991.98px){
  #erpPragas .erp-visual{
    position:relative;
    isolation:isolate;
    background:url('../images/erp-pragas-hero-bg-final.png') center right/cover no-repeat!important;
  }
  #erpPragas .erp-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,rgba(249,252,255,.82),rgba(235,247,255,.28));
    pointer-events:none;
  }
  #erpPragas .erp-devices{
    z-index:1;
    width:auto;
    height:92%;
    max-width:96%;
    right:2%;
    bottom:2%;
    filter:none!important;
    opacity:1!important;
  }
}

/* ERP Pragas: fundo visual contínuo até a extremidade direita */
@media (min-width:992px){
  .erp-hero{
    isolation:isolate;
    background:#f7fbff!important;
  }
  .erp-hero::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    bottom:0;
    left:38%;
    background:url('../images/produtos-erp-hero-bg.png') center right/cover no-repeat;
    pointer-events:none;
  }
  .erp-hero::after{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,#f7fbff 0%,#f7fbff 39%,rgba(247,251,255,.92) 45%,rgba(247,251,255,.58) 52%,rgba(247,251,255,.18) 59%,rgba(247,251,255,0) 65%);
    pointer-events:none;
  }
  .erp-hero-inner{
    position:relative;
    z-index:1;
  }
  .erp-hero .erp-visual{
    background:transparent!important;
  }
}

@media (max-width:650px){
  .products-general-banner{
    background-position:center,right center;
    background-size:100% 100%,contain;
  }
}

/* QBit Portaria — correções finais de imagem e CTA */
@media (min-width:992px){
  .portaria-hero::before{
    background:url('../images/portaria/hero-bg.png') center right/cover no-repeat!important;
  }
}
.portaria-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 39%,rgba(1,43,77,.94) 52%,rgba(1,43,77,.38) 75%,rgba(1,43,77,.7) 100%),url('../images/portaria/cta-bg.png')!important;
  background-position:center!important;
  background-size:cover!important;
}
.portaria-final .final-inner{
  grid-template-columns:minmax(440px,1.15fr) minmax(300px,.82fr);
}

@media (max-width:991.98px){
  .portaria-hero .erp-visual{
    background:url('../images/portaria/hero-bg.png') center right/cover no-repeat!important;
  }
  .portaria-final .final-inner{grid-template-columns:1fr}
}

/* QBit Portaria — CTA no mesmo layout do ERP Pragas */
.portaria-final .final-inner{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(420px,.82fr);
  align-items:center;
  gap:90px;
}
.portaria-final .final-copy{
  width:100%;
  max-width:650px;
}
.portaria-final .final-benefits{
  display:flex;
  align-items:center;
  margin-top:24px;
}
.portaria-final .final-actions{
  width:100%;
  max-width:none;
  align-self:center;
}

@media (max-width:1100px){
  .portaria-final .final-inner{
    grid-template-columns:1fr 1fr;
    gap:44px;
  }
}

@media (max-width:991.98px){
  .portaria-final .final-inner{
    grid-template-columns:1fr;
    gap:28px;
  }
  .portaria-final .final-actions{max-width:430px}
}

/* QBit Portaria — tratamento suave apenas na fotografia do hero */
@media (min-width:992px){
  .portaria-hero::before{
    filter:saturate(.62) contrast(.78) brightness(1.16);
  }
  .portaria-hero::after{
    background:linear-gradient(90deg,
      #f9fcff 0%,
      #f9fcff 38%,
      rgba(249,252,255,.96) 45%,
      rgba(239,248,255,.84) 54%,
      rgba(232,245,255,.68) 64%,
      rgba(242,249,255,.46) 76%,
      rgba(235,247,255,.28) 100%
    );
  }
  .portaria-hero .erp-devices{
    filter:none!important;
    opacity:1!important;
  }
}

@media (max-width:991.98px){
  .portaria-hero .erp-visual{
    position:relative;
    isolation:isolate;
  }
  .portaria-hero .erp-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,rgba(249,252,255,.78),rgba(235,247,255,.34));
    pointer-events:none;
  }
  .portaria-hero .erp-devices{
    z-index:1;
    filter:none!important;
    opacity:1!important;
  }
}

/* Garantia final: cards fotográficos sem degradê ou detalhe de canto. */
.erp-pragas-audience{
  aspect-ratio:2/3!important;
}

.erp-pragas-audience img,
.portaria-audience img{
  object-fit:contain!important;
}

.audience-image::after,
.audience-image::before{
  content:none!important;
  display:none!important;
  background:none!important;
}

.audience-corner-detail{
  display:none!important;
}

/* QBit Truck: precedência final sobre os estilos compartilhados. */
@media (min-width:992px){
  .truck-hero::before{
    background:url('../images/truck/hero-bg.png') center right/cover no-repeat!important;
    filter:saturate(.72) contrast(.84) brightness(1.08)!important;
  }
  .truck-hero::after{
    background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 38%,rgba(249,252,255,.96) 45%,rgba(239,248,255,.82) 54%,rgba(232,245,255,.58) 64%,rgba(242,249,255,.2) 78%,rgba(235,247,255,0) 100%)!important;
  }
  .truck-hero .erp-devices{
    width:91%!important;
    right:1%!important;
    bottom:1%!important;
  }
}

.truck-audience{aspect-ratio:2/3!important}
.truck-audience img{object-fit:contain!important}
.truck-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 37%,rgba(1,43,77,.91) 49%,rgba(1,43,77,.34) 72%,rgba(1,43,77,.14) 100%),url('../images/truck/cta-bg.png')!important;
  background-position:center!important;
  background-size:cover!important;
}

/* Padronização final da tipografia dos banners de produto. */
#erpPragas .erp-title,
.portaria-hero .erp-title,
.truck-hero .erp-title,
.helpdesk-hero .erp-title,
.ledi-hero .erp-title,
.petshop-hero .erp-title,
.qbit-erp-hero .erp-title{
  font-size:clamp(2.45rem,3vw,3rem)!important;
  line-height:1.07!important;
}

#erpPragas .erp-desc,
.portaria-hero .erp-desc,
.truck-hero .erp-desc,
.helpdesk-hero .erp-desc,
.ledi-hero .erp-desc,
.petshop-hero .erp-desc,
.qbit-erp-hero .erp-desc{
  font-size:1rem!important;
  line-height:1.58!important;
}

@media (max-width:650px){
  #erpPragas .erp-title,
  .portaria-hero .erp-title,
  .truck-hero .erp-title,
  .helpdesk-hero .erp-title,
  .ledi-hero .erp-title,
  .petshop-hero .erp-title,
  .qbit-erp-hero .erp-title{
    font-size:2.15rem!important;
  }

  #erpPragas .erp-desc,
  .portaria-hero .erp-desc,
  .truck-hero .erp-desc,
  .helpdesk-hero .erp-desc,
  .ledi-hero .erp-desc,
  .petshop-hero .erp-desc,
  .qbit-erp-hero .erp-desc{
    font-size:.92rem!important;
  }
}

/* QBit Help Desk — mesma estrutura e escala dos produtos anteriores. */
@media (min-width:992px){
  .helpdesk-hero::before{
    background:url('../images/helpdesk/hero-bg.png') center right/cover no-repeat!important;
    filter:saturate(.72) contrast(.84) brightness(1.08)!important;
  }
  .helpdesk-hero::after{
    background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 38%,rgba(249,252,255,.96) 45%,rgba(239,248,255,.82) 54%,rgba(232,245,255,.54) 64%,rgba(242,249,255,.16) 78%,rgba(235,247,255,0) 100%)!important;
  }
  .helpdesk-hero .erp-devices{
    width:91%!important;
    right:1%!important;
    bottom:1%!important;
    filter:none!important;
    opacity:1!important;
  }
}

.helpdesk-audience{aspect-ratio:2/3!important}
.helpdesk-audience img{object-fit:contain!important}
.helpdesk-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 37%,rgba(1,43,77,.91) 49%,rgba(1,43,77,.34) 72%,rgba(1,43,77,.14) 100%),url('../images/helpdesk/cta-bg.png')!important;
  background-position:center!important;
  background-size:cover!important;
}

@media (max-width:991.98px){
  .helpdesk-hero .erp-visual{
    position:relative;
    isolation:isolate;
    background:url('../images/helpdesk/hero-bg.png') center right/cover no-repeat!important;
  }
  .helpdesk-hero .erp-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,rgba(249,252,255,.8),rgba(235,247,255,.2));
    pointer-events:none;
  }
.helpdesk-hero .erp-devices{z-index:1;filter:none!important;opacity:1!important}
}

/* LEDi Ponto — mesma estrutura e escala dos produtos anteriores. */
@media (min-width:992px){
  .ledi-hero::before{
    background:url('../images/ledi-ponto/hero-bg.png') center right/cover no-repeat!important;
    filter:saturate(.72) contrast(.84) brightness(1.08)!important;
  }
  .ledi-hero::after{
    background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 38%,rgba(249,252,255,.96) 45%,rgba(239,248,255,.82) 54%,rgba(232,245,255,.54) 64%,rgba(242,249,255,.16) 78%,rgba(235,247,255,0) 100%)!important;
  }
  .ledi-hero .erp-devices{
    width:91%!important;
    right:1%!important;
    bottom:1%!important;
    filter:none!important;
    opacity:1!important;
  }
}

.ledi-audience{aspect-ratio:2/3!important}
.ledi-audience img{object-fit:contain!important}
.ledi-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 37%,rgba(1,43,77,.91) 49%,rgba(1,43,77,.34) 72%,rgba(1,43,77,.14) 100%),url('../images/ledi-ponto/cta-bg.png')!important;
  background-position:center!important;
  background-size:cover!important;
}

@media (max-width:991.98px){
  .ledi-hero .erp-visual{
    position:relative;
    isolation:isolate;
    background:url('../images/ledi-ponto/hero-bg.png') center right/cover no-repeat!important;
  }
  .ledi-hero .erp-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,rgba(249,252,255,.8),rgba(235,247,255,.2));
    pointer-events:none;
  }
  .ledi-hero .erp-devices{z-index:1;filter:none!important;opacity:1!important}
}

/* QBit Pet Shop — mesma estrutura e escala dos produtos anteriores. */
@media (min-width:992px){
  .petshop-hero::before{
    background:url('../images/pet-shop/hero-bg.png') center right/cover no-repeat!important;
    filter:saturate(.72) contrast(.84) brightness(1.08)!important;
  }
  .petshop-hero::after{
    background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 38%,rgba(249,252,255,.96) 45%,rgba(239,248,255,.82) 54%,rgba(232,245,255,.54) 64%,rgba(242,249,255,.16) 78%,rgba(235,247,255,0) 100%)!important;
  }
  .petshop-hero .erp-devices{
    width:91%!important;
    right:1%!important;
    bottom:1%!important;
    filter:none!important;
    opacity:1!important;
  }
}

.petshop-audience{aspect-ratio:2/3!important}
.petshop-audience img{object-fit:contain!important}
.petshop-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 37%,rgba(1,43,77,.91) 49%,rgba(1,43,77,.34) 72%,rgba(1,43,77,.14) 100%),url('../images/pet-shop/cta-bg.png')!important;
  background-position:center!important;
  background-size:cover!important;
}

@media (max-width:991.98px){
  .petshop-hero .erp-visual{
    position:relative;
    isolation:isolate;
    background:url('../images/pet-shop/hero-bg.png') center right/cover no-repeat!important;
  }
  .petshop-hero .erp-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,rgba(249,252,255,.8),rgba(235,247,255,.2));
    pointer-events:none;
  }
  .petshop-hero .erp-devices{z-index:1;filter:none!important;opacity:1!important}
}

/* QBit ERP — mesma estrutura e escala dos produtos anteriores. */
@media (min-width:992px){
  .qbit-erp-hero::before{
    background:url('../images/qbit-erp/hero-bg.png') center right/cover no-repeat!important;
    filter:saturate(.72) contrast(.84) brightness(1.08)!important;
  }
  .qbit-erp-hero::after{
    background:linear-gradient(90deg,#f9fcff 0%,#f9fcff 38%,rgba(249,252,255,.96) 45%,rgba(239,248,255,.82) 54%,rgba(232,245,255,.54) 64%,rgba(242,249,255,.16) 78%,rgba(235,247,255,0) 100%)!important;
  }
  .qbit-erp-hero .erp-devices{
    width:91%!important;
    right:1%!important;
    bottom:1%!important;
    filter:none!important;
    opacity:1!important;
  }
}

.qbit-erp-audience{aspect-ratio:2/3!important}
.qbit-erp-audience img{object-fit:contain!important}
.qbit-erp-final{
  background-image:linear-gradient(90deg,#012b4d 0%,#012b4d 37%,rgba(1,43,77,.91) 49%,rgba(1,43,77,.34) 72%,rgba(1,43,77,.14) 100%),url('../images/qbit-erp/cta-bg.png')!important;
  background-position:center!important;
  background-size:cover!important;
}

@media (max-width:991.98px){
  .qbit-erp-hero .erp-visual{
    position:relative;
    isolation:isolate;
    background:url('../images/qbit-erp/hero-bg.png') center right/cover no-repeat!important;
  }
  .qbit-erp-hero .erp-visual::before{
    content:"";
    position:absolute;
    z-index:0;
    inset:0;
    background:linear-gradient(90deg,rgba(249,252,255,.8),rgba(235,247,255,.2));
    pointer-events:none;
  }
  .qbit-erp-hero .erp-devices{z-index:1;filter:none!important;opacity:1!important}
}

/* Barra de categorias em largura total, sem rolagem horizontal. */
.product-tabs-shell .product-tabs{
  width:100%;
  max-width:none;
  margin:0;
  padding:0;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  overflow:visible;
}

.product-tabs-shell .product-tab{
  width:100%;
  min-width:0;
  justify-content:center;
  padding-right:12px;
  padding-left:12px;
}

.product-tabs-shell .tab-icon{
  width:46px;
  height:46px;
  flex:0 0 46px;
}

.product-tabs-shell .tab-icon img{
  width:46px;
  height:46px;
  max-width:46px;
  max-height:46px;
  object-fit:contain;
}

@media (max-width:1100px){
  .product-tabs-shell .product-tabs{
    grid-template-columns:repeat(4,minmax(0,1fr));
  }
}

@media (max-width:650px){
  .product-tabs-shell .product-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .product-tabs-shell .product-tab{
    min-height:76px;
    justify-content:flex-start;
  }
}

/* =========================================================
   v33 — Padronização final solicitada
   ========================================================= */

/* 1. Todos os banners de produto recebem exatamente o mesmo
   tratamento visual usado no ERP Pragas. Mantemos apenas a
   fotografia específica de cada produto. */
@media (min-width:992px){
  .qbit-erp-hero::before,
  .portaria-hero::before,
  .truck-hero::before,
  .helpdesk-hero::before,
  .ledi-hero::before,
  .petshop-hero::before,
  #erpPragas::before{
    filter:saturate(.72) contrast(.84) brightness(1.08)!important;
  }

  .qbit-erp-hero::after,
  .portaria-hero::after,
  .truck-hero::after,
  .helpdesk-hero::after,
  .ledi-hero::after,
  .petshop-hero::after,
  #erpPragas::after{
    background:linear-gradient(90deg,
      #f9fcff 0%,
      #f9fcff 39%,
      rgba(249,252,255,.96) 46%,
      rgba(239,248,255,.78) 55%,
      rgba(232,245,255,.54) 65%,
      rgba(242,249,255,.30) 77%,
      rgba(235,247,255,.12) 100%
    )!important;
  }
}

@media (max-width:991.98px){
  .qbit-erp-hero .erp-visual::before,
  .portaria-hero .erp-visual::before,
  .truck-hero .erp-visual::before,
  .helpdesk-hero .erp-visual::before,
  .ledi-hero .erp-visual::before,
  .petshop-hero .erp-visual::before,
  #erpPragas .erp-visual::before{
    background:linear-gradient(90deg,rgba(249,252,255,.82),rgba(235,247,255,.28))!important;
  }
}

/* 2. Setas padronizadas nos botões das categorias. */
.cta-arrow{
  display:inline-block;
  flex:0 0 auto;
  font-family:Arial,sans-serif;
  font-size:1.05em;
  line-height:1;
  font-weight:700;
}
.erp-actions .btn-primary-qbit .cta-arrow{margin-left:7px}

/* 3. CTA do QBit ERP: mais respiro vertical entre conteúdo e limites. */
.qbit-erp-final{
  padding-top:48px!important;
  padding-bottom:48px!important;
  min-height:300px!important;
}

/* 4. CTA/banner final do QBit Portaria: mais área inferior e respiro. */
.portaria-final{
  padding-top:42px!important;
  padding-bottom:54px!important;
  min-height:300px!important;
}

@media (max-width:991.98px){
  .qbit-erp-final,
  .portaria-final{
    min-height:0!important;
    padding-top:46px!important;
    padding-bottom:54px!important;
  }
}
/* Smart solution finder — result area only */
.search-note{padding-top:10px}.smart-search-result{border:1px solid #d9e9f7;background:#fff;border-radius:12px;padding:18px 20px;box-shadow:0 6px 20px rgba(8,64,111,.06)}.smart-search-label{font-size:.67rem;font-weight:800;letter-spacing:.12em;color:#0879dc;margin-bottom:10px}.smart-search-main{display:flex;align-items:center;justify-content:space-between;gap:22px}.smart-search-main strong{font-size:1rem;color:#082650}.smart-search-main p{margin:4px 0 0;font-size:.8rem;line-height:1.45;color:#5f7890}.smart-search-main button{border:0;background:#0879dc;color:#fff;border-radius:8px;padding:11px 15px;font-size:.78rem;font-weight:700;white-space:nowrap}.smart-search-main button span{margin-left:5px}.smart-search-related{border-top:1px solid #edf2f6;margin-top:14px;padding-top:12px;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.smart-search-related>span{font-size:.62rem;font-weight:800;letter-spacing:.1em;color:#7890a5;margin-right:3px}.smart-search-related button{border:1px solid #d9e9f7;background:#f4f9fd;color:#1c527f;border-radius:999px;padding:6px 10px;font-size:.7rem}.smart-search-empty{display:flex;gap:7px;flex-direction:column;padding:10px 2px}.smart-search-empty strong{color:#274e70}.smart-search-empty span{color:#6c8297}@media(max-width:650px){.smart-search-result{padding:15px}.smart-search-main{align-items:flex-start;flex-direction:column;gap:12px}.smart-search-main button{width:100%}.smart-search-related{align-items:flex-start}}

.smart-search-shared-intro{margin:0 0 14px;font-size:.8rem;line-height:1.45;color:#5f7890}.smart-search-equal-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px}.smart-search-equal-card{border:1px solid #d9e9f7;background:#f8fbfe;border-radius:10px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:16px;min-width:0}.smart-search-equal-card strong{font-size:.95rem;color:#082650}.smart-search-equal-card p{margin:5px 0 0;font-size:.76rem;line-height:1.45;color:#5f7890}.smart-search-equal-card button{align-self:flex-start;border:0;background:#0879dc;color:#fff;border-radius:8px;padding:9px 12px;font-size:.73rem;font-weight:700}.smart-search-equal-card button span{margin-left:5px}@media(max-width:650px){.smart-search-equal-grid{grid-template-columns:1fr}.smart-search-equal-card button{width:100%}}

/* v42 — reforço canônico porque produtos-v2.css é carregado após style.css */
.qbit-theme-label{
  font-family:'Poppins',sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
}
.qbit-theme-label--hero{color:#86C8FF !important;}
.qbit-theme-label--section{color:#1873B9 !important;}

/* v42.1 — mesma regra após o CSS específico de Produtos */
html body .qbit-theme-label.qbit-theme-label--hero{
  font-family:'Poppins',sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
  color:#86C8FF !important;
}
html body .qbit-theme-label.qbit-theme-label--section{
  font-family:'Poppins',sans-serif !important;
  font-weight:700 !important;
  font-style:normal !important;
  color:#1873B9 !important;
}


/* =========================================================
   v60 — PRODUTOS / BANNER PRINCIPAL
   Mesmo design system do Hero da Home.
   As seções internas de cada produto NÃO são tratadas aqui como
   banners institucionais principais e permanecem inalteradas.
   ========================================================= */
.products-general-banner{
  position:relative !important;
  height:var(--qbit-hero-height) !important;
  min-height:var(--qbit-hero-height) !important;
  overflow:hidden !important;
  background:var(--qbit-hero-navy) !important;
  color:#fff !important;
}
.products-general-banner::before{
  content:"";
  position:absolute;
  top:0;
  right:-1%;
  bottom:0;
  width:84%;
  background:
    linear-gradient(rgba(7,49,96,.24),rgba(7,49,96,.24)),
    url('../images/produtos-banner-geral-v61.png') 90% center/cover no-repeat;
  filter:saturate(.86) contrast(1.04) brightness(.95);
}
.products-general-banner::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,
    #011938 0%,
    #011938 28%,
    rgba(1,25,56,1) 36%,
    rgba(1,25,56,.95) 44%,
    rgba(1,25,56,.78) 52%,
    rgba(1,25,56,.46) 60%,
    rgba(1,25,56,.16) 69%,
    rgba(1,25,56,0) 76%);
  pointer-events:none;
}
.products-general-banner-inner{
  position:relative !important;
  z-index:2 !important;
  width:100% !important;
  max-width:960px !important;
  height:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:12px !important;
  padding-right:12px !important;
  display:flex !important;
  align-items:center !important;
}
.products-general-copy{
  width:100% !important;
  max-width:var(--qbit-hero-copy-max) !important;
  padding-left:0 !important;
}
.products-general-eyebrow{
  display:block !important;
  margin:0 0 .75rem !important;
  font-family:'Poppins',sans-serif !important;
  font-size:var(--qbit-hero-eyebrow-size) !important;
  font-weight:700 !important;
  line-height:var(--qbit-hero-eyebrow-line) !important;
  letter-spacing:var(--qbit-hero-eyebrow-track) !important;
  text-transform:uppercase !important;
  color:var(--qbit-hero-eyebrow) !important;
}
.products-general-copy h1{
  margin:var(--qbit-hero-title-margin) !important;
  font-family:'Poppins',sans-serif !important;
  font-size:var(--qbit-hero-title-size) !important;
  font-weight:var(--qbit-hero-title-weight) !important;
  line-height:var(--qbit-hero-title-line) !important;
  letter-spacing:var(--qbit-hero-title-tracking) !important;
  color:#fff !important;
}
.products-general-copy h1 strong{color:var(--qbit-hero-accent) !important;}
.products-general-copy p{
  max-width:var(--qbit-hero-body-max) !important;
  margin:0 !important;
  color:rgba(255,255,255,.88) !important;
  font-family:'Inter',sans-serif !important;
  font-size:var(--qbit-hero-body-size) !important;
  font-weight:400 !important;
  line-height:var(--qbit-hero-body-line) !important;
}
@media (min-width:1200px){.products-general-banner-inner{max-width:1140px !important;}}
@media (min-width:1400px){.products-general-banner-inner{max-width:1320px !important;}}
@media(max-width:991.98px){
  .products-general-banner{
    height:var(--qbit-hero-height-mobile) !important;
    min-height:var(--qbit-hero-height-mobile) !important;
  }
  .products-general-banner::before{right:0 !important;width:100% !important;background-position:68% center !important;}
  .products-general-banner::after{background:linear-gradient(90deg,rgba(1,25,56,.98) 0%,rgba(1,25,56,.94) 42%,rgba(1,25,56,.72) 62%,rgba(1,25,56,.34) 100%) !important;}
  .products-general-banner-inner{max-width:720px !important;padding-left:24px !important;padding-right:24px !important;}
  .products-general-copy h1{font-size:3.1rem !important;}
  .products-general-copy h1>span{white-space:normal !important;}
}
@media(max-width:575.98px){
  .products-general-banner-inner{padding-left:20px !important;padding-right:20px !important;}
  .products-general-copy h1{font-size:2.35rem !important;}
  .products-general-copy p{font-size:.94rem !important;}
  .products-general-banner::after{background:linear-gradient(180deg,rgba(1,25,56,.96),rgba(1,25,56,.78)) !important;}
}


/* =========================================================
   v64 — PRODUTOS / NAVEGAÇÃO DE CATEGORIAS
   Ajuste exclusivamente visual: barra compacta, centralizada,
   sem scroll e com os 7 produtos em uma única linha no desktop.
   ========================================================= */
@media (min-width: 992px){
  .product-tabs-shell .product-tabs{
    width:calc(100% - 48px) !important;
    max-width:1180px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:stretch !important;
    justify-content:center !important;
    gap:0 !important;
    overflow:visible !important;
  }

  .product-tabs-shell .product-tab{
    width:auto !important;
    min-width:0 !important;
    flex:0 0 auto !important;
    justify-content:flex-start !important;
    padding:16px 13px !important;
    gap:10px !important;
  }

  .product-tabs-shell .product-tab > span:last-child{
    min-width:0 !important;
    white-space:nowrap !important;
  }

  .product-tabs-shell .tab-icon{
    width:38px !important;
    height:38px !important;
    flex:0 0 38px !important;
  }

  .product-tabs-shell .tab-icon img{
    width:auto !important;
    height:auto !important;
    max-width:38px !important;
    max-height:38px !important;
    object-fit:contain !important;
  }
}

/* Notebook: mantém os 7 itens na mesma linha e reduz apenas o respiro interno. */
@media (min-width: 992px) and (max-width: 1199.98px){
  .product-tabs-shell .product-tabs{
    width:calc(100% - 32px) !important;
    max-width:1080px !important;
  }

  .product-tabs-shell .product-tab{
    padding:14px 9px !important;
    gap:8px !important;
  }

  .product-tabs-shell .tab-icon{
    width:34px !important;
    height:34px !important;
    flex-basis:34px !important;
  }

  .product-tabs-shell .tab-icon img{
    max-width:34px !important;
    max-height:34px !important;
  }

  .product-tabs-shell .product-tab strong{
    font-size:.82rem !important;
  }

  .product-tabs-shell .product-tab small{
    font-size:.69rem !important;
  }
}

/* Tablet/mobile: solução própria, sem afetar o comportamento desktop aprovado. */
@media (max-width: 991.98px){
  .product-tabs-shell .product-tabs{
    width:min(100% - 28px, 720px) !important;
    max-width:720px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:visible !important;
  }

  .product-tabs-shell .product-tab{
    min-width:0 !important;
    width:100% !important;
    justify-content:flex-start !important;
  }
}

@media (max-width: 575.98px){
  .product-tabs-shell .product-tabs{
    width:calc(100% - 24px) !important;
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   v66 — Padronização cromática dos heroes/banners da página Produtos
   e dos heroes individuais dos produtos.
   ========================================================= */

/* Banner principal da página Produtos */
.products-general-banner{
  background-image:
    linear-gradient(90deg,#011938 0%,#011938 47%,rgba(1,25,56,.95) 50%,rgba(1,25,56,.65) 56%,rgba(1,25,56,.25) 61%,rgba(1,25,56,0) 66%),
    linear-gradient(0deg,rgba(24,115,185,.12) 0%,rgba(24,115,185,.12) 100%),
    url('../images/produtos-banner-geral.png') !important;
  background-position:center,center,right center !important;
  background-size:100% 100%,100% 100%,contain !important;
  background-repeat:no-repeat,no-repeat,no-repeat !important;
  filter:saturate(.94) contrast(1.03) brightness(.95);
}

@media (max-width:1200px){
  .products-general-banner{
    background-image:
      linear-gradient(90deg,#011938 0%,#011938 52%,rgba(1,25,56,.95) 57%,rgba(1,25,56,.62) 66%,rgba(1,25,56,.2) 74%,rgba(1,25,56,0) 82%),
      linear-gradient(0deg,rgba(24,115,185,.12) 0%,rgba(24,115,185,.12) 100%),
      url('../images/produtos-banner-geral.png') !important;
  }
}

@media (max-width:650px){
  .products-general-banner{
    background-image:
      linear-gradient(90deg,#011938 0%,#011938 70%,rgba(1,25,56,.95) 78%,rgba(1,25,56,.58) 90%,rgba(1,25,56,.12) 100%),
      linear-gradient(0deg,rgba(24,115,185,.10) 0%,rgba(24,115,185,.10) 100%),
      url('../images/produtos-banner-geral.png') !important;
  }
}

/* Heroes dos produtos — mesma atmosfera fria/azulada, sem alterar layout. */
@media (min-width:992px){
  .qbit-erp-hero::before,
  .portaria-hero::before,
  .truck-hero::before,
  .helpdesk-hero::before,
  .ledi-hero::before,
  .petshop-hero::before,
  #erpPragas::before{
    filter:saturate(.9) contrast(1.03) brightness(.94) hue-rotate(2deg) !important;
  }

  .qbit-erp-hero::after,
  .portaria-hero::after,
  .truck-hero::after,
  .helpdesk-hero::after,
  .ledi-hero::after,
  .petshop-hero::after,
  #erpPragas::after{
    background:linear-gradient(90deg,
      #f7fbff 0%,
      #f7fbff 39%,
      rgba(247,251,255,.94) 46%,
      rgba(239,248,255,.76) 55%,
      rgba(212,233,248,.40) 65%,
      rgba(147,197,231,.20) 78%,
      rgba(24,115,185,.12) 100%
    ) !important;
  }
}

@media (max-width:991.98px){
  .qbit-erp-hero .erp-visual::before,
  .portaria-hero .erp-visual::before,
  .truck-hero .erp-visual::before,
  .helpdesk-hero .erp-visual::before,
  .ledi-hero .erp-visual::before,
  .petshop-hero .erp-visual::before,
  #erpPragas .erp-visual::before{
    background:linear-gradient(90deg,rgba(247,251,255,.84),rgba(209,231,247,.34),rgba(24,115,185,.12)) !important;
  }

  .qbit-erp-hero .erp-visual,
  .portaria-hero .erp-visual,
  .truck-hero .erp-visual,
  .helpdesk-hero .erp-visual,
  .ledi-hero .erp-visual,
  .petshop-hero .erp-visual,
  #erpPragas .erp-visual{
    filter:saturate(.94) contrast(1.02) brightness(.96);
  }
}

/* =========================================================
   v69 — PRODUTOS / PADRONIZAÇÃO ESTRUTURAL DOS 7 HEROES
   + largura comum de busca, resultado e categorias.
   Base: versão v66 restaurada.
   ========================================================= */

/* ---------------------------------------------------------
   1) CONTAINER COMUM — BUSCA / RESULTADO / CATEGORIAS
   A largura atual da barra de pesquisa é a fonte de verdade.
   --------------------------------------------------------- */
.products-tools-container{
  width:min(1420px,calc(100% - 48px)) !important;
  max-width:1420px !important;
  margin-left:auto !important;
  margin-right:auto !important;
  padding-left:0 !important;
  padding-right:0 !important;
}

/* Resultado é injetado dentro de .search-note, portanto herda
   exatamente o mesmo início/fim do container da busca. */
.solution-finder .search-note{
  width:100% !important;
}

/* Categorias: 7 colunas reais, mesma largura da busca e sem scroll. */
@media (min-width:992px){
  .product-tabs-shell .product-tabs.products-tools-container{
    display:grid !important;
    grid-template-columns:repeat(7,minmax(0,1fr)) !important;
    width:min(1420px,calc(100% - 48px)) !important;
    max-width:1420px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    padding:0 !important;
    gap:0 !important;
    overflow:visible !important;
  }

  .product-tabs-shell .product-tab{
    width:100% !important;
    min-width:0 !important;
    flex:none !important;
    justify-content:flex-start !important;
    padding:16px 12px !important;
    gap:9px !important;
  }

  .product-tabs-shell .product-tab > span:last-child{
    min-width:0 !important;
    white-space:normal !important;
  }

  .product-tabs-shell .tab-icon{
    width:36px !important;
    height:36px !important;
    flex:0 0 36px !important;
  }
  .product-tabs-shell .tab-icon img{
    max-width:36px !important;
    max-height:36px !important;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .products-tools-container,
  .product-tabs-shell .product-tabs.products-tools-container{
    width:min(100% - 32px,1420px) !important;
  }
  .product-tabs-shell .product-tab{
    padding:14px 8px !important;
    gap:6px !important;
  }
  .product-tabs-shell .tab-icon{
    width:30px !important;
    height:30px !important;
    flex-basis:30px !important;
  }
  .product-tabs-shell .tab-icon img{
    max-width:30px !important;
    max-height:30px !important;
  }
  .product-tabs-shell .product-tab strong{font-size:.78rem !important;line-height:1.15 !important;}
  .product-tabs-shell .product-tab small{font-size:.66rem !important;line-height:1.2 !important;}
}

@media (max-width:991.98px){
  .products-tools-container{
    width:min(100% - 28px,720px) !important;
    max-width:720px !important;
  }
  .product-tabs-shell .product-tabs.products-tools-container{
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    overflow:visible !important;
  }
}

@media (max-width:575.98px){
  .products-tools-container{
    width:calc(100% - 24px) !important;
  }
  .product-tabs-shell .product-tabs.products-tools-container{
    grid-template-columns:1fr !important;
  }
}

/* ---------------------------------------------------------
   2) SISTEMA ÚNICO DE COMPOSIÇÃO DOS 7 BANNERS DE PRODUTO
   Texto -> mockup -> fotografia contextual.
   --------------------------------------------------------- */
@media (min-width:992px){
  /* Banner e proporção compartilhados */
  .erp-hero{
    width:100% !important;
    max-width:none !important;
    height:430px !important;
    min-height:430px !important;
    margin:32px 0 !important;
    border-left:0 !important;
    border-right:0 !important;
    border-radius:0 !important;
    overflow:hidden !important;
  }

  /* Container passa a usar a mesma largura útil das áreas principais.
     Isso traz TODA a composição para a esquerda sem margin-left artificial. */
  .erp-hero-inner{
    width:min(1420px,calc(100% - 48px)) !important;
    max-width:1420px !important;
    height:430px !important;
    min-height:430px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    display:grid !important;
    grid-template-columns:minmax(430px,34%) minmax(0,66%) !important;
    align-items:stretch !important;
  }

  .erp-copy{
    width:100% !important;
    max-width:520px !important;
    padding:36px 18px 34px 0 !important;
    margin:0 !important;
    display:flex !important;
    flex-direction:column !important;
    justify-content:center !important;
  }

  .erp-visual{
    position:relative !important;
    width:100% !important;
    height:430px !important;
    min-height:430px !important;
    margin:0 !important;
    overflow:visible !important;
  }

  /* Mockup fica efetivamente no centro, preservando espaço para a foto. */
  .erp-devices{
    width:82% !important;
    max-width:none !important;
    height:auto !important;
    right:7% !important;
    bottom:5px !important;
    object-fit:contain !important;
    object-position:center bottom !important;
  }

  /* A fotografia contextual começa antes, porém continua concentrada à direita.
     O gradiente já existente preserva a transição suave. */
  .erp-hero::before{
    left:34% !important;
    background-position:center right !important;
  }
  .erp-hero::after{
    background:linear-gradient(90deg,
      #f7fbff 0%,
      #f7fbff 34%,
      rgba(247,251,255,.97) 40%,
      rgba(239,248,255,.82) 49%,
      rgba(225,241,252,.58) 58%,
      rgba(194,225,247,.30) 69%,
      rgba(24,115,185,.10) 100%
    ) !important;
  }

  /* Ajustes pequenos por formato de mockup — sistema permanece o mesmo. */
  .qbit-erp-hero .erp-devices{width:80% !important;right:8% !important;}
  #erpPragas .erp-devices{width:84% !important;right:5% !important;}
  .portaria-hero .erp-devices{width:82% !important;right:6% !important;}
  .truck-hero .erp-devices{width:82% !important;right:6% !important;}
  .helpdesk-hero .erp-devices{width:81% !important;right:7% !important;}
  .ledi-hero .erp-devices{width:80% !important;right:8% !important;}
  .petshop-hero .erp-devices{width:81% !important;right:7% !important;}
}

/* Notebook: mesma composição, com largura útil preservada. */
@media (min-width:992px) and (max-width:1199.98px){
  .erp-hero-inner{
    width:min(100% - 32px,1420px) !important;
    grid-template-columns:minmax(390px,36%) minmax(0,64%) !important;
  }
  .erp-copy{
    max-width:480px !important;
    padding-right:14px !important;
  }
  .erp-devices{
    width:80% !important;
    right:5% !important;
  }
}

/* Tablet/mobile: mantém estrutura responsiva já existente, sem scroll horizontal. */
@media (max-width:991.98px){
  .erp-hero{
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:22px 0 !important;
  }
  .erp-hero-inner{
    width:min(100% - 28px,720px) !important;
    height:auto !important;
    min-height:0 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    grid-template-columns:1fr !important;
  }
  .erp-copy{
    padding:34px 0 30px !important;
    max-width:680px !important;
  }
  .erp-visual{
    width:100% !important;
    min-height:360px !important;
    height:360px !important;
    margin:0 !important;
  }
  .erp-devices{
    width:88% !important;
    right:4% !important;
    bottom:4px !important;
  }
}

@media (max-width:650px){
  .erp-hero-inner{width:calc(100% - 24px) !important;}
  .erp-visual{min-height:285px !important;height:285px !important;}
  .erp-devices{width:92% !important;right:2% !important;}
}

/* ===== v72 — mockups maiores e equilibrados nos 7 banners de produto ===== */
@media (min-width:1200px){
  .erp-hero .erp-visual{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .erp-hero .erp-devices{
    width:86% !important;
    max-width:86% !important;
    max-height:84% !important;
    height:auto !important;
    top:50% !important;
    bottom:auto !important;
    right:5% !important;
    transform:translateY(-50%) !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .qbit-erp-hero .erp-devices{
    width:85% !important;
    max-width:85% !important;
    right:5.5% !important;
  }

  #erpPragas .erp-devices{
    width:86% !important;
    max-width:86% !important;
    max-height:83% !important;
    right:4% !important;
  }

  .portaria-hero .erp-devices{
    width:85% !important;
    max-width:85% !important;
    right:4.8% !important;
  }

  .truck-hero .erp-devices{
    width:84% !important;
    max-width:84% !important;
    max-height:82% !important;
    right:4% !important;
  }

  .helpdesk-hero .erp-devices{
    width:85% !important;
    max-width:85% !important;
    right:4.8% !important;
  }

  .ledi-hero .erp-devices{
    width:84% !important;
    max-width:84% !important;
    right:5.5% !important;
  }

  .petshop-hero .erp-devices{
    width:87% !important;
    max-width:87% !important;
    max-height:83% !important;
    right:3.8% !important;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .erp-hero .erp-visual{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
  }

  .erp-hero .erp-devices{
    width:82% !important;
    max-width:82% !important;
    max-height:80% !important;
    height:auto !important;
    top:50% !important;
    bottom:auto !important;
    right:5% !important;
    transform:translateY(-50%) !important;
    object-fit:contain !important;
    object-position:center center !important;
  }

  .qbit-erp-hero .erp-devices{width:81% !important;max-width:81% !important;right:5.4% !important;}
  #erpPragas .erp-devices{width:82% !important;max-width:82% !important;max-height:79% !important;right:4.2% !important;}
  .portaria-hero .erp-devices{width:81% !important;max-width:81% !important;right:4.8% !important;}
  .truck-hero .erp-devices{width:80% !important;max-width:80% !important;max-height:78% !important;right:4.2% !important;}
  .helpdesk-hero .erp-devices{width:81% !important;max-width:81% !important;right:4.8% !important;}
  .ledi-hero .erp-devices{width:80% !important;max-width:80% !important;right:5.4% !important;}
  .petshop-hero .erp-devices{width:83% !important;max-width:83% !important;max-height:79% !important;right:4% !important;}
}


/* ===== v71 — quebras desktop pontuais em PARA QUEM É (ERP + Truck) ===== */
@media (max-width:650px){
  .audience-title--erp .audience-desktop-break,
  .audience-title--truck .audience-desktop-break{
    display:none;
  }
}


/* ===== v73 — integração visual dos mockups aos 7 banners de produto ===== */
@media (min-width:992px){
  /* Mantém tamanho/posição aprovados e melhora a continuidade visual
     entre texto, mockup e fotografia contextual. */
  .erp-hero::after{
    background:linear-gradient(90deg,
      #f7fbff 0%,
      #f7fbff 29%,
      rgba(247,251,255,.95) 35%,
      rgba(238,246,252,.88) 41%,
      rgba(218,234,247,.76) 48%,
      rgba(189,218,240,.58) 56%,
      rgba(142,191,226,.34) 65%,
      rgba(84,153,206,.15) 74%,
      rgba(24,115,185,.06) 100%
    ) !important;
  }

  .erp-hero .erp-visual{
    isolation:isolate !important;
  }

  /* Sombra extremamente suave apenas para "assentar" o mockup. */
  .erp-hero .erp-visual::after{
    content:"";
    position:absolute;
    z-index:0;
    left:18%;
    right:6%;
    bottom:7.5%;
    height:18%;
    pointer-events:none;
    background:radial-gradient(ellipse at center,
      rgba(7,34,65,.16) 0%,
      rgba(7,34,65,.10) 34%,
      rgba(7,34,65,.05) 56%,
      rgba(7,34,65,0) 78%
    );
    filter:blur(14px);
    opacity:.9;
  }

  .erp-hero .erp-devices{
    z-index:1 !important;
    filter:drop-shadow(0 12px 18px rgba(7,34,65,.10)) drop-shadow(0 28px 26px rgba(7,34,65,.08)) !important;
  }

  /* Pequenos ajustes óticos para manter a sombra centrada conforme a proporção do conjunto. */
  #erpPragas .erp-visual::after{left:17%; right:5%;}
  .truck-hero .erp-visual::after{left:19%; right:5%; bottom:7%;}
  .petshop-hero .erp-visual::after{left:16%; right:4%;}
  .helpdesk-hero .erp-visual::after{left:18%; right:5%;}
}

/* ===== v74 — ajuste pontual de respiro inferior no hero QBit Portaria ===== */
@media (min-width:992px){
  .portaria-hero .erp-copy{
    padding-top:28px !important;
    padding-bottom:46px !important;
  }
}

/* ===== v75 — simplificação global dos 7 banners de produto (sem mockups) ===== */
@media (min-width:992px){
  /* Mantém os banners compactos, remove completamente os mockups e redistribui a composição
     para: texto à esquerda + transição suave + fotografia contextual à direita. */
  .erp-hero{
    overflow:hidden !important;
  }

  .erp-hero-inner{
    width:min(1420px,calc(100% - 48px)) !important;
    max-width:1420px !important;
    grid-template-columns:minmax(430px,40%) 1fr !important;
    align-items:stretch !important;
  }

  .erp-hero .erp-visual,
  .erp-hero .erp-devices,
  .erp-hero .erp-visual::before,
  .erp-hero .erp-visual::after{
    display:none !important;
    content:none !important;
  }

  .erp-copy{
    max-width:560px !important;
    padding-top:34px !important;
    padding-bottom:42px !important;
    padding-right:6px !important;
    justify-content:center !important;
  }

  /* Portaria precisa de mais respiro inferior abaixo dos CTAs. */
  .portaria-hero .erp-copy{
    padding-top:22px !important;
    padding-bottom:72px !important;
  }

  /* Foto contextual predominante à direita; transição mais limpa e contínua. */
  .erp-hero::before{
    left:46% !important;
    right:0 !important;
    top:0 !important;
    bottom:0 !important;
    background-position:center right !important;
    background-size:cover !important;
  }

  .erp-hero::after{
    background:linear-gradient(90deg,
      #f7fbff 0%,
      #f7fbff 31%,
      rgba(247,251,255,.98) 38%,
      rgba(242,249,255,.92) 46%,
      rgba(226,240,250,.78) 56%,
      rgba(190,219,241,.52) 67%,
      rgba(122,179,220,.24) 79%,
      rgba(24,115,185,.08) 100%
    ) !important;
  }

  /* Base cromática fria, sem exagero. */
  .qbit-erp-hero::before,
  .portaria-hero::before,
  .truck-hero::before,
  .helpdesk-hero::before,
  .ledi-hero::before,
  .petshop-hero::before,
  #erpPragas::before{
    filter:saturate(.88) contrast(1.02) brightness(.95) !important;
  }
}

@media (max-width:991.98px){
  .erp-hero{
    position:relative !important;
    overflow:hidden !important;
    background:#f7fbff !important;
  }

  .erp-hero-inner{
    width:min(100% - 28px,720px) !important;
    grid-template-columns:1fr !important;
    height:auto !important;
    min-height:0 !important;
  }

  .erp-hero .erp-visual,
  .erp-hero .erp-devices,
  .erp-hero .erp-visual::before,
  .erp-hero .erp-visual::after{
    display:none !important;
    content:none !important;
  }

  .erp-copy{
    position:relative !important;
    z-index:2 !important;
    max-width:640px !important;
    padding:36px 0 40px !important;
  }

  .portaria-hero .erp-copy{
    padding-bottom:54px !important;
  }

  .erp-hero::before{
    content:"";
    position:absolute;
    z-index:0;
    top:0;
    right:0;
    bottom:0;
    left:42%;
    background-position:center right !important;
    background-size:cover !important;
    background-repeat:no-repeat !important;
    pointer-events:none;
  }

  .erp-hero::after{
    content:"";
    position:absolute;
    z-index:1;
    inset:0;
    background:linear-gradient(90deg,
      #f7fbff 0%,
      #f7fbff 56%,
      rgba(242,249,255,.95) 66%,
      rgba(219,237,249,.74) 78%,
      rgba(143,192,227,.32) 90%,
      rgba(24,115,185,.10) 100%
    ) !important;
    pointer-events:none;
  }

  .qbit-erp-hero::before{background-image:url('../images/qbit-erp/hero-bg.png') !important;filter:saturate(.88) contrast(1.02) brightness(.95) !important;}
  #erpPragas::before{background-image:url('../images/erp-pragas-hero-bg-final.png') !important;filter:saturate(.88) contrast(1.02) brightness(.95) !important;}
  .portaria-hero::before{background-image:url('../images/portaria/hero-bg.png') !important;filter:saturate(.88) contrast(1.02) brightness(.95) !important;}
  .truck-hero::before{background-image:url('../images/truck/hero-bg.png') !important;filter:saturate(.88) contrast(1.02) brightness(.95) !important;}
  .helpdesk-hero::before{background-image:url('../images/helpdesk/hero-bg.png') !important;filter:saturate(.88) contrast(1.02) brightness(.95) !important;}
  .ledi-hero::before{background-image:url('../images/ledi-ponto/hero-bg.png') !important;filter:saturate(.88) contrast(1.02) brightness(.95) !important;}
  .petshop-hero::before{background-image:url('../images/pet-shop/hero-bg.png') !important;filter:saturate(.88) contrast(1.02) brightness(.95) !important;}
}

@media (max-width:650px){
  .erp-copy{
    padding:34px 0 38px !important;
  }

  .portaria-hero .erp-copy{
    padding-bottom:46px !important;
  }

  .erp-hero::before{
    left:36% !important;
  }

  .erp-hero::after{
    background:linear-gradient(90deg,
      #f7fbff 0%,
      #f7fbff 68%,
      rgba(242,249,255,.92) 78%,
      rgba(193,221,242,.48) 90%,
      rgba(24,115,185,.12) 100%
    ) !important;
  }
}

/* ===== v76 — padronização global dos botões dos CTAs finais ===== */
.erp-final .final-actions{
  display:flex !important;
  flex-direction:row !important;
  align-items:center !important;
  justify-content:flex-start !important;
  flex-wrap:wrap !important;
  gap:12px !important;
  width:auto !important;
  max-width:none !important;
}

.erp-final .final-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:10px !important;
  width:auto !important;
  min-width:0 !important;
  min-height:46px !important;
  height:46px !important;
  padding:0 18px !important;
  border-radius:8px !important;
  white-space:nowrap !important;
  font-size:.78rem !important;
  line-height:1 !important;
  font-weight:700 !important;
}

.erp-final .final-btn-primary{
  background:#1873B9 !important;
  border-color:#1873B9 !important;
  color:#fff !important;
}
.erp-final .final-btn-primary:hover{
  background:#1265A5 !important;
  border-color:#1265A5 !important;
  color:#fff !important;
}

.erp-final .final-btn-outline{
  background:transparent !important;
  border:1px solid rgba(255,255,255,.72) !important;
  color:#fff !important;
}
.erp-final .final-btn-outline:hover{
  background:rgba(255,255,255,.08) !important;
  border-color:#fff !important;
  color:#fff !important;
}

.erp-final .final-btn .cta-arrow{
  margin-left:2px !important;
  flex:0 0 auto !important;
}

@media (max-width:650px){
  .erp-final .final-actions{
    flex-direction:column !important;
    align-items:stretch !important;
    gap:10px !important;
    width:100% !important;
  }

  .erp-final .final-btn{
    width:100% !important;
    min-height:46px !important;
    height:auto !important;
    padding:13px 18px !important;
    white-space:normal !important;
  }
}

/* =========================================================
   v78 — HEROES DOS 7 PRODUTOS
   Seção azul-claro + banner centralizado em container.
   Conteúdo à esquerda -> degradê suave -> fotografia até a borda direita do banner.
   Base: v76 (configuração v77 descartada).
   ========================================================= */

@media (min-width: 992px){
  /* Fundo externo da seção. O banner visual fica contido no mesmo container do site. */
  .erp-hero{
    position:relative !important;
    width:100% !important;
    max-width:none !important;
    height:430px !important;
    min-height:430px !important;
    margin:32px 0 !important;
    background:#eaf5ff !important;
    overflow:visible !important;
  }

  /* O banner completo (texto + transição + foto) agora respeita o container. */
  .erp-hero-inner{
    position:relative !important;
    isolation:isolate !important;
    width:min(1420px,calc(100% - 48px)) !important;
    max-width:1420px !important;
    height:430px !important;
    min-height:430px !important;
    margin-inline:auto !important;
    display:grid !important;
    grid-template-columns:minmax(430px,40%) minmax(0,60%) !important;
    align-items:stretch !important;
    overflow:hidden !important;
    background:#f5faff !important;
  }

  /* Desliga a fotografia antiga aplicada no hero externo. */
  .erp-hero::before,
  .erp-hero::after{
    content:none !important;
    display:none !important;
  }

  /* Fotografia: ocupa a faixa direita e chega EXATAMENTE até a borda do banner. */
  .erp-hero-inner::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:40% !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    filter:saturate(.88) contrast(1.02) brightness(.95) !important;
    pointer-events:none !important;
  }

  /* Degradê compartilhado: área clara do conteúdo -> azul-claro -> fotografia. */
  .erp-hero-inner::after{
    content:"" !important;
    position:absolute !important;
    z-index:1 !important;
    inset:0 !important;
    background:linear-gradient(90deg,
      #f5faff 0%,
      #f5faff 35%,
      rgba(245,250,255,.98) 40%,
      rgba(236,247,255,.92) 46%,
      rgba(220,239,252,.76) 53%,
      rgba(190,220,242,.50) 60%,
      rgba(133,184,221,.24) 68%,
      rgba(24,115,185,.06) 77%,
      rgba(24,115,185,0) 86%
    ) !important;
    pointer-events:none !important;
  }

  .erp-copy{
    position:relative !important;
    z-index:2 !important;
  }

  /* Mockups continuam removidos. */
  .erp-hero .erp-visual,
  .erp-hero .erp-devices,
  .erp-hero .erp-visual::before,
  .erp-hero .erp-visual::after{
    display:none !important;
    content:none !important;
  }

  /* Uma única estrutura; só muda a fotografia de cada produto. */
  .qbit-erp-hero .erp-hero-inner::before{background-image:url('../images/qbit-erp/hero-bg.png') !important;}
  #erpPragas .erp-hero-inner::before{background-image:url('../images/erp-pragas-hero-bg-final.png') !important;}
  .portaria-hero .erp-hero-inner::before{background-image:url('../images/portaria/hero-bg.png') !important;}
  .truck-hero .erp-hero-inner::before{background-image:url('../images/truck/hero-bg.png') !important;}
  .helpdesk-hero .erp-hero-inner::before{background-image:url('../images/helpdesk/hero-bg.png') !important;}
  .ledi-hero .erp-hero-inner::before{background-image:url('../images/ledi-ponto/hero-bg.png') !important;}
  .petshop-hero .erp-hero-inner::before{background-image:url('../images/pet-shop/hero-bg.png') !important;}
}

@media (min-width:992px) and (max-width:1199.98px){
  .erp-hero-inner{
    width:min(100% - 32px,1420px) !important;
    grid-template-columns:minmax(390px,42%) minmax(0,58%) !important;
  }
  .erp-hero-inner::before{left:42% !important;}
  .erp-hero-inner::after{
    background:linear-gradient(90deg,
      #f5faff 0%,
      #f5faff 39%,
      rgba(245,250,255,.96) 45%,
      rgba(228,242,252,.80) 52%,
      rgba(194,222,243,.50) 61%,
      rgba(124,179,219,.22) 72%,
      rgba(24,115,185,0) 86%
    ) !important;
  }
}

@media (max-width:991.98px){
  .erp-hero{
    position:relative !important;
    width:100% !important;
    height:auto !important;
    min-height:0 !important;
    margin:22px 0 !important;
    padding:0 !important;
    background:#eaf5ff !important;
    overflow:visible !important;
  }

  .erp-hero::before,
  .erp-hero::after{
    content:none !important;
    display:none !important;
  }

  .erp-hero-inner{
    position:relative !important;
    isolation:isolate !important;
    width:min(100% - 28px,720px) !important;
    height:auto !important;
    min-height:390px !important;
    margin-inline:auto !important;
    display:block !important;
    overflow:hidden !important;
    background:#f5faff !important;
  }

  .erp-hero-inner::before{
    content:"" !important;
    position:absolute !important;
    z-index:0 !important;
    top:0 !important;
    right:0 !important;
    bottom:0 !important;
    left:42% !important;
    background-repeat:no-repeat !important;
    background-size:cover !important;
    background-position:center center !important;
    filter:saturate(.88) contrast(1.02) brightness(.95) !important;
    pointer-events:none !important;
  }

  .erp-hero-inner::after{
    content:"" !important;
    position:absolute !important;
    z-index:1 !important;
    inset:0 !important;
    background:linear-gradient(90deg,
      #f5faff 0%,
      #f5faff 55%,
      rgba(240,248,254,.94) 64%,
      rgba(207,230,247,.68) 76%,
      rgba(130,183,222,.28) 88%,
      rgba(24,115,185,0) 100%
    ) !important;
    pointer-events:none !important;
  }

  .erp-copy{
    position:relative !important;
    z-index:2 !important;
  }

  .erp-hero .erp-visual,
  .erp-hero .erp-devices,
  .erp-hero .erp-visual::before,
  .erp-hero .erp-visual::after{
    display:none !important;
    content:none !important;
  }

  .qbit-erp-hero .erp-hero-inner::before{background-image:url('../images/qbit-erp/hero-bg.png') !important;}
  #erpPragas .erp-hero-inner::before{background-image:url('../images/erp-pragas-hero-bg-final.png') !important;}
  .portaria-hero .erp-hero-inner::before{background-image:url('../images/portaria/hero-bg.png') !important;}
  .truck-hero .erp-hero-inner::before{background-image:url('../images/truck/hero-bg.png') !important;}
  .helpdesk-hero .erp-hero-inner::before{background-image:url('../images/helpdesk/hero-bg.png') !important;}
  .ledi-hero .erp-hero-inner::before{background-image:url('../images/ledi-ponto/hero-bg.png') !important;}
  .petshop-hero .erp-hero-inner::before{background-image:url('../images/pet-shop/hero-bg.png') !important;}
}

@media (max-width:650px){
  .erp-hero-inner{
    width:calc(100% - 24px) !important;
    min-height:0 !important;
  }
  .erp-hero-inner::before{left:48% !important;}
  .erp-hero-inner::after{
    background:linear-gradient(90deg,
      #f5faff 0%,
      #f5faff 68%,
      rgba(237,247,254,.92) 76%,
      rgba(185,216,240,.52) 88%,
      rgba(24,115,185,.06) 100%
    ) !important;
  }
}

/* =========================================================
   v79 — ajuste fino dos banners de produtos (container)
   - mais respiro interno do banner
   - imagem mais próxima do conteúdo
   - cantos levemente arredondados
   - azul interno ainda mais claro que o fundo da seção
   ========================================================= */
@media (min-width: 992px){
  .erp-hero{
    background:#e6f2fb !important;
  }

  .erp-hero-inner{
    border-radius:16px !important;
    background:#f9fcff !important;
    box-shadow:0 10px 28px rgba(7, 54, 96, .06) !important;
    grid-template-columns:minmax(440px,39%) minmax(0,61%) !important;
  }

  .erp-hero-inner::before{
    left:36.5% !important;
    background-position:center center !important;
  }

  .erp-hero-inner::after{
    background:linear-gradient(90deg,
      #f9fcff 0%,
      #f9fcff 28%,
      rgba(249,252,255,.98) 34%,
      rgba(242,249,255,.94) 41%,
      rgba(227,241,251,.80) 49%,
      rgba(198,224,243,.56) 58%,
      rgba(144,191,225,.26) 69%,
      rgba(24,115,185,.08) 80%,
      rgba(24,115,185,0) 88%
    ) !important;
  }

  .erp-copy{
    padding:48px 34px 50px 52px !important;
    max-width:590px !important;
  }

  .portaria-hero .erp-copy{
    padding-bottom:88px !important;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .erp-hero-inner{
    border-radius:15px !important;
    grid-template-columns:minmax(400px,40%) minmax(0,60%) !important;
  }

  .erp-hero-inner::before{
    left:38% !important;
  }

  .erp-hero-inner::after{
    background:linear-gradient(90deg,
      #f9fcff 0%,
      #f9fcff 32%,
      rgba(247,251,255,.96) 39%,
      rgba(232,244,252,.84) 47%,
      rgba(200,225,244,.58) 57%,
      rgba(132,184,222,.26) 70%,
      rgba(24,115,185,0) 85%
    ) !important;
  }

  .erp-copy{
    padding:44px 28px 46px 44px !important;
  }
}

@media (max-width:991.98px){
  .erp-hero{
    background:#e6f2fb !important;
  }

  .erp-hero-inner{
    border-radius:14px !important;
    background:#f9fcff !important;
    box-shadow:0 8px 22px rgba(7, 54, 96, .05) !important;
  }

  .erp-hero-inner::before{
    left:40% !important;
  }

  .erp-hero-inner::after{
    background:linear-gradient(90deg,
      #f9fcff 0%,
      #f9fcff 52%,
      rgba(242,249,255,.94) 61%,
      rgba(211,232,247,.70) 74%,
      rgba(134,185,223,.28) 88%,
      rgba(24,115,185,0) 100%
    ) !important;
  }

  .erp-copy{
    padding:40px 28px 44px !important;
  }

  .portaria-hero .erp-copy{
    padding-bottom:68px !important;
  }
}

@media (max-width:650px){
  .erp-hero-inner{
    border-radius:12px !important;
  }

  .erp-copy{
    padding:34px 20px 38px !important;
  }

  .portaria-hero .erp-copy{
    padding-bottom:54px !important;
  }
}


/* =========================================================
   v80 — ajustes pontuais finais dos heroes de produtos
   - nome do produto maior
   - correções finas de enquadramento por produto
   - quebra do título de Portaria ajustada
   ========================================================= */
@media (min-width: 992px){
  .erp-eyebrow{
    font-size:.88rem !important;
    letter-spacing:.15em !important;
    margin-bottom:16px !important;
  }

  .erp-title .accent-inline{
    color:#0879dc !important;
    font-style:normal !important;
  }

  /* ERP — evitar borda visível da fotografia na transição */
  .qbit-erp-hero .erp-hero-inner::before{
    left:34.2% !important;
    background-position:62% center !important;
  }

  /* ERP Pragas — trazer o dedetizador mais para dentro */
  #erpPragas .erp-hero-inner::before{
    left:35.2% !important;
    background-position:78% center !important;
  }

  /* Portaria — somente mantém a estrutura de banner; título controlado no markup */
  .portaria-hero .erp-hero-inner::before{
    left:35.4% !important;
    background-position:63% center !important;
  }

  /* Truck — eliminar leitura de borda e suavizar a transição */
  .truck-hero .erp-hero-inner::before{
    left:34.2% !important;
    background-position:72% center !important;
  }

  /* Help Desk — trazer a pessoa/computador mais para a esquerda */
  .helpdesk-hero .erp-hero-inner::before{
    left:35.3% !important;
    background-position:76% center !important;
  }

  /* LEDi — abrir o enquadramento para o equipamento ficar mais legível */
  .ledi-hero .erp-hero-inner::before{
    left:35.6% !important;
    background-size:112% auto !important;
    background-position:88% center !important;
  }

  /* Pet Shop — recuperar melhor o gato e reduzir deslocamento excessivo à direita */
  .petshop-hero .erp-hero-inner::before{
    left:35.1% !important;
    background-position:73% center !important;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .erp-eyebrow{
    font-size:.84rem !important;
  }

  .qbit-erp-hero .erp-hero-inner::before{left:35.2% !important; background-position:60% center !important;}
  #erpPragas .erp-hero-inner::before{left:36.0% !important; background-position:76% center !important;}
  .portaria-hero .erp-hero-inner::before{left:36.1% !important; background-position:62% center !important;}
  .truck-hero .erp-hero-inner::before{left:35.1% !important; background-position:71% center !important;}
  .helpdesk-hero .erp-hero-inner::before{left:36.1% !important; background-position:74% center !important;}
  .ledi-hero .erp-hero-inner::before{left:36.2% !important; background-size:116% auto !important; background-position:86% center !important;}
  .petshop-hero .erp-hero-inner::before{left:35.9% !important; background-position:70% center !important;}
}

@media (max-width:991.98px){
  .erp-eyebrow{
    font-size:.8rem !important;
    letter-spacing:.14em !important;
  }

  .erp-title .accent-inline{
    color:#0879dc !important;
    font-style:normal !important;
  }

  /* pequenos ajustes de enquadramento para tablet/mobile */
  .qbit-erp-hero .erp-hero-inner::before{background-position:64% center !important;}
  #erpPragas .erp-hero-inner::before{background-position:82% center !important;}
  .portaria-hero .erp-hero-inner::before{background-position:66% center !important;}
  .truck-hero .erp-hero-inner::before{background-position:78% center !important;}
  .helpdesk-hero .erp-hero-inner::before{background-position:80% center !important;}
  .ledi-hero .erp-hero-inner::before{background-size:124% auto !important; background-position:95% center !important;}
  .petshop-hero .erp-hero-inner::before{background-position:78% center !important;}
}


/* =========================================================
   v81 — Ajuste exclusivo: busca + navegação dos produtos
   + enquadramento pontual do hero QBit Pet Shop
   ========================================================= */

/* PET SHOP — abrir o enquadramento para preservar o gato por completo. */
@media (min-width:1200px){
  .petshop-hero .erp-hero-inner::before{
    left:12% !important;
    background-size:cover !important;
    background-position:right center !important;
  }
}
@media (min-width:992px) and (max-width:1199.98px){
  .petshop-hero .erp-hero-inner::before{
    left:9% !important;
    background-size:cover !important;
    background-position:right center !important;
  }
}
@media (max-width:991.98px){
  .petshop-hero .erp-hero-inner::before{
    left:8% !important;
    background-size:cover !important;
    background-position:right center !important;
  }
}

/* BUSCA — elemento principal, limpo e leve. */
.solution-finder{
  padding:28px 0 12px !important;
  background:#fff !important;
}
.solution-finder .products-tools-container{
  width:min(1120px,calc(100% - 48px)) !important;
  max-width:1120px !important;
}
.solution-search{
  min-height:64px !important;
  height:64px !important;
  padding:7px 8px 7px 18px !important;
  gap:12px !important;
  border:1px solid #dce9f4 !important;
  border-radius:16px !important;
  background:#fff !important;
  box-shadow:0 8px 24px rgba(8,64,111,.06) !important;
}
.solution-search>i{
  font-size:1.2rem !important;
  color:#1873B9 !important;
  flex:0 0 auto !important;
}
.solution-search input{
  height:48px !important;
  padding:0 8px !important;
  border:0 !important;
  border-radius:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  font-size:.93rem !important;
}
.solution-search .example{
  display:none !important;
}
.solution-search button{
  width:46px !important;
  height:46px !important;
  flex:0 0 46px !important;
  border-radius:50% !important;
  background:#1873B9 !important;
  box-shadow:0 5px 14px rgba(24,115,185,.18) !important;
}
.search-note{
  min-height:18px !important;
  padding:6px 4px 0 !important;
}

/* NAVEGAÇÃO — sem aparência de tabela/cards. */
.product-tabs-shell{
  padding:6px 0 18px !important;
  border-top:0 !important;
  border-bottom:0 !important;
  background:#fff !important;
}

@media (min-width:992px){
  .product-tabs-shell .product-tabs.products-tools-container{
    width:min(1420px,calc(100% - 48px)) !important;
    max-width:1420px !important;
    margin-inline:auto !important;
    padding:0 !important;
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    flex-wrap:nowrap !important;
    gap:17px !important;
    overflow:visible !important;
  }

  .product-tabs-shell .product-tab{
    flex:0 0 auto !important;
    width:auto !important;
    min-width:0 !important;
    min-height:48px !important;
    padding:9px 13px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:8px !important;
    border:0 !important;
    border-radius:14px !important;
    background:transparent !important;
    color:#082650 !important;
    box-shadow:none !important;
    white-space:nowrap !important;
  }

  .product-tabs-shell .product-tab:first-child{
    border-left:0 !important;
  }

  .product-tabs-shell .product-tab small{
    display:none !important;
  }

  .product-tabs-shell .product-tab strong{
    display:block !important;
    margin:0 !important;
    font-size:.82rem !important;
    line-height:1.1 !important;
    font-weight:700 !important;
    white-space:nowrap !important;
  }

  .product-tabs-shell .tab-icon{
    width:32px !important;
    height:32px !important;
    flex:0 0 32px !important;
    display:grid !important;
    place-items:center !important;
  }
  .product-tabs-shell .tab-icon img{
    width:auto !important;
    height:auto !important;
    max-width:32px !important;
    max-height:32px !important;
    object-fit:contain !important;
  }

  .product-tabs-shell .product-tab.active{
    background:#edf7ff !important;
  }
  .product-tabs-shell .product-tab.active::after{
    content:"" !important;
    position:absolute !important;
    left:22% !important;
    right:22% !important;
    bottom:3px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#1873B9 !important;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .product-tabs-shell .product-tabs.products-tools-container{
    width:min(100% - 32px,1160px) !important;
    gap:9px !important;
  }
  .product-tabs-shell .product-tab{
    padding:8px 9px !important;
    gap:6px !important;
  }
  .product-tabs-shell .tab-icon{
    width:27px !important;
    height:27px !important;
    flex-basis:27px !important;
  }
  .product-tabs-shell .tab-icon img{
    max-width:27px !important;
    max-height:27px !important;
  }
  .product-tabs-shell .product-tab strong{
    font-size:.72rem !important;
  }
}

@media (max-width:991.98px){
  .solution-finder{
    padding:22px 0 10px !important;
  }
  .solution-finder .products-tools-container{
    width:min(100% - 28px,720px) !important;
  }
  .solution-search{
    min-height:60px !important;
    height:60px !important;
    border-radius:14px !important;
  }
  .solution-search button{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }

  .product-tabs-shell{
    padding:6px 0 16px !important;
  }
  .product-tabs-shell .product-tabs.products-tools-container{
    width:min(100% - 28px,720px) !important;
    display:grid !important;
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:8px !important;
    overflow:visible !important;
  }
  .product-tabs-shell .product-tab{
    min-width:0 !important;
    min-height:52px !important;
    padding:9px 10px !important;
    border:0 !important;
    border-radius:12px !important;
    background:transparent !important;
    gap:8px !important;
    justify-content:flex-start !important;
  }
  .product-tabs-shell .product-tab small{
    display:none !important;
  }
  .product-tabs-shell .tab-icon{
    width:30px !important;
    height:30px !important;
    flex:0 0 30px !important;
  }
  .product-tabs-shell .tab-icon img{
    max-width:30px !important;
    max-height:30px !important;
  }
  .product-tabs-shell .product-tab strong{
    font-size:.78rem !important;
  }
  .product-tabs-shell .product-tab.active{
    background:#edf7ff !important;
  }
  .product-tabs-shell .product-tab.active::after{
    left:14px !important;
    right:14px !important;
    bottom:2px !important;
    height:2px !important;
    border-radius:999px !important;
    background:#1873B9 !important;
  }
}

@media (max-width:575.98px){
  .product-tabs-shell .product-tabs.products-tools-container{
    width:calc(100% - 24px) !important;
    grid-template-columns:1fr !important;
  }
}

/* =========================================================
   v82 — ajustes finais da área de busca/navegação de produtos
   - fundo da seção em azul-claro
   - barra de pesquisa mais fiel à referência
   - mais respiro inferior abaixo do banner dentro da seção azul
   ========================================================= */

/* Sessão superior (busca + navegação) em azul-claro */
.solution-finder,
.product-tabs-shell{
  background:#eaf5ff !important;
}

.solution-finder{
  padding:28px 0 10px !important;
}

.product-tabs-shell{
  padding:4px 0 8px !important;
}

.search-note:empty{
  display:none !important;
}

/* Barra de busca — visual mais próximo da referência */
.solution-search{
  min-height:68px !important;
  height:68px !important;
  padding:8px 10px 8px 20px !important;
  gap:14px !important;
  border:0 !important;
  border-radius:18px !important;
  background:#ffffff !important;
  box-shadow:0 8px 20px rgba(9,61,104,.08) !important;
}

.solution-search > i{
  font-size:1.7rem !important;
  color:#1873B9 !important;
}

.solution-search input{
  height:100% !important;
  padding:0 4px !important;
  background:transparent !important;
  font-size:1rem !important;
  color:#4a6177 !important;
}

.solution-search input::placeholder{
  color:#6e7f92 !important;
  opacity:1 !important;
}

.solution-search button{
  width:50px !important;
  height:50px !important;
  flex:0 0 50px !important;
  border-radius:999px !important;
  background:#1873B9 !important;
  box-shadow:0 6px 16px rgba(24,115,185,.20) !important;
}

/* Hero dos produtos: manter a seção azul e criar mais respiro abaixo do banner */
@media (min-width:992px){
  .erp-hero{
    margin:0 !important;
    padding:6px 0 30px !important;
    height:auto !important;
    min-height:0 !important;
    background:#eaf5ff !important;
  }
}

@media (max-width:991.98px){
  .solution-finder{
    padding:22px 0 8px !important;
  }

  .product-tabs-shell{
    padding:4px 0 8px !important;
  }

  .solution-search{
    min-height:62px !important;
    height:62px !important;
    padding:7px 8px 7px 16px !important;
    border-radius:16px !important;
  }

  .solution-search > i{
    font-size:1.45rem !important;
  }

  .solution-search button{
    width:46px !important;
    height:46px !important;
    flex-basis:46px !important;
  }

  .erp-hero{
    margin:0 !important;
    padding:6px 0 24px !important;
    height:auto !important;
    min-height:0 !important;
    background:#eaf5ff !important;
  }
}

@media (max-width:650px){
  .solution-search{
    min-height:58px !important;
    height:58px !important;
    padding:6px 8px 6px 14px !important;
    border-radius:15px !important;
  }

  .solution-search > i{
    font-size:1.3rem !important;
  }

  .solution-search button{
    width:42px !important;
    height:42px !important;
    flex-basis:42px !important;
  }

  .erp-hero{
    padding-bottom:20px !important;
  }
}

/* =========================================================
   v83 — ajuste pontual LEDi Ponto no banner de produtos
   - trazer o aparelho mais para a esquerda
   - ampliar levemente a fotografia
   - evitar leitura dos limites da imagem
   ========================================================= */
@media (min-width:1200px){
  .ledi-hero .erp-hero-inner::before{
    left:33.2% !important;
    background-size:140% auto !important;
    background-position:70% center !important;
  }
}

@media (min-width:992px) and (max-width:1199.98px){
  .ledi-hero .erp-hero-inner::before{
    left:33.8% !important;
    background-size:142% auto !important;
    background-position:68% center !important;
  }
}

@media (max-width:991.98px){
  .ledi-hero .erp-hero-inner::before{
    background-size:146% auto !important;
    background-position:78% center !important;
  }
}


/* =========================================================
   v96 — PRODUTOS / banner principal alinhado ao hero da Home
   Ajuste fino: altura, escala tipográfica e quebra do título.
   ========================================================= */
@media (min-width: 992px){
  .products-general-banner{
    height:520px !important;
    min-height:520px !important;
  }

  .products-general-banner::before{
    right:0 !important;
    width:79% !important;
    background-position:92% center !important;
    background-size:cover !important;
  }

  .products-general-banner::after{
    background:linear-gradient(90deg,
      #011938 0%,
      #011938 31%,
      rgba(1,25,56,.98) 39%,
      rgba(1,25,56,.88) 46%,
      rgba(1,25,56,.66) 53%,
      rgba(1,25,56,.36) 60%,
      rgba(1,25,56,.12) 68%,
      rgba(1,25,56,0) 75%) !important;
  }

  .products-general-banner-inner{
    align-items:center !important;
    max-width:1140px !important;
  }

  .products-general-copy{
    width:100% !important;
    max-width:700px !important;
  }

  .products-general-eyebrow{
    margin:0 0 .8rem !important;
  }

  .products-general-copy h1{
    max-width:720px !important;
    font-size:clamp(2.75rem,3.7vw,3.85rem) !important;
    line-height:1.08 !important;
    margin:1rem 0 1.45rem !important;
  }

  .products-general-copy h1 > span{
    display:block !important;
    white-space:nowrap !important;
  }

  .products-general-copy p{
    max-width:590px !important;
    line-height:1.6 !important;
  }
}

@media (min-width: 1400px){
  .products-general-banner-inner{max-width:1320px !important;}
}

@media (max-width: 991.98px){
  .products-general-banner{
    height:560px !important;
    min-height:560px !important;
  }
  .products-general-copy h1 > span{
    white-space:normal !important;
  }
}

@media (max-width: 575.98px){
  .products-general-banner{
    height:520px !important;
    min-height:520px !important;
  }
}