/* 🔑 Chaveiro em Londrina — camada moderna por cima do site (24/10/2026)
   Preto + dourado da marca. Nada aqui muda o texto/SEO das páginas. */
:root{--kd-ouro:#d4a531;--kd-ouro2:#f3d27a;--kd-preto:#0b0b0d;--kd-vidro:rgba(11,11,13,.84)}
html{scroll-behavior:smooth}
body{padding-top:68px}

/* ── barra de cima: corre junto, vidro escuro, encolhe ao rolar ── */
#kd-barra{position:fixed;top:0;left:0;right:0;z-index:99990;height:68px;display:flex;align-items:center;gap:18px;
  padding:0 max(16px,calc((100vw - 1200px)/2));background:var(--kd-vidro);-webkit-backdrop-filter:blur(14px) saturate(160%);
  backdrop-filter:blur(14px) saturate(160%);border-bottom:1px solid rgba(212,165,49,.25);transition:height .3s ease,background .3s ease,box-shadow .3s ease;
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif}
#kd-barra.kd-rolou{height:56px;background:rgba(11,11,13,.9);box-shadow:0 8px 30px rgba(0,0,0,.35)}
#kd-barra .kd-logo{display:flex;align-items:center;gap:10px;text-decoration:none;color:#fff;font-weight:700;letter-spacing:.3px;white-space:nowrap}
#kd-barra .kd-logo img{width:40px;height:40px;border-radius:10px;transition:transform .3s,width .3s,height .3s}
#kd-barra.kd-rolou .kd-logo img{width:34px;height:34px}
#kd-barra .kd-logo small{display:block;font-weight:400;font-size:11px;color:var(--kd-ouro2);letter-spacing:1.5px;text-transform:uppercase}
#kd-barra nav{display:flex;gap:4px;margin-left:auto;align-items:center}
#kd-barra nav a,#kd-barra nav button.kd-lnk{position:relative;color:#eee;text-decoration:none;font-size:14.5px;padding:8px 12px;border-radius:8px;background:none;border:0;cursor:pointer;font-family:inherit}
#kd-barra nav a.kd-lnk::after,#kd-barra nav button.kd-lnk::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;background:var(--kd-ouro);transform:scaleX(0);transform-origin:left;transition:transform .25s}
#kd-barra nav a.kd-lnk:hover::after,#kd-barra nav button.kd-lnk:hover::after{transform:scaleX(1)}
#kd-barra nav a.kd-lnk:hover,#kd-barra nav button.kd-lnk:hover{color:var(--kd-ouro2)}
.kd-btn{display:inline-flex;align-items:center;gap:8px;border:0;cursor:pointer;font:600 14px/1 inherit;font-family:inherit;padding:11px 16px;border-radius:999px;text-decoration:none;white-space:nowrap;position:relative;overflow:hidden;transition:transform .2s,box-shadow .2s}
.kd-btn:hover{transform:translateY(-2px)}
.kd-btn::before{content:"";position:absolute;top:0;left:-60%;width:40%;height:100%;background:linear-gradient(120deg,transparent,rgba(255,255,255,.45),transparent);transform:skewX(-20deg);animation:kd-brilho 3.6s ease-in-out infinite}
.kd-ouro{background:linear-gradient(135deg,var(--kd-ouro2),var(--kd-ouro));color:#1a1305;box-shadow:0 6px 20px rgba(212,165,49,.35)}
.kd-sos{background:#c62828;color:#fff;box-shadow:0 0 0 0 rgba(198,40,40,.6);animation:kd-pulso 2.2s infinite}
.kd-sos .kd-ponto{width:8px;height:8px;border-radius:50%;background:#fff;animation:kd-pisca 1s infinite}
@keyframes kd-brilho{0%,60%{left:-60%}100%{left:130%}}
@keyframes kd-pulso{0%{box-shadow:0 0 0 0 rgba(198,40,40,.55)}70%{box-shadow:0 0 0 12px rgba(198,40,40,0)}100%{box-shadow:0 0 0 0 rgba(198,40,40,0)}}
@keyframes kd-pisca{50%{opacity:.25}}

.kd-sos-mini{display:none!important}

/* bairros: painel que desce */
.kd-drop{position:relative}
.kd-bairros{position:absolute;top:calc(100% + 10px);right:0;width:min(560px,90vw);max-height:70vh;overflow:auto;display:grid;grid-template-columns:repeat(2,1fr);gap:4px;
  padding:12px;background:rgba(15,15,18,.96);border:1px solid rgba(212,165,49,.3);border-radius:14px;box-shadow:0 20px 50px rgba(0,0,0,.5);
  opacity:0;transform:translateY(-8px);pointer-events:none;transition:opacity .2s,transform .2s}
.kd-drop.kd-aberto .kd-bairros{opacity:1;transform:none;pointer-events:auto}
.kd-bairros a{color:#ddd!important;font-size:13.5px!important;padding:8px 10px!important;border-radius:8px}
.kd-bairros a:hover{background:rgba(212,165,49,.14);color:var(--kd-ouro2)!important}

/* celular */
#kd-hamb{display:none;margin-left:6px;width:42px;height:42px;border-radius:10px;border:1px solid rgba(212,165,49,.35);background:none;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
#kd-hamb i{display:block;width:20px;height:2px;background:var(--kd-ouro2);transition:transform .25s,opacity .25s}
#kd-hamb.kd-x i:nth-child(1){transform:translateY(7px) rotate(45deg)}#kd-hamb.kd-x i:nth-child(2){opacity:0}#kd-hamb.kd-x i:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media (max-width:900px){
  body{padding-top:60px}
  #kd-barra,#kd-barra.kd-rolou{height:60px;gap:8px;background:rgba(11,11,13,.96);-webkit-backdrop-filter:none;backdrop-filter:none}
  #kd-barra .kd-logo small{display:none}
  #kd-barra .kd-logo span.kd-nome{font-size:14px}
  #kd-hamb{display:flex;margin-left:auto}
  #kd-barra nav{position:fixed;top:var(--kd-alt,60px);left:0;right:0;bottom:0;margin:0;flex-direction:column;align-items:stretch;gap:2px;padding:16px;overflow:auto;
    background:rgba(11,11,13,.97);transform:translateX(100%);transition:transform .3s ease}
  #kd-barra nav.kd-aberto{transform:none}
  #kd-barra nav a.kd-lnk,#kd-barra nav button.kd-lnk{font-size:17px;padding:14px 12px;text-align:left;border-bottom:1px solid rgba(255,255,255,.06)}
  #kd-barra nav .kd-btn{justify-content:center;margin-top:10px;padding:15px}
  .kd-bairros{position:static;width:auto;max-height:none;opacity:1;transform:none;display:none;background:none;border:0;box-shadow:none;padding:4px 0 8px 10px;grid-template-columns:1fr}
  .kd-drop.kd-aberto .kd-bairros{display:grid}
  .kd-sos-mini{display:inline-flex!important;padding:9px 11px;font-size:12.5px}
}

/* linha de progresso dourada */
#kd-prog{position:fixed;top:0;left:0;height:3px;width:0;z-index:99991;background:linear-gradient(90deg,var(--kd-ouro),var(--kd-ouro2));box-shadow:0 0 10px var(--kd-ouro)}

/* ── entrada das seções ao rolar ── */
.kd-revela{opacity:0;transform:translateY(34px);transition:opacity .8s cubic-bezier(.2,.7,.2,1),transform .8s cubic-bezier(.2,.7,.2,1)}
.kd-revela.kd-visto{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.kd-revela{opacity:1;transform:none;transition:none}.kd-btn::before,.kd-sos{animation:none}}

/* ── toques nos blocos do site ── */
.elementor-widget-image img{transition:transform .5s ease,box-shadow .5s ease}
.elementor-widget-image:hover img{transform:scale(1.03);box-shadow:0 18px 40px rgba(0,0,0,.25)}
.elementor-widget-icon-box,.elementor-widget-image-box{transition:transform .3s ease}
.elementor-widget-icon-box:hover,.elementor-widget-image-box:hover{transform:translateY(-6px)}
.elementor-icon{transition:transform .4s ease}
.elementor-widget-icon-box:hover .elementor-icon,.elementor-widget-icon:hover .elementor-icon{transform:rotate(-8deg) scale(1.1)}
.elementor-button{transition:transform .2s ease,box-shadow .2s ease!important}
.elementor-button:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(0,0,0,.25)}

/* ── WhatsApp do site: embaixo à direita (a atendente fica no meio da lateral) ── */
.joinchat{left:auto!important;right:16px!important;bottom:16px!important}
.joinchat__button{left:auto!important;right:0!important}

/* celular estreito: nome em 2 linhas pra caber o botão de emergência */
@media (max-width:420px){#kd-barra .kd-logo{white-space:normal}#kd-barra .kd-logo span.kd-nome{display:block;max-width:92px;font-size:13px;line-height:1.15}}
/* menu aberto no celular: atendente e WhatsApp saem da frente */
body.kd-menu-aberto iframe[src*="embed-pill.php"],body.kd-menu-aberto .joinchat{visibility:hidden!important}

/* 🌫️ topo ESFUMAÇADO (igual Naskar): vidro translúcido que deixa o site aparecer por trás,
   desfoque num ::before (assim o menu do celular não fica preso dentro da barra) e encolhe ao rolar */
#kd-barra,#kd-barra.kd-rolou{background:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  border-bottom:1px solid rgba(255,255,255,.08);box-shadow:none}
#kd-barra::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(180deg,rgba(8,8,10,.55),rgba(8,8,10,.28));
  -webkit-backdrop-filter:blur(18px) saturate(150%);backdrop-filter:blur(18px) saturate(150%);transition:background .3s}
#kd-barra.kd-rolou::before{background:linear-gradient(180deg,rgba(8,8,10,.62),rgba(8,8,10,.38))}
#kd-barra.kd-rolou{height:52px!important}
#kd-barra.kd-rolou .kd-logo img{width:30px;height:30px}
#kd-barra.kd-rolou .kd-logo small{opacity:0;height:0;overflow:hidden}
#kd-barra .kd-logo small{transition:opacity .25s}
#kd-barra.kd-rolou .kd-btn{padding:9px 14px;font-size:13px}
#kd-barra .kd-logo,#kd-barra nav a.kd-lnk,#kd-barra nav button.kd-lnk{text-shadow:0 1px 6px rgba(0,0,0,.6)}
body{padding-top:0!important}   /* o topo flutua por cima do banner, como na Naskar */
@media (max-width:900px){#kd-barra.kd-rolou{height:52px!important}}

/* ── 🎬 INÍCIO igual Naskar (só a página inicial): preto + dourado, vídeo, caixa e serviços passando ── */
#kd-heroi{position:relative;height:100vh;min-height:600px;max-height:980px;overflow:hidden;background:#050506;color:#fff;
  font-family:"Poppins",system-ui,-apple-system,"Segoe UI",sans-serif;display:flex;flex-direction:column;justify-content:flex-end}
#kd-heroi .kd-fundo{position:absolute;inset:0;background:
  radial-gradient(ellipse 60% 45% at 50% 42%,rgba(212,165,49,.22),transparent 70%),
  radial-gradient(ellipse 90% 60% at 50% 110%,rgba(212,165,49,.12),transparent 70%),#050506}
#kd-heroi video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .8s}
#kd-heroi.kd-tocando video{opacity:1}
#kd-heroi.kd-tocando .kd-marca{opacity:0}
#kd-heroi .kd-marca{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(340px,62vw);transition:opacity .6s}
#kd-heroi .kd-marca img{width:100%;display:block;filter:drop-shadow(0 0 18px rgba(243,210,122,.55)) drop-shadow(0 0 50px rgba(212,165,49,.35));animation:kd-neon 4s ease-in-out infinite}
@keyframes kd-neon{0%,100%{filter:drop-shadow(0 0 14px rgba(243,210,122,.45)) drop-shadow(0 0 40px rgba(212,165,49,.25))}50%{filter:drop-shadow(0 0 26px rgba(243,210,122,.8)) drop-shadow(0 0 70px rgba(212,165,49,.45))}}
#kd-heroi .kd-play{position:absolute;left:50%;top:62%;transform:translate(-50%,-50%);width:76px;height:76px;border-radius:50%;border:3px solid var(--kd-ouro);
  background:rgba(0,0,0,.35);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s,background .2s}
