/* Clear Up 2026 — capa e serviços em CSS estático, fora do pipeline Sass legado. */
:root{--cu-blue:#0789cb;--cu-blue-bright:#13a9ee;--cu-navy:#141a23;--cu-navy-2:#0c1621;--cu-white:#fff;--cu-muted:#9eabba}
html{scroll-behavior:smooth}

/* HERO */
#topo.clearup-home-hero{height:100vh;min-height:720px;position:relative;overflow:hidden;background:#141a23}
#topo .clearup-hero-shell{position:relative!important;height:100%!important;min-height:720px!important;overflow:hidden;isolation:isolate;background:#141a23!important}
#topo .clearup-hero-bg{position:absolute;inset:0;z-index:0;background:#141a23 url('/images/clearup-hero-background.jpg') center center/cover no-repeat;transform:scale(1.018);animation:clearupBgBreath 14s ease-in-out infinite alternate}
#topo .clearup-hero-bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,12,20,.18),transparent 28%,transparent 72%,rgba(6,12,20,.18)),linear-gradient(180deg,rgba(9,16,24,.15),transparent 34%,rgba(9,16,24,.12))}
@keyframes clearupBgBreath{from{transform:scale(1.018)}to{transform:scale(1.045)}}
.clearup-smoke{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.clearup-smoke-back{z-index:1;opacity:.55}.clearup-smoke-front{z-index:4;opacity:.32}
.clearup-hero-copy{position:absolute;z-index:5;top:19.5%;left:50%;width:min(860px,88vw);transform:translateX(-50%);text-align:center;color:#fff;pointer-events:none}
.clearup-hero-title{margin:0;font-family:Montserrat,sans-serif;font-size:clamp(42px,4.55vw,70px);line-height:.9;font-weight:900;letter-spacing:-.052em;color:#fff;text-shadow:0 7px 30px rgba(0,0,0,.22)}
.clearup-reveal-line{display:block;overflow:hidden;padding:.04em .03em .08em;margin:-.04em -.03em -.08em}
.clearup-reveal-line>span{display:block;opacity:0;transform:translate3d(0,115%,0) rotate(.01deg);filter:blur(7px);will-change:transform,opacity,filter}
.clearup-hero-subtitle{margin:15px 0 0;font-family:Montserrat,sans-serif;font-size:clamp(15px,1.34vw,21px);font-style:italic;font-weight:400;color:rgba(255,255,255,.94);opacity:0;transform:translate3d(0,18px,0);filter:blur(5px);will-change:transform,opacity,filter}
.clearup-hero-copy.is-entered .clearup-reveal-line>span{animation:clearupTextReveal 1.05s cubic-bezier(.16,1,.3,1) forwards}
.clearup-hero-copy.is-entered .clearup-reveal-line:nth-child(2)>span{animation-delay:.12s}
.clearup-hero-copy.is-entered .clearup-hero-subtitle{animation:clearupSubtitleReveal .9s .42s cubic-bezier(.16,1,.3,1) forwards}
@keyframes clearupTextReveal{0%{opacity:0;transform:translate3d(0,115%,0);filter:blur(8px)}55%{opacity:1}100%{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
@keyframes clearupSubtitleReveal{to{opacity:1;transform:translate3d(0,0,0);filter:blur(0)}}
.clearup-worker-wrap{position:absolute;z-index:3;left:50%;bottom:-1.5%;width:min(47vw,710px);height:72%;display:flex;align-items:flex-end;justify-content:center;pointer-events:none;opacity:0;transform:translate3d(calc(-50% + var(--worker-x,0px)),calc(34px + var(--worker-y,0px)),0) scale(.985);transition:transform .18s ease-out;will-change:transform,opacity}
.clearup-worker-wrap.is-entered{animation:clearupWorkerEntrance 1.35s .18s cubic-bezier(.16,1,.3,1) forwards}
@keyframes clearupWorkerEntrance{0%{opacity:0;transform:translate3d(calc(-50% + var(--worker-x,0px)),calc(34px + var(--worker-y,0px)),0) scale(.985)}100%{opacity:1;transform:translate3d(calc(-50% + var(--worker-x,0px)),var(--worker-y,0px),0) scale(1)}}
.clearup-worker{display:block;max-width:100%;max-height:100%;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 28px 38px rgba(0,0,0,.4));transform-origin:50% 82%;animation:clearupWorkerFloat 6s 1.65s ease-in-out infinite}
@keyframes clearupWorkerFloat{0%,100%{transform:translateY(0) rotate(-.2deg)}50%{transform:translateY(-12px) rotate(.25deg)}}
.clearup-hero-actions{position:absolute;z-index:7;left:50%;bottom:7.6%;transform:translate3d(-50%,18px,0);display:flex;gap:18px;width:min(610px,86vw);justify-content:center;opacity:0;filter:blur(4px)}
.clearup-hero-actions.is-entered{animation:clearupActionsReveal .85s .72s cubic-bezier(.16,1,.3,1) forwards}
@keyframes clearupActionsReveal{to{opacity:1;transform:translate3d(-50%,0,0);filter:blur(0)}}
.clearup-btn{height:58px;padding:0 36px;min-width:245px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:14px;text-decoration:none!important;font:700 italic 14px/1 Montserrat,sans-serif;letter-spacing:-.01em;transition:.25s ease;white-space:nowrap}
.clearup-btn-primary{background:var(--cu-blue);color:#fff!important;border:1px solid var(--cu-blue);box-shadow:0 12px 32px rgba(0,136,203,.24)}
.clearup-btn-primary:hover{transform:translateY(-3px);background:#0b9edf;border-color:#0b9edf}
.clearup-btn-outline{background:rgba(11,22,32,.76);color:#fff!important;border:1px solid rgba(13,150,216,.7);backdrop-filter:blur(8px)}
.clearup-hero-subtitle strong{font-weight:800}.clearup-hero-subtitle span{font-weight:400}
.clearup-whatsapp-icon{display:inline-flex!important;align-items:center;justify-content:center;width:20px;height:20px;flex:0 0 20px;color:#fff!important;font-style:normal!important}
.clearup-whatsapp-icon svg{display:block;width:100%;height:100%;fill:currentColor}
.clearup-btn-outline span{font-size:23px;color:#24aeea;font-style:normal;font-weight:400}.clearup-btn-outline:hover{transform:translateY(-3px);border-color:#22aeef;background:rgba(13,33,48,.92)}
.clearup-hero-vignette{position:absolute;z-index:6;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(8,14,21,.12) 0,transparent 22%,transparent 67%,rgba(8,14,21,.38) 100%)}
.clearup-hero-section-fade{position:absolute;z-index:6;left:0;right:0;bottom:-1px;height:150px;pointer-events:none;background:linear-gradient(to bottom,rgba(20,26,35,0) 0%,rgba(20,26,35,.18) 28%,rgba(20,26,35,.72) 72%,#141a23 100%)}
#topo .down-arrow,#topo #slick-buttons{display:none!important}

/* SERVIÇOS */
.clearup-services{position:relative!important;display:block!important;height:auto!important;min-height:0!important;margin:0!important;background:#f3f4f4!important;padding:92px 0 118px!important;overflow:hidden!important;clear:both!important}
.clearup-services:before,.clearup-services:after{content:none!important;display:none!important}
.clearup-services-inner{position:relative;z-index:1;display:block;clear:both;width:90%!important;max-width:none!important;margin:0 auto!important}
@media(min-width:1600px){.clearup-services-inner{width:80%!important}}
.clearup-services-heading{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);gap:72px;align-items:end;margin-bottom:30px}
.clearup-services-heading-side{align-self:end;padding-bottom:7px}
.clearup-services-heading-side h6{margin:0!important;color:#45474e!important;font-family:'InterBoldItalic18pt',Montserrat,sans-serif!important;font-size:22px!important;line-height:1.42!important;text-align:left!important;font-weight:normal!important}
.clearup-service-slider{position:relative;overflow:hidden;box-shadow:0 28px 70px rgba(18,31,43,.09)}
.clearup-service-track{display:flex;position:relative;width:100%;min-height:590px;transform:translate3d(0,0,0);transition:transform .78s cubic-bezier(.22,.61,.36,1);will-change:transform}
.clearup-service-slide{position:relative!important;inset:auto!important;display:grid;grid-template-columns:58% 42%;flex:0 0 100%;width:100%;background:#fff;opacity:1!important;visibility:visible!important;transform:none!important;box-shadow:none!important}
.clearup-service-image{min-height:590px;background-size:cover;background-position:center;position:relative;overflow:hidden}
.clearup-service-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 70%,rgba(0,0,0,.06)),linear-gradient(0deg,rgba(8,20,31,.24),transparent 38%)}
.clearup-service-content{padding:56px 58px 122px;display:flex;flex-direction:column;justify-content:center;background:#101b27;color:#fff;position:relative;overflow:hidden}
.clearup-service-content:before{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-170px;top:-110px;border:1px solid rgba(30,171,235,.17);box-shadow:0 0 0 55px rgba(30,171,235,.025),0 0 0 110px rgba(30,171,235,.018)}
.clearup-service-number{display:block;margin-bottom:34px;color:#32afe8;font:700 13px/1 Montserrat,sans-serif;letter-spacing:.16em}
.clearup-service-tag{margin:0 0 12px;color:#9fb0bf;font:600 11px/1 Montserrat,sans-serif;text-transform:uppercase;letter-spacing:.14em}
.clearup-service-content h3{margin:0 0 20px;font:800 clamp(30px,3vw,47px)/1.02 Montserrat,sans-serif;letter-spacing:-.04em;color:#fff}
.clearup-service-content>p:not(.clearup-service-tag){margin:0 0 28px;color:#c8d0d8;font:400 14px/1.75 Montserrat,sans-serif;max-width:500px}
.clearup-service-cta{display:inline-flex;align-items:center;gap:14px;width:max-content;margin-top:2px;color:#fff!important;text-decoration:none!important;font:700 11px/1 Montserrat,sans-serif;letter-spacing:.08em;text-transform:uppercase;position:relative;z-index:2;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.45);transition:color .22s ease,border-color .22s ease,gap .22s ease}
.clearup-service-cta span{font-size:18px;line-height:0;transform:translateY(-1px)}
.clearup-service-cta:hover{color:#32afe8!important;border-color:#32afe8;gap:20px}
.clearup-service-controls{position:absolute!important;z-index:8;right:0;bottom:0;left:58%;height:88px;display:grid;grid-template-columns:auto minmax(120px,1fr) auto;align-items:center;gap:22px;padding:0 34px;background:rgba(8,18,28,.97);border-top:1px solid rgba(255,255,255,.08);box-shadow:none}
.clearup-service-counter{display:flex;align-items:baseline;gap:7px;min-width:74px;color:#7f909e;font:600 11px/1 Montserrat,sans-serif;letter-spacing:.12em}.clearup-service-counter strong{font-size:18px;color:#fff;margin:0;letter-spacing:.04em}.clearup-service-counter-sep{opacity:.45}
.clearup-service-progress{position:relative;width:100%;height:3px;background:rgba(255,255,255,.14);overflow:hidden}
.clearup-service-progress:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to right,transparent 0,transparent calc(20% - 1px),rgba(255,255,255,.22) calc(20% - 1px),rgba(255,255,255,.22) 20%);pointer-events:none}
.clearup-service-progress-fill{position:absolute;inset:0 auto 0 0;width:20%;background:#20abe8;transform-origin:left center;transition:width .78s cubic-bezier(.22,.61,.36,1);will-change:width}
.clearup-service-arrows{display:flex;align-items:center;gap:8px}
.clearup-service-arrow{width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;color:#fff;font:400 20px/1 Arial,sans-serif;cursor:pointer;transition:background .22s ease,border-color .22s ease,transform .22s ease}.clearup-service-arrow:hover{background:#0789cb;border-color:#0789cb;transform:translateY(-2px)}

@media(max-width:1100px){
#topo.clearup-home-hero,#topo .clearup-hero-shell{min-height:680px}.clearup-worker-wrap{width:min(60vw,660px);height:67%;bottom:0}.clearup-hero-copy{top:19%}.clearup-hero-actions{bottom:6%}
.clearup-services-inner{width:calc(100% - 48px)!important}.clearup-services-heading{grid-template-columns:1fr 1fr;gap:38px}.clearup-services-heading-side h6{font-size:19px!important}.clearup-service-slide{grid-template-columns:53% 47%}.clearup-service-image{min-height:560px}.clearup-service-controls{left:53%;padding:0 26px;gap:16px}
}
@media(max-width:760px){
#topo.clearup-home-hero,#topo .clearup-hero-shell{height:100svh;min-height:690px}.clearup-hero-copy{top:15.5%;width:92vw}.clearup-hero-title{font-size:clamp(36px,10.4vw,50px)}.clearup-hero-subtitle{font-size:15px;margin-top:10px;padding:0 18px}.clearup-worker-wrap{width:101vw;height:61%;bottom:3%;opacity:.95}.clearup-hero-actions{bottom:3.5%;width:92vw;gap:9px}.clearup-btn{height:50px;min-width:0;flex:1;padding:0 14px;font-size:10px}.clearup-btn-outline span{font-size:18px}.clearup-smoke-front{opacity:.5}
.clearup-services{padding:72px 0 84px!important}.clearup-services-inner{width:calc(100% - 32px)!important}.clearup-services-heading{grid-template-columns:1fr;gap:8px;margin-bottom:24px}.clearup-services-heading-side{padding-bottom:0}.clearup-services-heading-side h6{font-size:18px!important;line-height:1.45!important}.clearup-service-track{min-height:0}.clearup-service-slide{grid-template-columns:1fr}.clearup-service-image{min-height:330px}.clearup-service-content{padding:38px 28px 112px}.clearup-service-number{margin-bottom:25px}.clearup-service-controls{left:0;right:0;bottom:0;height:76px;grid-template-columns:auto 1fr auto;padding:0 18px;gap:14px}.clearup-service-arrow{width:40px;height:40px}.clearup-service-progress{min-width:70px}.clearup-service-cta{font-size:10px}
}
@media(prefers-reduced-motion:reduce){.clearup-worker{animation:none}.clearup-worker-wrap{transition:none;opacity:1;transform:translate3d(-50%,0,0)}.clearup-reveal-line>span,.clearup-hero-subtitle,.clearup-hero-actions{opacity:1!important;transform:none!important;filter:none!important;animation:none!important}.clearup-service-track,.clearup-service-progress-fill{transition:none}#topo .clearup-hero-bg{animation:none}}

/* Correções de encaixe entre Serviços e a seção seguinte. */
.clearup-services + #compromisso{position:relative!important;z-index:1!important;clear:both!important;margin-top:0!important}
#servicos.clearup-services .clearup-service-slider{display:block!important;position:relative!important;height:auto!important;min-height:0!important;margin:0!important}


/* v9 — cartola de Serviços restaurada para o mesmo padrão das demais seções */
#servicos .clearup-services-standard-cartola{padding-top:0!important;position:relative!important;}
#servicos .clearup-services-standard-cartola .barra_cartola{display:block!important;margin-bottom:18px!important;}
#servicos .clearup-services-standard-cartola h3{font-family:'InterRegular18pt'!important;color:#4dadde!important;font-size:16px!important;line-height:1.3!important;letter-spacing:1.5px!important;font-style:normal!important;margin:0 0 12px!important;}
#servicos .clearup-services-standard-cartola h4{font-family:'InterItalic18pt'!important;color:#45474e!important;font-size:55px!important;line-height:50px!important;margin:12px 0 25px!important;letter-spacing:normal!important;font-weight:normal!important;}
#servicos .clearup-services-standard-cartola h4 .h4_blue{color:#4dadde!important;font-family:'InterBlackItalic18pt'!important;}
#servicos .clearup-services-standard-cartola h6{color:#45474e!important;font-family:'InterBoldItalic18pt'!important;font-size:22px!important;line-height:1.4!important;text-align:justify!important;margin:0 0 40px!important;}
@media(max-width:760px){#servicos .clearup-services-standard-cartola h4{font-size:40px!important;line-height:39px!important;}#servicos .clearup-services-standard-cartola h6{font-size:18px!important;text-align:left!important;}}


/* v13 — institucional */
#institucional .clearup-institutional-cta-wrap{margin-top:38px;display:flex;align-items:center}
#institucional .clearup-institutional-cta{position:relative;top:auto;width:auto;min-width:255px;height:58px;padding:0 30px;font-size:12px;letter-spacing:.02em}
#institucional .clearup-institutional-cta:hover{color:#fff!important}
#institucional .clearup-institutional-cta .clearup-whatsapp-icon{position:static!important;transform:none!important;margin:0!important;width:20px!important;height:20px!important}
@media(max-width:767px){#institucional .clearup-institutional-cta-wrap{margin-top:28px}#institucional .clearup-institutional-cta{min-width:0;width:100%;max-width:310px;height:54px;padding:0 22px;font-size:11px}}/* v16 - Pragas: legenda na faixa azul / Serviços: controles acima do slider */


#servicos .clearup-service-slider {
  overflow: visible !important;
  padding-top: 0 !important;
  box-shadow: none !important;
}
#servicos .clearup-service-controls {
  position: relative !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  width: 100% !important;
  height: 64px !important;
  margin: 0 0 18px !important;
  padding: 0 !important;
  display: grid !important;
  grid-template-columns: auto minmax(180px, 1fr) auto !important;
  align-items: center !important;
  gap: 24px !important;
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}
#servicos .clearup-service-track {
  overflow: hidden !important;
  box-shadow: 0 28px 70px rgba(18,31,43,.09) !important;
}
#servicos .clearup-service-counter { color: #89939b !important; }
#servicos .clearup-service-counter strong { color: #101b27 !important; }
#servicos .clearup-service-progress { background: rgba(16,27,39,.14) !important; }
#servicos .clearup-service-progress:after {
  background: repeating-linear-gradient(to right, transparent 0, transparent calc(20% - 1px), rgba(16,27,39,.18) calc(20% - 1px), rgba(16,27,39,.18) 20%) !important;
}
#servicos .clearup-service-arrow {
  border-color: rgba(16,27,39,.22) !important;
  color: #101b27 !important;
}
#servicos .clearup-service-arrow:hover {
  color: #fff !important;
  border-color: #0789cb !important;
}
@media (max-width: 760px) {
  #servicos .clearup-service-controls {
    height: 56px !important;
    margin-bottom: 12px !important;
    grid-template-columns: auto 1fr auto !important;
    gap: 12px !important;
  }
}

/* v17 - corrige viewport do slider: o overflow deve recortar no container, nao no track */
#servicos .clearup-service-slider {
  overflow: hidden !important;
}
#servicos .clearup-service-track {
  overflow: visible !important;
}/* v18 — correção definitiva do slider de Pragas */

@media (max-width: 999px) {
}
@media (max-width: 767px) {
}/* v19 — Pragas: slider próprio, independente do Slick */

@media (max-width:999px) {
}
@media (max-width:767px) {
}/* v20 — refinamentos solicitados */
/* Pragas: somente a faixa do nome é azul; a área atrás das imagens fica transparente. */


/* Galeria institucional: restaura o ícone de ampliar no hover, em amarelo. */
#dados .fotos .foto a > svg {
  display: block !important;
  z-index: 4 !important;
}
#dados .fotos .foto a > svg path,
#dados .fotos .foto a > svg polygon,
#dados .fotos .foto a > svg rect {
  fill: #f5b726 !important;
}
#dados .fotos .foto a:hover > svg {
  opacity: 1 !important;
}

/* CTA institucional: exatamente o mesmo comportamento de hover do botão azul da capa. */
#institucional .clearup-institutional-cta.clearup-btn-primary:hover {
  transform: translateY(-3px) !important;
  background: #0b9edf !important;
  border-color: #0b9edf !important;
  color: #fff !important;
  box-shadow: 0 15px 34px rgba(0,136,203,.30) !important;
}

/* Hero H2: o “e” entre Dedetização e controle também usa o peso fino. */
.clearup-hero-subtitle .clearup-subtitle-light {
  font-weight: 400 !important;
}/* v21 — Pragas mais compactas e transição direta / imagens dos serviços espelhadas */
/* Slider de pragas: volta a uma proporção mais próxima do projeto original. */
/* Em vez de fade + classes de entrada/saída, os cards ficam em uma faixa horizontal
   e o slider simplesmente corre de um para o outro. */


/* Serviços: espelha somente a área da foto para o personagem olhar para a direita. */
#servicos .clearup-service-image {
  transform: scaleX(-1) !important;
  transform-origin: center center !important;
}

@media (max-width: 999px) {
}
@media (max-width: 767px) {
}

/* v23 — serviços em orientação original */
#servicos .clearup-service-image { transform: none !important; }

/* v28 — ajustes mobile solicitados */
@media(max-width:760px){
  #topo .clearup-hero-copy{top:19.5%!important}
  #topo .clearup-hero-actions{bottom:7%!important}
  #servicos .clearup-services-intro{
    margin:12px 0 0!important;
    color:#666b72!important;
    font-family:'InterRegular18pt',Montserrat,sans-serif!important;
    font-size:15px!important;
    line-height:1.55!important;
  }
}
@media(min-width:761px){
  #servicos .clearup-services-intro{
    margin:14px 0 0!important;
    color:#666b72!important;
    font-family:'InterRegular18pt',Montserrat,sans-serif!important;
    font-size:16px!important;
    line-height:1.55!important;
    max-width:680px!important;
  }
}

/* v29 — institucional e ordem visual dos serviços */
#institucional .inst-text > h6{
  font-weight:400!important;
  font-family:'InterRegular18pt',Montserrat,sans-serif!important;
  font-style:normal!important;
}

#servicos .clearup-service-content .clearup-service-tag{
  margin-top:10px!important;
  margin-bottom:20px!important;
}