#kd-heroi .kd-play:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(212,165,49,.18)}
#kd-heroi .kd-play::after{content:"";margin-left:6px;border-left:24px solid var(--kd-ouro);border-top:15px solid transparent;border-bottom:15px solid transparent}
#kd-heroi.kd-tocando .kd-play::after{margin:0;border:0;width:22px;height:26px;border-left:7px solid var(--kd-ouro);border-right:7px solid var(--kd-ouro);box-sizing:border-box}
#kd-heroi.kd-tocando .kd-play{opacity:0}#kd-heroi.kd-tocando:hover .kd-play{opacity:1}
#kd-heroi .kd-busca{position:relative;z-index:2;margin:0 auto 26px;width:min(800px,calc(100% - 32px));display:flex;align-items:center;gap:10px;padding:8px 8px 8px 20px;
  border-radius:999px;background:rgba(20,20,22,.62);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12)}
#kd-heroi .kd-busca svg{flex:none;opacity:.8}
#kd-heroi .kd-busca input{flex:1;min-width:0;background:none;border:0;outline:0;color:#fff;font:400 18px/1.2 inherit;font-family:inherit;padding:10px 0}
#kd-heroi .kd-busca input::placeholder{color:rgba(255,255,255,.6)}
#kd-heroi .kd-busca button{flex:none;border:0;border-radius:999px;padding:13px 26px;font:700 17px/1 inherit;font-family:inherit;cursor:pointer;color:#1a1305;background:linear-gradient(135deg,var(--kd-ouro2),var(--kd-ouro))}
/* serviços passando sem parar */
#kd-heroi .kd-trilho{position:relative;z-index:2;overflow:hidden;padding:4px 0 26px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
#kd-heroi .kd-fila{display:flex;gap:28px;width:max-content;animation:kd-corre 50s linear infinite}
#kd-heroi .kd-trilho:hover .kd-fila{animation-play-state:paused}
@keyframes kd-corre{to{transform:translateX(-50%)}}
#kd-heroi .kd-item{flex:none;width:118px;text-align:center;cursor:pointer;background:none;border:0;color:#ddd;font:500 14.5px/1.25 inherit;font-family:inherit;padding:0}
#kd-heroi .kd-item span.kd-circ{display:flex;align-items:center;justify-content:center;width:104px;height:104px;margin:0 auto 10px;border-radius:50%;
  background:radial-gradient(circle at 50% 35%,#1d1d21,#0c0c0e);border:1px solid rgba(212,165,49,.35);box-shadow:inset 0 0 18px rgba(0,0,0,.6);transition:transform .25s,border-color .25s,box-shadow .25s}
#kd-heroi .kd-item:hover span.kd-circ{transform:translateY(-4px);border-color:var(--kd-ouro2);box-shadow:0 0 22px rgba(212,165,49,.35)}
#kd-heroi .kd-item:hover{color:var(--kd-ouro2)}
#kd-heroi .kd-item svg{width:46px;height:46px;stroke:var(--kd-ouro2);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:700px){
  #kd-heroi{height:92vh;min-height:560px}
  #kd-heroi .kd-marca{top:36%}#kd-heroi .kd-play{top:57%;width:64px;height:64px}
  #kd-heroi .kd-busca{margin-bottom:18px;padding-left:14px}
  #kd-heroi .kd-busca input{font-size:15px}#kd-heroi .kd-busca button{padding:12px 16px;font-size:15px}
  #kd-heroi .kd-item{width:88px;font-size:12.5px}#kd-heroi .kd-item span.kd-circ{width:78px;height:78px}#kd-heroi .kd-item svg{width:36px;height:36px}
  #kd-heroi .kd-fila{gap:16px}
}
@media (prefers-reduced-motion:reduce){#kd-heroi .kd-fila{animation-duration:160s}}
body.kd-com-heroi .elementor-element-f806f1b{display:none}
/* ícone →] entrar (equipe), igual Naskar */
#kd-barra .kd-entrar{display:flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:10px;color:#eee;text-decoration:none}
#kd-barra .kd-entrar:hover{color:var(--kd-ouro2);background:rgba(255,255,255,.06)}
#kd-barra .kd-entrar svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
@media (max-width:900px){#kd-barra .kd-entrar{order:9}}
#kd-heroi .kd-item{white-space:normal;overflow-wrap:break-word}
@media (max-width:700px){#kd-heroi{height:100svh;height:100vh}}
@media (max-width:400px){#kd-barra .kd-logo span.kd-nome{display:none}}
#kd-heroi .kd-fila{align-items:flex-start}

/* 🟢 24/10 — UM WhatsApp só (a faixa fixa telefone+zap do site e o joinchat saem) com o "Estou aqui!" chamando */
.elementor-element-5521ae79,.joinchat{display:none!important}
#kd-zap{position:fixed;right:18px;bottom:18px;z-index:99980;display:flex;align-items:center;gap:10px;text-decoration:none;font-family:"Poppins",system-ui,sans-serif}
#kd-zap .kd-zap-bola{position:relative;width:58px;height:58px;border-radius:50%;background:#25d366;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.35);transition:transform .2s}
#kd-zap:hover .kd-zap-bola{transform:scale(1.08)}
#kd-zap .kd-zap-bola svg{width:32px;height:32px;fill:#fff}
#kd-zap .kd-zap-bola::before,#kd-zap .kd-zap-bola::after{content:"";position:absolute;inset:0;border-radius:50%;border:2px solid #25d366;animation:kd-onda 2.4s ease-out infinite}
#kd-zap .kd-zap-bola::after{animation-delay:1.2s}
@keyframes kd-onda{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.7);opacity:0}}
#kd-zap .kd-zap-balao{position:relative;background:#fff;color:#111;font-weight:600;font-size:14px;padding:9px 14px;border-radius:14px;box-shadow:0 6px 20px rgba(0,0,0,.25);white-space:nowrap;
  opacity:0;transform:translateX(10px) scale(.9);transform-origin:right center;transition:opacity .35s,transform .35s;pointer-events:none}
#kd-zap .kd-zap-balao::after{content:"";position:absolute;right:-6px;top:50%;margin-top:-6px;border-left:7px solid #fff;border-top:6px solid transparent;border-bottom:6px solid transparent}
#kd-zap.kd-chama .kd-zap-balao,#kd-zap:hover .kd-zap-balao{opacity:1;transform:none}
#kd-zap.kd-chama .kd-zap-bola{animation:kd-pula .9s ease 2}
@keyframes kd-pula{0%,100%{transform:none}30%{transform:translateY(-8px) rotate(-8deg)}60%{transform:translateY(0) rotate(6deg)}}
#kd-zap .kd-zap-balao b{color:#128c4b}
body.kd-menu-aberto #kd-zap{visibility:hidden}
@media (prefers-reduced-motion:reduce){#kd-zap .kd-zap-bola::before,#kd-zap .kd-zap-bola::after{animation:none}}

/* 🖐️ 24/10 fila do topo: puxa com mouse/dedo (o JS move; a animação CSS sai) */
#kd-heroi .kd-fila{animation:none;will-change:transform;touch-action:pan-y}
#kd-heroi .kd-trilho{cursor:grab;user-select:none;-webkit-user-select:none}
#kd-heroi .kd-trilho.kd-puxando{cursor:grabbing}
#kd-heroi .kd-item svg,#kd-heroi .kd-item span{pointer-events:none}

/* 🔑 24/10 serviços da página: mesmo círculo dourado do topo, clique conversa com a atendente */
.kd-servico{cursor:pointer}
.kd-servico .elementor-icon{display:flex!important;align-items:center;justify-content:center;width:96px!important;height:96px!important;border-radius:50%!important;padding:0!important;
  background:radial-gradient(circle at 50% 35%,#1d1d21,#0c0c0e)!important;border:1px solid rgba(212,165,49,.45)!important;box-shadow:inset 0 0 18px rgba(0,0,0,.6);transition:transform .25s,box-shadow .25s,border-color .25s}
.kd-servico .elementor-icon svg.kd-ico{width:44px!important;height:44px!important;stroke:#f3d27a!important;fill:none!important;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.kd-servico:hover .elementor-icon{transform:translateY(-5px) scale(1.04)!important;border-color:#f3d27a!important;box-shadow:0 0 24px rgba(212,165,49,.45)}
.kd-servico .kd-conversar{display:inline-block;margin-top:8px;font:600 12.5px/1 "Poppins",system-ui,sans-serif;color:#7a5a0c;background:rgba(212,165,49,.16);padding:7px 12px;border-radius:999px;opacity:.85;transition:opacity .2s,background .2s}
.kd-servico:hover .kd-conversar{opacity:1;background:rgba(212,165,49,.3)}
@media (max-width:700px){.kd-servico .elementor-icon{width:78px!important;height:78px!important}.kd-servico .elementor-icon svg.kd-ico{width:36px!important;height:36px!important}}

/* 🎬 24/10 vídeo do banner (Lago Igapó + RC) em loop, sem botão; véu escuro embaixo pra caixa e serviços lerem bem */
#kd-heroi video{object-position:62% 50%}
#kd-heroi .kd-veu{position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(5,5,6,.45) 0%,rgba(5,5,6,0) 18%,rgba(5,5,6,0) 45%,rgba(5,5,6,.75) 78%,#050506 100%)}
#kd-heroi.kd-tocando .kd-play{display:none}
@media (max-width:700px){#kd-heroi video{object-position:71% 50%}}
/* 📱 celular: o vídeo é bem largo — em vez de cortar o RC, ele fica na parte de cima com o logo inteiro e some no preto */
@media (max-width:700px){
  /* 25/10 R centralizado: vídeo tem 145,1vh de largura (62vh × 1100/470) e o RC fica a 71,2% → desloca pra pôr o RC no meio da tela */
  #kd-heroi video{top:60px;bottom:auto;height:62vh;object-position:72% 50%;object-position:max(calc(100vw - 145.1vh),min(0px,calc(50vw - 103.3vh))) 50%;
    -webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent)}
}

/* 🌌 24/10 DESKTOP — topo azul-noite esfumaçado igual Naskar: no alto ele se funde no vídeo (sem linha),
   rolando vira vidro azul mais firme. Celular continua como está. */
@media (min-width:901px){
  #kd-barra,#kd-barra.kd-rolou{border-bottom:0}
  #kd-barra::before{background:linear-gradient(180deg,rgba(9,18,40,.82) 0%,rgba(9,18,40,.45) 60%,rgba(9,18,40,0) 100%);
    -webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    -webkit-mask-image:linear-gradient(180deg,#000 55%,transparent);mask-image:linear-gradient(180deg,#000 55%,transparent)}
  #kd-barra.kd-rolou::before{background:rgba(10,20,44,.72);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);
    -webkit-mask-image:none;mask-image:none;box-shadow:0 8px 30px rgba(0,0,0,.35)}
  #kd-barra nav a.kd-lnk,#kd-barra nav button.kd-lnk{font-size:15.5px;font-weight:500}
  #kd-barra .kd-logo small{color:#e9c96b}
}
/* botão Serviços (link) com o mesmo dourado do antigo Agendar */
#kd-barra nav a.kd-btn.kd-ouro{background:linear-gradient(135deg,var(--kd-ouro2),var(--kd-ouro));color:#1a1305;text-shadow:none;padding:11px 16px;font-weight:600}
#kd-barra.kd-rolou nav a.kd-btn.kd-ouro{padding:9px 14px}

/* 🟢 24/10 WhatsApp NO TOPO, ao lado da Emergência (o flutuante saiu — menos poluição) */
#kd-zap{display:none!important}
#kd-barra .kd-zapbtn{position:relative;display:inline-flex;align-items:center;gap:8px;margin-left:8px;padding:10px 16px 10px 12px;border-radius:999px;background:#25d366;color:#fff;
  font:600 14px/1 "Poppins",system-ui,sans-serif;text-decoration:none;white-space:nowrap;box-shadow:0 6px 18px rgba(37,211,102,.35);transition:transform .2s}
#kd-barra .kd-zapbtn:hover{transform:translateY(-2px)}
#kd-barra .kd-zapbtn svg{width:20px;height:20px;fill:#fff;flex:none}
#kd-barra .kd-zapbtn::after{content:"";position:absolute;inset:0;border-radius:inherit;border:2px solid #25d366;animation:kd-onda 2.4s ease-out infinite;pointer-events:none}
#kd-barra .kd-zapbtn.kd-chama{animation:kd-pula .9s ease 2}
#kd-barra.kd-rolou .kd-zapbtn{padding:8px 14px 8px 10px;font-size:13px}
@media (max-width:900px){
  #kd-barra .kd-zapbtn{margin-left:0;padding:0;width:38px;height:38px;justify-content:center}
  #kd-barra .kd-zapbtn span{display:none}
  #kd-barra .kd-zapbtn svg{width:22px;height:22px}
  #kd-barra.kd-rolou .kd-zapbtn{padding:0}
}
@media (prefers-reduced-motion:reduce){#kd-barra .kd-zapbtn::after{animation:none}}
@media (max-width:700px){#kd-heroi{height:calc(62vh + 175px);min-height:0}}   /* sem a busca: a fila sobe e encosta no fim do vídeo */

/* ✨ 24/10 LETREIRO em cima do vídeo + inicial vai direto do banner pra Serviços */
body.kd-com-heroi .elementor-element-5f5912a9,body.kd-com-heroi .elementor-element-46b34fb0{display:none}
#kd-heroi .kd-letreiro{position:absolute;z-index:2;left:max(24px,calc((100vw - 1200px)/2));top:22%;max-width:min(520px,44vw);color:#fff;text-shadow:0 2px 18px rgba(0,0,0,.75)}
#kd-heroi .kd-let-t{font:800 clamp(30px,4.2vw,58px)/1.05 "Poppins",system-ui,sans-serif;letter-spacing:-.5px;
  background:linear-gradient(180deg,#fff3c4,#e9b53a 70%,#b8841c);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 2px 14px rgba(0,0,0,.6))}
#kd-heroi .kd-let-d{margin-top:14px;font:400 clamp(15px,1.35vw,19px)/1.5 "Poppins",system-ui,sans-serif;color:#eef1f6;max-width:440px}
#kd-heroi .kd-letreiro span{display:inline-block;opacity:0;transform:translateY(18px);filter:blur(6px)}
#kd-heroi .kd-letreiro.kd-entra span{animation:kd-palavra .7s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes kd-palavra{to{opacity:1;transform:none;filter:blur(0)}}
#kd-heroi .kd-let-t span{background:inherit;-webkit-background-clip:text;background-clip:text}
#kd-heroi .kd-letreiro.kd-clica .kd-let-t{cursor:pointer}
#kd-heroi .kd-let-pontos{display:flex;gap:8px;margin-top:20px}
#kd-heroi .kd-let-pontos button{width:26px;height:4px;border:0;border-radius:4px;background:rgba(255,255,255,.3);cursor:pointer;padding:0;transition:background .3s,width .3s}
#kd-heroi .kd-let-pontos button.kd-on{background:#f3d27a;width:44px}
@media (max-width:700px){
  #kd-heroi .kd-letreiro{left:16px;right:16px;top:auto;bottom:178px;max-width:none}
  #kd-heroi .kd-let-t{font-size:30px}
  #kd-heroi .kd-let-d{font-size:14.5px;margin-top:8px}
  #kd-heroi .kd-let-pontos{margin-top:12px}
  #kd-heroi{height:calc(62vh + 260px)}
}
@media (prefers-reduced-motion:reduce){#kd-heroi .kd-letreiro span{opacity:1;transform:none;filter:none;animation:none!important}}
body.kd-com-heroi .elementor-element-0242861{display:none}   /* foto grande "Emergência 24h" — vai direto pra Serviços */

/* 📏 24/10 OS 3 BOTÕES DO TOPO NO MESMO FORMATO (Serviços · Emergência · WhatsApp): mesma altura, fonte, raio e espaço */
@media (min-width:901px){
  #kd-barra nav{gap:6px}
  #kd-barra nav a.kd-btn,#kd-barra nav button.kd-btn,#kd-barra .kd-zapbtn,
  #kd-barra.kd-rolou nav a.kd-btn,#kd-barra.kd-rolou nav button.kd-btn,#kd-barra.kd-rolou .kd-zapbtn{
    height:40px;padding:0 18px!important;margin:0;gap:8px;border-radius:999px;font:600 14px/1 "Poppins",system-ui,sans-serif!important;
    display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;text-shadow:none}
  #kd-barra nav .kd-btn:first-of-type{margin-left:10px}
  #kd-barra .kd-zapbtn{margin-left:6px!important}
  #kd-barra .kd-zapbtn svg{width:18px;height:18px}
  #kd-barra .kd-sos{box-shadow:none;animation:none}                 /* halo vermelho fora: deixava o botão "maior" que os outros */
  #kd-barra .kd-sos .kd-ponto{animation:kd-pisca 1s infinite}          /* o ponto branco piscando continua chamando */
  #kd-barra .kd-zapbtn::after{inset:-1px}
  #kd-barra .kd-entrar{margin-left:6px}
}

/* ✨ letreiro MAIS EMBAIXO (logo acima dos serviços), menor e com fundo escuro pra ler melhor */
@media (min-width:701px){
  #kd-heroi .kd-letreiro{top:auto;bottom:220px;max-width:460px;padding:16px 22px 14px;border-radius:14px;
    background:linear-gradient(90deg,rgba(4,7,16,.82),rgba(4,7,16,.6));-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);
    border-left:3px solid #e9b53a;box-shadow:0 10px 30px rgba(0,0,0,.35)}
  #kd-heroi .kd-let-t{font-size:clamp(22px,2.1vw,30px);letter-spacing:0}
  #kd-heroi .kd-let-d{font-size:14.5px;margin-top:6px;line-height:1.45}
  #kd-heroi .kd-let-pontos{margin-top:12px}
  #kd-heroi .kd-let-pontos button{width:18px;height:3px}#kd-heroi .kd-let-pontos button.kd-on{width:32px}
}
@media (max-width:700px){
  #kd-heroi .kd-letreiro{padding:12px 14px;border-radius:12px;background:rgba(4,7,16,.72);border-left:3px solid #e9b53a}
  #kd-heroi .kd-let-t{font-size:22px}
  #kd-heroi .kd-let-d{font-size:13.5px}
}
/* 24/10 letreiro: SÓ O TÍTULO (pedido dele) — o texto de apoio sai */
#kd-heroi .kd-let-d{display:none}
@media (min-width:701px){#kd-heroi .kd-letreiro{max-width:none;display:inline-block;padding:12px 22px 10px}}
#kd-heroi .kd-let-pontos{margin-top:8px}
/* 24/10 título do letreiro ENCAVALAVA (degradê recortado no texto + animação = sobra da palavra no Chrome):
   dourado sólido, sem recorte, e a entrada só com subida + fade (sem desfoque) */
#kd-heroi .kd-let-t,#kd-heroi .kd-let-t span{background:none!important;-webkit-background-clip:border-box!important;background-clip:border-box!important;
  color:#f0c75e!important;-webkit-text-fill-color:#f0c75e;filter:none!important;text-shadow:0 2px 12px rgba(0,0,0,.55)}
#kd-heroi .kd-let-t{line-height:1.2;white-space:nowrap}
#kd-heroi .kd-letreiro span{filter:none!important;transform:translateY(10px)}
@keyframes kd-palavra{to{opacity:1;transform:none}}
/* 24/10 volta a frase branca (menor) embaixo do título, dentro da mesma plaquinha escura, na posição de baixo */
#kd-heroi .kd-let-d{display:block!important;color:#e9edf3;font-size:13.5px;line-height:1.45;margin-top:5px;max-width:400px}
@media (min-width:701px){#kd-heroi .kd-letreiro{display:block;max-width:450px;padding:14px 22px 12px}}
#kd-heroi .kd-let-t{white-space:normal}
@media (max-width:700px){#kd-heroi .kd-let-d{font-size:12.5px;margin-top:4px}#kd-heroi{height:calc(62vh + 285px)}}
/* 24/10 letreiro SEM a caixa (pedido dele): texto solto em cima do vídeo, sombra forte pra ler */
#kd-heroi .kd-letreiro{background:none!important;border:0!important;box-shadow:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;padding:0!important}
#kd-heroi .kd-let-t{text-shadow:0 2px 14px rgba(0,0,0,.85),0 0 30px rgba(0,0,0,.6)}
#kd-heroi .kd-let-d{text-shadow:0 1px 8px rgba(0,0,0,.9),0 0 20px rgba(0,0,0,.6)}
/* 24/10 contorno preto fino + sombra curta (pedido dele) — título com stroke, frase com contorno de 1px por sombra */
#kd-heroi .kd-let-t,#kd-heroi .kd-let-t span{-webkit-text-stroke:1px rgba(0,0,0,.9);paint-order:stroke fill;
  text-shadow:0 2px 3px rgba(0,0,0,.85),0 4px 14px rgba(0,0,0,.55)!important}
#kd-heroi .kd-let-d{text-shadow:1px 0 0 #000,-1px 0 0 #000,0 1px 0 #000,0 -1px 0 #000,0 2px 6px rgba(0,0,0,.8)!important}
/* 24/10 frase branca maior (e mais curta) */
#kd-heroi .kd-let-d{font-size:18px!important;margin-top:6px}
@media (max-width:700px){#kd-heroi .kd-let-d{font-size:15.5px!important}}

/* ✨ 24/10 AMARELO → DOURADO com efeito (pedido dele). O JS marca o que era #FFCD00 (fundo, ondinhas, títulos). */
.kd-ouro-bg{position:relative;overflow:hidden;
  background:linear-gradient(115deg,#9c6b16 0%,#c8962e 16%,#e8c766 32%,#f7e3a0 44%,#d9ad45 56%,#b07d1f 74%,#e0bb5c 100%)!important;
  background-size:260% 100%!important;animation:kd-ouro-mexe 16s ease-in-out infinite alternate}
.kd-ouro-bg::before{content:"";position:absolute;top:0;bottom:0;left:-35%;width:30%;z-index:0;pointer-events:none;
  background:linear-gradient(100deg,transparent,rgba(255,250,225,.38),transparent);transform:skewX(-18deg);animation:kd-ouro-brilho 7s ease-in-out infinite}
.kd-ouro-bg::after{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:.18;mix-blend-mode:overlay;
  background:radial-gradient(1200px 400px at 20% 0%,rgba(255,255,255,.7),transparent 60%),radial-gradient(900px 500px at 90% 100%,rgba(0,0,0,.55),transparent 60%)}
.kd-ouro-bg>*{position:relative;z-index:1}
@keyframes kd-ouro-mexe{from{background-position:0% 50%}to{background-position:100% 50%}}
@keyframes kd-ouro-brilho{0%,55%{left:-35%}100%{left:120%}}
.kd-ouro-fill{fill:#c8962e!important}
.kd-ouro-tx{color:#e8c25c!important;fill:#e8c25c!important}
@media (prefers-reduced-motion:reduce){.kd-ouro-bg,.kd-ouro-bg::before{animation:none}}
/* 24/10 páginas SEM o banner de vídeo (bairros): a barra não pode cobrir o topo da página */
body:not(.kd-com-heroi){padding-top:68px!important}
@media (max-width:900px){body:not(.kd-com-heroi){padding-top:60px!important}}
/* bairros: fundo preto atrás da barra (era branco e o vidro ficava cinza) + o botão verde "WhatsApp" solto do topo sai — o WhatsApp mora na barra */
body:not(.kd-com-heroi){background:#050506}
.elementor-element-64f21d4{display:none!important}
@media (max-width:700px){.kd-servico .kd-conversar{white-space:nowrap;font-size:11.5px;padding:6px 10px}}

/* 📸 24/10 serviços com FOTO: card escuro, foto em cima, ícone dourado encaixado na borda da foto */
.kd-scard>.elementor-widget-container{background:linear-gradient(180deg,#141417,#0b0b0d)!important;border:1px solid rgba(212,165,49,.35);border-radius:18px;overflow:hidden;
  box-shadow:0 14px 34px rgba(60,40,0,.28);transition:transform .3s,box-shadow .3s,border-color .3s;padding:0!important;margin:0 6px}
.kd-scard:hover>.elementor-widget-container{transform:translateY(-6px);box-shadow:0 22px 44px rgba(60,40,0,.4);border-color:#f3d27a}
.kd-scard .elementor-icon-box-wrapper{display:flex!important;flex-direction:column!important;align-items:center!important;text-align:center!important;padding-bottom:18px}
.kd-scard .kd-sfoto{width:100%;aspect-ratio:4/3;overflow:hidden;position:relative}
.kd-scard .kd-sfoto img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s ease}
.kd-scard:hover .kd-sfoto img{transform:scale(1.07)}
.kd-scard .kd-sfoto::after{content:"";position:absolute;inset:auto 0 0 0;height:45%;background:linear-gradient(transparent,#121215)}
.kd-scard .elementor-icon-box-icon{margin:-34px auto 6px!important;position:relative;z-index:2}
.kd-scard .elementor-icon{width:64px!important;height:64px!important;box-shadow:0 6px 16px rgba(0,0,0,.5)!important}
.kd-scard .elementor-icon svg.kd-ico{width:30px!important;height:30px!important}
.kd-scard:hover .elementor-icon{transform:translateY(-3px)!important}
.kd-scard .elementor-icon-box-content{padding:0 12px;width:100%}
.kd-scard .elementor-icon-box-title,.kd-scard .elementor-icon-box-title *{color:#f5e2a8!important;font-size:19px!important;line-height:1.25!important;margin:0!important}
.kd-scard .kd-conversar{color:#f3d27a;background:rgba(212,165,49,.14);margin-top:12px}
.kd-scard:hover .kd-conversar{background:rgba(212,165,49,.28)}
@media (max-width:700px){
  .kd-scard>.elementor-widget-container{margin:0 4px;border-radius:14px}
  .kd-scard .elementor-icon{width:52px!important;height:52px!important}
  .kd-scard .elementor-icon svg.kd-ico{width:24px!important;height:24px!important}
  .kd-scard .elementor-icon-box-icon{margin-top:-28px!important}
  .kd-scard .elementor-icon-box-title,.kd-scard .elementor-icon-box-title *{font-size:15px!important}
  .kd-scard .elementor-icon-box-wrapper{padding-bottom:14px}
}
@media (max-width:700px){
  .elementor-column:has(>.elementor-widget-wrap>.kd-scard){width:50%!important;max-width:50%!important;flex:0 0 50%!important}
  .elementor-container:has(.kd-scard){flex-wrap:wrap!important}
  .elementor-widget-wrap:has(>.kd-scard){padding:6px!important}
}
.kd-scard{height:100%}.kd-scard>.elementor-widget-container{height:100%}

/* 📱 25/10 celular: vídeo INTEIRO (formato normal, sem cortar em quadrado) logo abaixo do topo; o banner encolhe pro tamanho dele */
@media (max-width:700px){
  #kd-heroi{height:auto!important;min-height:0!important;padding-top:calc(60px + 42.73vw + 96px)}
  #kd-heroi video{top:60px;height:42.73vw;object-fit:cover;object-position:50% 50%!important;
    -webkit-mask-image:linear-gradient(180deg,#000 85%,transparent);mask-image:linear-gradient(180deg,#000 85%,transparent)}
}