/*
Theme Name: Kleek
Theme URI: https://www.kleek.com.br
Author: Kleek
Author URI: https://www.kleek.com.br
Description: Tema WordPress personalizado da Kleek — a full solutions company. Consultoria, gestão terceirizada e turnaround para os setores agrícola, industrial e sucroenergético.
Version: 1.1.4
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: kleek
*/

/* ============================================================
   KLEEK — a full solutions company
   Design tokens
   ============================================================ */
:root{
  --ink-950:#071A33;
  --ink-900:#0B2A4D;
  --ink-800:#123863;
  --ink-700:#1B4C7E;

  --blue-600:#2C8FC9;
  --blue-700:#1D6FA5;
  --blue-100:#E4F0F9;

  --teal-400:#2FD1C5;
  --teal-600:#149387;

  --green-500:#5CC77A;

  --paper:#F5F8FB;
  --white:#FFFFFF;

  --slate-700:#374357;
  --slate-500:#5C6B80;
  --slate-300:#AEBBCB;
  --line:#DDE5EE;
  --line-dark:rgba(255,255,255,.14);

  --shadow-sm:0 8px 24px -12px rgba(7,26,51,.18);
  --shadow-lg:0 30px 70px -30px rgba(7,26,51,.45);

  --radius-lg:22px;
  --radius-md:14px;
  --radius-sm:8px;

  --cut:26px; /* signature clipped-corner size */

  --font-display:'Sora', 'Segoe UI', sans-serif;
  --font-body:'Inter', 'Segoe UI', sans-serif;

  --container:1180px;
}

/* ============================================================
   Reset
   ============================================================ */
*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto;}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}
body{
  margin:0;
  font-family:var(--font-body);
  color:var(--slate-700);
  background:var(--paper);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{margin:0;padding:0;list-style:none;}
h1,h2,h3,h4{font-family:var(--font-display);color:var(--ink-950);margin:0 0 .5em;line-height:1.15;font-weight:700;}
p{margin:0 0 1em;}
button{
  font-family:inherit;
  cursor:pointer;
  border:0;
  background:none;
  padding:0;
  margin:0;
  color:inherit;
  appearance:none;
  -webkit-appearance:none;
}
input,textarea,select{font-family:inherit;font-size:1rem;}
:focus-visible{outline:3px solid var(--teal-400);outline-offset:2px;}
section{position:relative;}

/* ============================================================
   Layout helpers
   ============================================================ */
.wrap{
  width:100%;
  max-width:var(--container);
  margin:0 auto;
  padding:0 24px;
}
.section{padding:88px 0;}
.section-sm{padding:56px 0;}
@media (max-width:760px){
  .section{padding:60px 0;}
  .section-sm{padding:40px 0;}
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.78rem;
  letter-spacing:.12em;
  text-transform:uppercase;
  color:var(--blue-600);
  margin-bottom:14px;
}
.eyebrow::before{
  content:"";
  width:22px;height:2px;
  background:var(--teal-400);
  display:inline-block;
}
.section-head{max-width:680px;margin-bottom:48px;}
.section-head h2{font-size:clamp(1.7rem,3.2vw,2.5rem);}
.section-head p{color:var(--slate-500);font-size:1.05rem;}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center;}
.section-head.center .eyebrow::before{display:none;}

.on-dark{color:rgba(255,255,255,.82);}
.on-dark h1,.on-dark h2,.on-dark h3,.on-dark h4{color:#fff;}
.on-dark .section-head p{color:rgba(255,255,255,.68);}

/* Signature clipped-corner shape, used on cards/panels/buttons/images */
.cut{
  clip-path:polygon(0 0,100% 0,100% calc(100% - var(--cut)),calc(100% - var(--cut)) 100%,0 100%);
}
.cut-alt{
  clip-path:polygon(var(--cut) 0,100% 0,100% 100%,0 100%,0 var(--cut));
}

/* ============================================================
   Buttons
   ============================================================ */
.btn{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:14px 26px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.95rem;
  border-radius:var(--radius-sm);
  border:1px solid transparent;
  transition:transform .18s ease, box-shadow .18s ease, background .18s ease, color .18s ease;
  white-space:nowrap;
}
.btn:hover{transform:translateY(-2px);}
.btn-primary{
  background:var(--teal-400);
  color:var(--ink-950);
  box-shadow:0 14px 30px -12px rgba(47,209,197,.55);
}
.btn-primary:hover{background:#3fe0d3;}
.btn-outline{
  background:transparent;
  border-color:rgba(255,255,255,.35);
  color:#fff;
}
.btn-outline:hover{background:rgba(255,255,255,.1);border-color:#fff;}
.btn-outline-dark{
  background:transparent;
  border-color:var(--line);
  color:var(--ink-950);
}
.btn-outline-dark:hover{border-color:var(--blue-600);color:var(--blue-700);background:var(--blue-100);}
.btn-block{width:100%;justify-content:center;}
.btn svg{width:16px;height:16px;flex:none;}

/* ============================================================
   Header
   ============================================================ */
.site-header{
  position:fixed;
  top:0;left:0;right:0;
  z-index:100;
  padding:18px 0;
  transition:background .25s ease, padding .25s ease, box-shadow .25s ease;
}
.site-header .wrap{
  display:flex;
  align-items:center;
  justify-content:space-between;
  max-width:1280px;
}
.site-header.is-scrolled{
  background:rgba(7,26,51,.92);
  backdrop-filter:blur(10px);
  padding:12px 0;
  box-shadow:0 10px 30px -18px rgba(0,0,0,.5);
}
.logo{
  display:flex;
  align-items:baseline;
  gap:2px;
  font-family:var(--font-display);
  font-weight:800;
  font-size:1.5rem;
  color:#fff;
  letter-spacing:-.01em;
}
.logo .dot{color:var(--teal-400);}
.logo small{
  display:block;
  font-family:var(--font-body);
  font-weight:400;
  font-size:.62rem;
  letter-spacing:.06em;
  color:rgba(255,255,255,.55);
  text-transform:uppercase;
  margin-top:2px;
}
.logo-wrap{display:flex;flex-direction:column;}

.nav{
  display:flex;
  align-items:center;
  gap:6px;
}
.nav a{
  padding:10px 16px;
  font-family:var(--font-display);
  font-weight:500;
  font-size:.92rem;
  color:rgba(255,255,255,.78);
  border-radius:999px;
  transition:background .2s ease,color .2s ease;
}
.nav a:hover{color:#fff;background:rgba(255,255,255,.08);}
.nav a.is-active{color:#fff;background:rgba(255,255,255,.12);}

.header-actions{display:flex;align-items:center;gap:14px;}

.nav .btn-primary{display:none;}

.nav-toggle{
  display:none;
  flex-direction:column;
  gap:5px;
  width:38px;height:38px;
  align-items:center;justify-content:center;
  background:rgba(255,255,255,.08);
  border-radius:var(--radius-sm);
  border:1px solid rgba(255,255,255,.16);
}
.nav-toggle span{width:18px;height:2px;background:#fff;display:block;transition:transform .25s ease, opacity .25s ease;}
.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.is-open span:nth-child(2){opacity:0;}
.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

@media (max-width:920px){
  .nav{
    position:fixed;
    top:0;right:0;
    height:100vh;
    width:min(320px,80vw);
    background:var(--ink-950);
    flex-direction:column;
    align-items:stretch;
    padding:100px 28px 28px;
    gap:4px;
    transform:translateX(100%);
    transition:transform .3s ease;
    box-shadow:-20px 0 60px rgba(0,0,0,.4);
  }
  .nav.is-open{transform:translateX(0);}
  .nav a{padding:14px 16px;font-size:1.05rem;}
  .nav-toggle{display:flex;}
  .header-actions .btn-primary{display:none;}
  .nav .btn-primary{display:inline-flex;margin-top:14px;}
}

/* ============================================================
   Hero
   ============================================================ */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  background:radial-gradient(120% 100% at 82% 0%, #123a63 0%, var(--ink-950) 46%, #050f22 100%);
  overflow:hidden;
  padding-top:120px;
  padding-bottom:60px;
}
.hero canvas{
  position:absolute;
  inset:0;
  width:100%;height:100%;
  opacity:.55;
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(7,26,51,0) 40%, var(--ink-950) 100%);
  pointer-events:none;
}
.hero .wrap{position:relative;z-index:2;}
.hero-inner{max-width:760px;}
.hero-kicker{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:8px 16px 8px 8px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  font-size:.82rem;
  font-weight:600;
  color:rgba(255,255,255,.85);
  margin-bottom:26px;
  background:rgba(255,255,255,.04);
}
.hero-kicker .pulse{
  width:8px;height:8px;border-radius:50%;
  background:var(--teal-400);
  box-shadow:0 0 0 0 rgba(47,209,197,.6);
  animation:pulse 2.2s infinite;
}
@keyframes pulse{
  0%{box-shadow:0 0 0 0 rgba(47,209,197,.55);}
  70%{box-shadow:0 0 0 10px rgba(47,209,197,0);}
  100%{box-shadow:0 0 0 0 rgba(47,209,197,0);}
}
.hero h1{
  font-size:clamp(2.3rem,5.4vw,4rem);
  color:#fff;
  letter-spacing:-.01em;
}
.hero h1 em{
  font-style:normal;
  background:linear-gradient(90deg,var(--teal-400),var(--blue-600));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.hero p.lead{
  font-size:1.15rem;
  color:rgba(255,255,255,.72);
  max-width:600px;
  margin-bottom:34px;
}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:60px;}

.hero-stats{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border-top:1px solid rgba(255,255,255,.14);
  padding-top:30px;
  max-width:900px;
}
.hero-stats div{padding-right:20px;border-right:1px solid rgba(255,255,255,.12);}
.hero-stats div:last-child{border-right:none;}
.hero-stats strong{
  display:block;
  font-family:var(--font-display);
  font-size:clamp(1.4rem,2.6vw,2rem);
  color:#fff;
  font-weight:700;
}
.hero-stats span{font-size:.82rem;color:rgba(255,255,255,.55);}

@media (max-width:760px){
  .hero{padding-top:110px;}
  .hero-stats{grid-template-columns:repeat(2,1fr);gap:20px 0;}
  .hero-stats div{border-right:none;padding-right:0;}
}

/* ============================================================
   Marquee strip (segments / values)
   ============================================================ */
.strip{
  background:var(--ink-900);
  padding:20px 0;
  overflow:hidden;
}
.strip-track{
  display:flex;
  gap:56px;
  width:max-content;
  animation:scroll-x 32s linear infinite;
}
@media (prefers-reduced-motion: reduce){ .strip-track{animation:none;flex-wrap:wrap;} }
@keyframes scroll-x{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}
.strip-item{
  display:flex;align-items:center;gap:10px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.95rem;
  color:rgba(255,255,255,.75);
  white-space:nowrap;
}
.strip-item svg{width:16px;height:16px;color:var(--teal-400);flex:none;}

/* ============================================================
   Cards
   ============================================================ */
.grid{display:grid;gap:26px;}
.grid-3{grid-template-columns:repeat(3,1fr);}
.grid-4{grid-template-columns:repeat(4,1fr);}
.grid-2{grid-template-columns:repeat(2,1fr);}
@media (max-width:920px){
  .grid-3,.grid-4{grid-template-columns:repeat(2,1fr);}
}
@media (max-width:600px){
  .grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}
}

.card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-lg);
  padding:34px 30px;
  transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease;
}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);border-color:transparent;}
.card .icon{
  width:52px;height:52px;
  display:flex;align-items:center;justify-content:center;
  border-radius:14px;
  background:var(--blue-100);
  color:var(--blue-700);
  margin-bottom:20px;
}
.card .icon svg{width:26px;height:26px;}
.card h3{font-size:1.15rem;margin-bottom:10px;}
.card p{color:var(--slate-500);font-size:.96rem;margin-bottom:0;}

/* Dark variant */
.card-dark{
  background:var(--ink-900);
  border:1px solid var(--line-dark);
}
.card-dark h3{color:#fff;}
.card-dark p{color:rgba(255,255,255,.62);}
.card-dark .icon{background:rgba(47,209,197,.12);color:var(--teal-400);}

/* Approach cards (Como atuamos) — signature clipped corner */
.approach-card{
  position:relative;
  background:var(--ink-900);
  padding:38px 32px;
  color:#fff;
}
.approach-card .num{
  font-family:var(--font-display);
  font-weight:700;
  font-size:.8rem;
  letter-spacing:.1em;
  color:var(--teal-400);
  text-transform:uppercase;
  margin-bottom:22px;
  display:block;
}
.approach-card h3{color:#fff;font-size:1.3rem;}
.approach-card p{color:rgba(255,255,255,.66);margin-bottom:0;}
.approach-card:nth-child(2){background:var(--blue-700);}
.approach-card:nth-child(2) .num{color:#fff;opacity:.7;}
.approach-card:nth-child(3){background:var(--teal-600);}
.approach-card:nth-child(3) .num{color:var(--ink-950);opacity:.6;}

/* Compact list-item cards (Comprometimento com o resultado, Agrícola, Indústria...) */
.item-card{
  display:flex;
  gap:16px;
  padding:22px;
  background:#fff;
  border:1px solid var(--line);
  border-radius:var(--radius-md);
  transition:box-shadow .2s ease, border-color .2s ease, transform .2s ease;
}
.item-card:hover{box-shadow:var(--shadow-sm);border-color:var(--teal-400);transform:translateY(-2px);}
.item-card .icon{
  width:42px;height:42px;flex:none;
  border-radius:10px;
  background:var(--blue-100);
  color:var(--blue-700);
  display:flex;align-items:center;justify-content:center;
}
.item-card .icon svg{width:22px;height:22px;}
.item-card h4{
  font-family:var(--font-display);
  font-size:.98rem;
  color:var(--ink-950);
  margin:0 0 6px;
  font-weight:700;
}
.item-card p{font-size:.88rem;color:var(--slate-500);margin:0;}

/* ============================================================
   Split sections (image/text)
   ============================================================ */
.split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:64px;
  align-items:center;
}
@media (max-width:860px){
  .split{grid-template-columns:1fr;gap:36px;}
}
.split.reverse .split-media{order:2;}
.split.reverse .split-text{order:1;}
@media (max-width:860px){
  .split.reverse .split-media,.split.reverse .split-text{order:initial;}
}
.split-media{position:relative;}
.split-media .frame{
  position:relative;
  aspect-ratio:4/3.2;
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:linear-gradient(150deg,var(--ink-900),var(--ink-950));
}
.split-media .frame svg{width:100%;height:100%;}
.split-media .badge{
  position:absolute;
  bottom:-22px;left:-22px;
  background:#fff;
  border-radius:var(--radius-md);
  box-shadow:var(--shadow-lg);
  padding:18px 22px;
  display:flex;
  align-items:center;
  gap:14px;
}
.split-media .badge strong{display:block;font-family:var(--font-display);font-size:1.4rem;color:var(--ink-950);}
.split-media .badge span{font-size:.78rem;color:var(--slate-500);}
@media (max-width:600px){ .split-media .badge{left:0;bottom:-18px;padding:14px 16px;} }

.split-text p{color:var(--slate-500);}
.check-list{margin-top:22px;display:grid;gap:12px;}
.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:.96rem;color:var(--slate-700);}
.check-list svg{width:20px;height:20px;flex:none;color:var(--teal-600);margin-top:2px;}

/* ============================================================
   Stats / world reach
   ============================================================ */
.reach{
  background:var(--ink-950);
  color:#fff;
  border-radius:var(--radius-lg);
  padding:52px;
  position:relative;
  overflow:hidden;
}
.reach::before{
  content:"";
  position:absolute;inset:0;
  background:
    radial-gradient(circle at 15% 20%, rgba(47,209,197,.14), transparent 40%),
    radial-gradient(circle at 85% 80%, rgba(44,143,201,.22), transparent 45%);
  pointer-events:none;
}
.reach-grid{
  position:relative;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:26px;
}
@media (max-width:760px){ .reach-grid{grid-template-columns:repeat(2,1fr);} }
.reach-item{
  border-left:2px solid rgba(255,255,255,.14);
  padding-left:18px;
}
.reach-item .flag{font-size:1.6rem;margin-bottom:8px;display:block;}
.reach-item strong{display:block;font-family:var(--font-display);font-size:1.5rem;}
.reach-item span{font-size:.82rem;color:rgba(255,255,255,.6);display:block;margin-top:4px;}

/* ============================================================
   Tabs (Setores page)
   ============================================================ */
.tabs-nav{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-bottom:44px;
  border-bottom:1px solid var(--line);
  padding-bottom:0;
}
.tab-btn{
  padding:14px 22px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.95rem;
  color:var(--slate-500);
  border-bottom:3px solid transparent;
  background:transparent;
  border-radius:0;
  display:flex;align-items:center;gap:10px;
  margin-bottom:-1px;
}
.tab-btn svg{width:18px;height:18px;}
.tab-btn:hover{color:var(--ink-950);}
.tab-btn.is-active{color:var(--blue-700);border-color:var(--teal-400);}
.tab-panel{display:none;}
.tab-panel.is-active{display:block;animation:fade-in .35s ease;}
@keyframes fade-in{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:translateY(0);}}

.sector-intro{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:30px;
  flex-wrap:wrap;
  margin-bottom:34px;
  padding-bottom:28px;
  border-bottom:1px solid var(--line);
}
.sector-intro h3{font-size:1.5rem;margin-bottom:6px;}
.sector-intro p{color:var(--slate-500);max-width:520px;margin-bottom:0;}
.pillars{display:flex;gap:22px;flex-wrap:wrap;}
.pillars div{text-align:left;min-width:120px;}
.pillars strong{
  display:block;font-family:var(--font-display);font-weight:700;
  color:var(--ink-950);font-size:.86rem;
}
.pillars span{font-size:.78rem;color:var(--slate-500);}

/* ============================================================
   CTA band
   ============================================================ */
.cta-band{
  background:linear-gradient(120deg,var(--ink-950),var(--blue-700) 130%);
  border-radius:var(--radius-lg);
  padding:60px 56px;
  color:#fff;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  flex-wrap:wrap;
  position:relative;
  overflow:hidden;
}
.cta-band::after{
  content:"";
  position:absolute;
  right:-60px;top:-60px;
  width:220px;height:220px;
  border-radius:50%;
  background:rgba(47,209,197,.16);
}
.cta-band h2{color:#fff;font-size:clamp(1.5rem,2.6vw,2.1rem);margin-bottom:8px;}
.cta-band p{color:rgba(255,255,255,.68);margin-bottom:0;max-width:440px;}
.cta-band .actions{display:flex;gap:14px;flex-wrap:wrap;position:relative;z-index:1;}

/* ============================================================
   Timeline / Quem somos facts (sobre.html)
   ============================================================ */
.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
@media (max-width:760px){.facts{grid-template-columns:1fr;}}
.fact{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
  padding:26px;display:flex;gap:16px;align-items:flex-start;
}
.fact .icon{width:44px;height:44px;flex:none;border-radius:10px;background:var(--blue-100);color:var(--blue-700);display:flex;align-items:center;justify-content:center;}
.fact .icon svg{width:22px;height:22px;}
.fact h4{font-family:var(--font-display);font-size:1rem;margin-bottom:4px;color:var(--ink-950);}
.fact p{margin:0;color:var(--slate-500);font-size:.92rem;}

/* Values grid */
.values{display:grid;grid-template-columns:repeat(5,1fr);gap:18px;}
@media (max-width:920px){.values{grid-template-columns:repeat(3,1fr);}}
@media (max-width:600px){.values{grid-template-columns:repeat(2,1fr);}}
.value{
  text-align:center;padding:26px 14px;
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-md);
}
.value .icon{
  width:46px;height:46px;margin:0 auto 12px;
  border-radius:50%;background:var(--blue-100);color:var(--blue-700);
  display:flex;align-items:center;justify-content:center;
}
.value .icon svg{width:22px;height:22px;}
.value strong{display:block;font-family:var(--font-display);font-size:.9rem;color:var(--ink-950);}
.value span{font-size:.78rem;color:var(--slate-500);}

/* Tags (Gestão hex list) */
.tag-grid{display:flex;flex-wrap:wrap;gap:12px;}
.tag{
  padding:12px 18px;
  background:var(--blue-100);
  color:var(--blue-700);
  border-radius:999px;
  font-family:var(--font-display);
  font-weight:600;
  font-size:.86rem;
}

/* ============================================================
   Page hero (inner pages)
   ============================================================ */
.page-hero{
  background:radial-gradient(120% 140% at 85% -10%, #123a63 0%, var(--ink-950) 55%, #050f22 100%);
  padding:150px 0 70px;
  color:#fff;
  position:relative;
  overflow:hidden;
}
.page-hero canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.4;}
.page-hero .wrap{position:relative;z-index:2;}
.page-hero .eyebrow{color:var(--teal-400);}
.page-hero .eyebrow::before{background:var(--teal-400);}
.page-hero h1{font-size:clamp(2rem,4.4vw,3.1rem);color:#fff;max-width:760px;}
.page-hero p{color:rgba(255,255,255,.7);max-width:600px;font-size:1.05rem;margin-bottom:0;}
.breadcrumb{display:flex;gap:8px;align-items:center;font-size:.85rem;color:rgba(255,255,255,.5);margin-bottom:22px;}
.breadcrumb a{color:rgba(255,255,255,.75);}
.breadcrumb a:hover{color:#fff;}

/* ============================================================
   Contact page
   ============================================================ */
.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:flex-start;}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr;}}
.contact-info{background:var(--ink-950);color:#fff;border-radius:var(--radius-lg);padding:44px 36px;}
.contact-info h3{color:#fff;}
.contact-info p{color:rgba(255,255,255,.65);}
.contact-line{
  display:flex;gap:14px;align-items:flex-start;
  padding:18px 0;border-top:1px solid rgba(255,255,255,.12);
}
.contact-line:first-of-type{border-top:none;}
.contact-line .icon{width:38px;height:38px;flex:none;border-radius:10px;background:rgba(47,209,197,.14);color:var(--teal-400);display:flex;align-items:center;justify-content:center;}
.contact-line .icon svg{width:18px;height:18px;}
.contact-line strong{display:block;font-family:var(--font-display);font-size:.86rem;color:rgba(255,255,255,.55);text-transform:uppercase;letter-spacing:.05em;margin-bottom:3px;}
.contact-line span, .contact-line a{font-size:.98rem;color:#fff;}
.contact-line a:hover{color:var(--teal-400);}

.form-card{
  background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:40px;
}
.field{margin-bottom:20px;}
.field label{
  display:block;font-family:var(--font-display);font-weight:600;font-size:.86rem;
  color:var(--ink-950);margin-bottom:8px;
}
.field input, .field select, .field textarea{
  width:100%;
  padding:13px 16px;
  border:1px solid var(--line);
  border-radius:var(--radius-sm);
  background:var(--paper);
  color:var(--ink-950);
  transition:border-color .2s ease, box-shadow .2s ease;
}
.field input:focus, .field select:focus, .field textarea:focus{
  border-color:var(--blue-600);
  box-shadow:0 0 0 4px var(--blue-100);
  outline:none;
}
.field textarea{resize:vertical;min-height:130px;}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px;}
@media (max-width:560px){.field-row{grid-template-columns:1fr;}}
.form-note{font-size:.82rem;color:var(--slate-500);margin-top:14px;}
.form-status{
  margin-top:16px;padding:14px 16px;border-radius:var(--radius-sm);
  font-size:.9rem;display:none;
}
.form-status.is-success{display:block;background:#E7F8EE;color:#1E7A44;}
.form-status.is-error{display:block;background:#FDEBEB;color:#B3261E;}

/* ============================================================
   Footer
   ============================================================ */
.site-footer{
  background:var(--ink-950);
  color:rgba(255,255,255,.6);
  padding:70px 0 26px;
}
.footer-top{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:40px;
  padding-bottom:46px;
  border-bottom:1px solid rgba(255,255,255,.1);
}
@media (max-width:820px){.footer-top{grid-template-columns:repeat(2,1fr);}}
@media (max-width:560px){.footer-top{grid-template-columns:1fr;}}
.footer-brand p{max-width:280px;font-size:.92rem;}
.footer-col h5{
  font-family:var(--font-display);color:#fff;font-size:.86rem;
  text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px;
}
.footer-col ul{display:grid;gap:10px;}
.footer-col a{font-size:.92rem;color:rgba(255,255,255,.6);transition:color .2s ease;}
.footer-col a:hover{color:var(--teal-400);}
.footer-bottom{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:26px;flex-wrap:wrap;gap:12px;
  font-size:.82rem;color:rgba(255,255,255,.45);
}
.footer-bottom a{color:rgba(255,255,255,.45);}
.footer-bottom a:hover{color:#fff;}

/* Back to top */
.to-top{
  position:fixed;
  bottom:26px;right:26px;
  width:46px;height:46px;
  border-radius:50%;
  background:var(--teal-400);
  color:var(--ink-950);
  display:flex;align-items:center;justify-content:center;
  box-shadow:0 12px 30px -10px rgba(47,209,197,.6);
  opacity:0;visibility:hidden;
  transform:translateY(10px);
  transition:opacity .25s ease, transform .25s ease, visibility .25s ease;
  z-index:90;
}
.to-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);}
.to-top svg{width:20px;height:20px;}

/* Reveal on scroll — visível por padrão (seguro sem JS).
   O JS adiciona .reveal-armed apenas se confirmar suporte a IntersectionObserver. */
.reveal{opacity:1;transform:none;}
.reveal.reveal-armed{opacity:.001;transform:translateY(14px);transition:opacity .45s ease, transform .45s ease;}
.reveal.reveal-armed.is-visible{opacity:1;transform:translateY(0);}

/* ============================================================
   Ajustes específicos WordPress
   ============================================================ */
.nav a.current-menu-item,
.nav a.current_page_item{color:#fff;background:rgba(255,255,255,.12);}

.admin-bar .site-header{top:32px;}
@media (max-width:782px){ .admin-bar .site-header{top:46px;} }

/* Conteúdo vindo do editor (the_content) dentro das seções de texto */
.entry-content{color:var(--slate-500);}
.entry-content p{margin:0 0 1em;}
.entry-content a{color:var(--blue-700);text-decoration:underline;}
.entry-content ul, .entry-content ol{margin:0 0 1em 1.2em;}
.entry-content img{border-radius:var(--radius-md);height:auto;}
.entry-content h2,.entry-content h3{margin-top:1.4em;}

/* Blog */
.blog-hero{padding:150px 0 60px;}
.post-list{display:grid;gap:26px;grid-template-columns:repeat(3,1fr);}
@media (max-width:920px){.post-list{grid-template-columns:repeat(2,1fr);}}
@media (max-width:600px){.post-list{grid-template-columns:1fr;}}
.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden;transition:transform .25s ease, box-shadow .25s ease;}
.post-card:hover{transform:translateY(-6px);box-shadow:var(--shadow-lg);}
.post-card .thumb{aspect-ratio:16/10;background:linear-gradient(150deg,var(--ink-900),var(--ink-950));overflow:hidden;}
.post-card .thumb img{width:100%;height:100%;object-fit:contain;}
.post-card .body{padding:24px;}
.post-card .date{font-size:.78rem;color:var(--blue-600);font-weight:600;font-family:var(--font-display);text-transform:uppercase;letter-spacing:.06em;}
.post-card h3{font-size:1.1rem;margin:8px 0 10px;}
.post-card h3 a{color:var(--ink-950);}
.post-card p{color:var(--slate-500);font-size:.92rem;}
.single-post-header{padding:150px 0 40px;}
.single-post-body{max-width:760px;margin:0 auto;}
.single-post-body .entry-content{font-size:1.05rem;color:var(--slate-700);}
.post-meta{display:flex;gap:14px;align-items:center;color:rgba(255,255,255,.6);font-size:.86rem;margin-bottom:10px;}
.pagination-nav{display:flex;justify-content:center;gap:12px;margin-top:20px;}

/* ============================================================
   Showcase — "vídeo" animado que remete ao trabalho da Kleek
   (SVG + CSS puro, sem arquivo de vídeo real)
   ============================================================ */
.showcase-frame{
  position:relative;
  border-radius:var(--radius-lg);
  overflow:hidden;
  background:radial-gradient(120% 140% at 12% 0%, #123a63 0%, var(--ink-950) 55%, #050f22 100%);
  aspect-ratio:16/7.2;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:40px;
}
@media (max-width:760px){
  .showcase-frame{aspect-ratio:4/5;padding:24px;}
}

.showcase-badge{
  position:absolute;top:22px;left:22px;z-index:3;
  display:flex;align-items:center;gap:9px;
  padding:8px 16px 8px 12px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#fff;
  font-family:var(--font-display);font-weight:600;font-size:.8rem;
  backdrop-filter:blur(6px);
}
.showcase-badge .rec-dot{width:8px;height:8px;border-radius:50%;background:var(--teal-400);animation:pulse 2.2s infinite;}

.showcase-toggle{
  position:absolute;bottom:22px;right:22px;z-index:3;
  display:flex;align-items:center;gap:8px;
  padding:10px 16px;border-radius:999px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.2);
  color:#fff;font-family:var(--font-display);font-weight:600;font-size:.82rem;
  backdrop-filter:blur(6px);
  transition:background .2s ease;
}
.showcase-toggle:hover{background:rgba(255,255,255,.2);}
.showcase-toggle svg{width:15px;height:15px;flex:none;}

.showcase-scene{width:100%;max-width:820px;position:relative;z-index:2;}
.showcase-scene .link{stroke:rgba(255,255,255,.16);stroke-width:2;stroke-dasharray:6 8;}
.showcase-scene .ring{fill:none;stroke:url(#showcaseGrad);stroke-width:2.5;}
.showcase-scene .node-bg{fill:#0B2A4D;}
.showcase-scene .node-icon{fill:none;stroke:#fff;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}
.showcase-scene .node-label{
  font-family:'Sora',sans-serif;font-weight:700;font-size:20px;fill:#fff;text-anchor:middle;
}
.showcase-scene .node-sub{
  font-family:'Inter',sans-serif;font-weight:500;font-size:13px;fill:rgba(255,255,255,.5);text-anchor:middle;
}

.showcase-node{
  opacity:0;
  transform-box:fill-box;
  transform-origin:center;
  transform:scale(.6);
  animation:showcase-pulse 9s ease-in-out infinite;
}
.showcase-node.n2{animation-delay:-3s;}
.showcase-node.n3{animation-delay:-6s;}

@keyframes showcase-pulse{
  0%   { opacity:0; transform:scale(.6); }
  8%   { opacity:1; transform:scale(1.06); }
  14%  { transform:scale(1); }
  30%  { opacity:1; transform:scale(1); }
  38%  { opacity:0; transform:scale(.7); }
  100% { opacity:0; transform:scale(.7); }
}

.showcase-caption{
  position:absolute;
  left:0; right:0; bottom:26px;
  display:flex; justify-content:center;
  height:34px;
  z-index:3;
  pointer-events:none;
}
.showcase-word{
  position:absolute;
  opacity:0;
  transform:translateY(8px);
  font-family:var(--font-display);
  font-weight:700;
  font-size:1.05rem;
  color:#fff;
  letter-spacing:.02em;
  animation:showcase-word-cycle 9s ease-in-out infinite;
}
.showcase-word::before{content:"— ";color:var(--teal-400);}
.showcase-word::after{content:" —";color:var(--teal-400);}
.showcase-word.w2{animation-delay:-3s;}
.showcase-word.w3{animation-delay:-6s;}

@keyframes showcase-word-cycle{
  0%   { opacity:0; transform:translateY(8px); }
  6%   { opacity:1; transform:translateY(0); }
  30%  { opacity:1; transform:translateY(0); }
  36%  { opacity:0; transform:translateY(-8px); }
  100% { opacity:0; }
}

/* Pausa via botão (acessibilidade) */
.showcase-frame.is-paused .showcase-node,
.showcase-frame.is-paused .showcase-word,
.showcase-frame.is-paused .showcase-badge .rec-dot{
  animation-play-state:paused;
}

/* Sem cycles: mostra tudo estático de forma acessível */
@media (prefers-reduced-motion: reduce){
  .showcase-node{opacity:1 !important;transform:scale(1) !important;animation:none !important;}
  .showcase-word{
    position:static !important;opacity:1 !important;transform:none !important;animation:none !important;
    display:none;
  }
  .showcase-word.w1{display:block;}
  .showcase-caption{position:static;height:auto;margin-top:18px;}
}


/* ============================================================
   KLEEK 1.1 — melhorias visuais, movimento e tecnologia
   ============================================================ */

/* K tecnológico animado */
.tech-k-frame{
  isolation:isolate;
  box-shadow:0 30px 70px -34px rgba(7,26,51,.65);
  border:1px solid rgba(47,209,197,.15);
}
.tech-k-frame::before{
  content:"";position:absolute;inset:-40%;
  background:conic-gradient(from 90deg, transparent, rgba(47,209,197,.16), transparent 32%);
  animation:k-spin 12s linear infinite;
  z-index:0;
}
.tech-k-svg{position:relative;z-index:1;display:block;}
.k-lines path{stroke-dasharray:10 16;animation:k-dash 4.8s linear infinite;}
.k-nodes circle{animation:k-node 2.8s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.k-nodes circle:nth-child(2n){animation-delay:.45s}.k-nodes circle:nth-child(3n){animation-delay:.9s}
.k-letter{animation:k-float 5s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.k-orbit{animation:k-orbit 14s linear infinite;transform-box:fill-box;transform-origin:center;}
.k-particle{filter:drop-shadow(0 0 8px rgba(47,209,197,.9));}
.k-particle.p1{animation:k-particle-one 7s ease-in-out infinite;}
.k-particle.p2{animation:k-particle-two 8s ease-in-out infinite;}
.k-scan{animation:k-scan 4.6s ease-in-out infinite;mix-blend-mode:screen;}
@keyframes k-spin{to{transform:rotate(360deg)}}
@keyframes k-dash{to{stroke-dashoffset:-104}}
@keyframes k-node{0%,100%{transform:scale(1);opacity:.65}50%{transform:scale(1.75);opacity:1}}
@keyframes k-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes k-orbit{to{transform:rotate(360deg)}}
@keyframes k-particle-one{0%,100%{transform:translate(0,0)}50%{transform:translate(-155px,-78px)}}
@keyframes k-particle-two{0%,100%{transform:translate(0,0)}50%{transform:translate(155px,78px)}}
@keyframes k-scan{0%{transform:translateY(-90px);opacity:0}20%,65%{opacity:.14}100%{transform:translateY(460px);opacity:0}}

/* Quem Somos: texto mais fluido */
.page-template-template-sobre .split{gap:56px;}
.page-template-template-sobre .split-text{max-width:680px;}
.page-template-template-sobre .split-text h2{font-size:clamp(2rem,3.1vw,2.65rem);line-height:1.15;margin-bottom:24px;}
.page-template-template-sobre .split-text .entry-content p{font-size:17px;line-height:1.68;margin-bottom:18px;}

/* Showcase: campo, indústria, governança e resultados */
.governance-scene .field-line,.governance-scene .dash-line{stroke:rgba(255,255,255,.55);stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:9 12;animation:showcase-stream 5s linear infinite;}
.governance-scene .chart-line{fill:none;stroke:url(#showcaseGrad);stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:420;stroke-dashoffset:420;animation:chart-draw 5s ease-in-out infinite;}
.governance-scene .chart-dot{fill:#2FD1C5;animation:k-node 2.5s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.governance-scene .scene-title{font-family:var(--font-display);font-weight:700;font-size:18px;fill:#fff;text-anchor:middle;letter-spacing:.02em;}
.governance-scene .data-flow{fill:none;stroke:url(#showcaseGrad);stroke-width:3;stroke-linecap:round;stroke-dasharray:12 16;animation:showcase-stream 3.6s linear infinite;filter:drop-shadow(0 0 5px rgba(47,209,197,.55));}
.governance-scene .f2{animation-delay:.4s}.governance-scene .f3{animation-delay:.8s}.governance-scene .result-core{animation:k-float 3.6s ease-in-out infinite;}
@keyframes showcase-stream{to{stroke-dashoffset:-160}}
@keyframes chart-draw{0%,15%{stroke-dashoffset:420}45%,80%{stroke-dashoffset:0}100%{stroke-dashoffset:-420}}

/* Como atuamos: cards com movimento e profundidade */
.approach-card{overflow:hidden;min-height:300px;transition:transform .25s ease, box-shadow .25s ease;}
.approach-card:hover{transform:translateY(-8px);box-shadow:0 28px 60px -38px rgba(0,0,0,.75);}
.approach-card::before{content:"";position:absolute;inset:auto -30px -60px auto;width:170px;height:170px;border-radius:50%;background:rgba(47,209,197,.18);filter:blur(2px);}
.approach-visual{height:72px;margin-bottom:28px;position:relative;z-index:1;}
.approach-visual span{position:absolute;display:block;border-radius:16px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.08);box-shadow:0 14px 36px -25px rgba(47,209,197,.7);animation:approach-float 4.8s ease-in-out infinite;}
.approach-visual span:nth-child(1){width:52px;height:52px;left:0;top:8px;}
.approach-visual span:nth-child(2){width:92px;height:16px;left:68px;top:15px;animation-delay:.35s;}
.approach-visual span:nth-child(3){width:126px;height:16px;left:68px;top:44px;animation-delay:.7s;}
.approach-visual::after{content:"";position:absolute;left:22px;top:34px;width:178px;height:2px;background:linear-gradient(90deg,var(--teal-400),transparent);animation:showcase-stream 3.2s linear infinite;}
@keyframes approach-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.approach-card .num,.approach-card h3,.approach-card p{position:relative;z-index:1;}

/* Setores de atuação: cartões mais visuais e animados */
.sector-card{position:relative;overflow:hidden;padding-top:110px;min-height:330px;}
.sector-motion{position:absolute;left:0;top:0;right:0;height:92px;background:linear-gradient(135deg,rgba(7,26,51,.96),rgba(18,56,99,.92));overflow:hidden;}
.sector-motion::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 40%,rgba(47,209,197,.28),transparent 30%),radial-gradient(circle at 80% 70%,rgba(44,143,201,.28),transparent 34%);animation:sector-pulse 5s ease-in-out infinite;}
.sector-motion span{position:absolute;border-radius:999px;background:rgba(47,209,197,.92);box-shadow:0 0 16px rgba(47,209,197,.75);animation:sector-orbit 6s ease-in-out infinite;}
.sector-motion span:nth-child(1){width:8px;height:8px;left:22%;top:32%;}.sector-motion span:nth-child(2){width:6px;height:6px;left:52%;top:60%;animation-delay:.6s}.sector-motion span:nth-child(3){width:10px;height:10px;left:78%;top:38%;animation-delay:1.2s}
.sector-motion::after{content:"";position:absolute;left:10%;right:10%;top:50%;height:1px;background:linear-gradient(90deg,transparent,rgba(47,209,197,.8),transparent);animation:showcase-stream 3.4s linear infinite;}
.sector-agricola .sector-motion{background:linear-gradient(135deg,#0B2A4D,#135f68)}
.sector-industria .sector-motion{background:linear-gradient(135deg,#071A33,#1D6FA5)}
.sector-gestao .sector-motion{background:linear-gradient(135deg,#071A33,#149387)}
.sector-card .icon{position:absolute;top:58px;left:30px;z-index:2;background:#fff;box-shadow:0 18px 38px -22px rgba(7,26,51,.5);}
@keyframes sector-pulse{0%,100%{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}
@keyframes sector-orbit{0%,100%{transform:translate(0,0)}50%{transform:translate(22px,-14px)}}

/* Mapa animado de atuação */
.animated-map{position:relative;z-index:1;display:grid;grid-template-columns:1.7fr 1fr;gap:26px;align-items:center;}
.animated-map svg{width:100%;min-height:300px;}
.map-outline{fill:rgba(255,255,255,.045);stroke:rgba(255,255,255,.18);stroke-width:1.4;}
.map-route{fill:none;stroke:url(#mapGrad);stroke-width:2.6;stroke-dasharray:9 13;animation:map-route 5s linear infinite;filter:drop-shadow(0 0 6px rgba(47,209,197,.45));}
.map-route.r2{animation-delay:.8s;opacity:.7;}
.map-point circle{fill:#2FD1C5;filter:drop-shadow(0 0 8px rgba(47,209,197,.85));animation:k-node 2.7s ease-in-out infinite;transform-box:fill-box;transform-origin:center;}
.map-point text{font-family:var(--font-display);font-size:14px;font-weight:700;fill:#fff;}
.map-cards{display:grid;gap:12px;}
.map-cards div{padding:18px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.06);backdrop-filter:blur(5px);transition:transform .2s ease,background .2s ease;}
.map-cards div:hover{transform:translateX(5px);background:rgba(255,255,255,.1);}
.map-cards strong{display:block;font-family:var(--font-display);font-size:1.05rem;color:#fff;}
.map-cards span{display:block;color:rgba(255,255,255,.62);font-size:.86rem;margin-top:4px;}
@keyframes map-route{to{stroke-dashoffset:-180}}
@media(max-width:860px){.animated-map{grid-template-columns:1fr}.animated-map svg{min-height:240px}.map-cards{grid-template-columns:repeat(2,1fr)}}

/* CTA final mais dinâmica e clicável */
.cta-impact{background:radial-gradient(120% 180% at 10% 0%,rgba(47,209,197,.22),transparent 35%),linear-gradient(120deg,var(--ink-950),#123863 70%,#149387 160%);box-shadow:0 28px 70px -42px rgba(47,209,197,.55);}
.cta-impact::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.10),transparent);transform:translateX(-120%);animation:cta-shine 5.8s ease-in-out infinite;}
.cta-impact .cta-kicker{display:inline-flex;margin-bottom:10px;color:var(--teal-400);font-family:var(--font-display);font-size:.78rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;}
.cta-impact h2{font-size:clamp(1.75rem,3vw,2.7rem);}
.cta-impact .btn-primary{animation:cta-button-pulse 2.8s ease-in-out infinite;}
@keyframes cta-shine{0%,55%{transform:translateX(-120%)}75%,100%{transform:translateX(120%)}}
@keyframes cta-button-pulse{0%,100%{box-shadow:0 14px 30px -12px rgba(47,209,197,.55);transform:translateY(0)}50%{box-shadow:0 22px 42px -12px rgba(47,209,197,.85);transform:translateY(-2px)}}

@media (prefers-reduced-motion: reduce){
  .tech-k-frame::before,.k-lines path,.k-nodes circle,.k-letter,.k-orbit,.k-particle,.k-scan,.governance-scene .field-line,.governance-scene .dash-line,.governance-scene .chart-line,.governance-scene .data-flow,.approach-visual span,.approach-visual::after,.sector-motion::before,.sector-motion span,.sector-motion::after,.map-route,.map-point circle,.cta-impact::before,.cta-impact .btn-primary{animation:none!important;}
}

/* ============================================================
   KLEEK FINAL VALIDADO | Ajustes visuais solicitados
   ============================================================ */

/* 7. Remove definitivamente o selo/texto do canto superior direito da home. */
.hero-kicker{display:none!important;}

/* 8. Restaura e reforça os pontos de luz animados no fundo azul. */
.hero canvas[data-plexus], .page-hero canvas[data-plexus]{
  position:absolute!important;inset:0!important;width:100%!important;height:100%!important;
  display:block!important;opacity:.85!important;z-index:0!important;pointer-events:none!important;
  mix-blend-mode:screen;
}
.hero::before,.page-hero::before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(circle at 18% 24%,rgba(47,209,197,.26),transparent 25%),radial-gradient(circle at 78% 12%,rgba(44,143,201,.22),transparent 27%),radial-gradient(circle at 62% 84%,rgba(47,209,197,.14),transparent 30%);
  animation:kleek-bg-float 12s ease-in-out infinite alternate;
}
.hero .wrap,.page-hero .wrap{position:relative;z-index:2;}
@keyframes kleek-bg-float{0%{transform:translate3d(0,0,0) scale(1)}100%{transform:translate3d(0,-16px,0) scale(1.04)}}

/* 1. K tecnológico: mais presença visual, profundidade e movimento. */
.tech-k-frame{background:linear-gradient(135deg,#071A33,#0b2a4d 58%,#123863);border:1px solid rgba(47,209,197,.26);box-shadow:0 30px 90px -45px rgba(47,209,197,.65), inset 0 0 60px rgba(47,209,197,.08);}
.tech-k-frame::after{content:"";position:absolute;inset:18px;border-radius:24px;border:1px solid rgba(47,209,197,.28);box-shadow:inset 0 0 24px rgba(47,209,197,.14);animation:kleek-k-border 4s ease-in-out infinite;pointer-events:none;z-index:2;}
.tech-k-svg{filter:drop-shadow(0 24px 40px rgba(0,0,0,.28));}
.k-grid{animation:kleek-grid-drift 11s linear infinite;transform-origin:center;}
.k-lines path{stroke-dasharray:10 12;animation:kleek-flow-line 4.2s linear infinite;filter:drop-shadow(0 0 6px rgba(47,209,197,.65));}
.k-nodes circle{animation:kleek-node-pulse 2.6s ease-in-out infinite;transform-origin:center;}
.k-nodes circle:nth-child(3n){animation-delay:.45s}.k-nodes circle:nth-child(4n){animation-delay:.85s}.k-nodes circle:nth-child(5n){animation-delay:1.2s}
.k-letter{animation:kleek-k-float 5.5s ease-in-out infinite;transform-origin:center;}
.k-orbit{animation:kleek-orbit-spin 18s linear infinite;transform-origin:260px 215px;}
.k-particle.p1{animation:kleek-orbit-one 7s linear infinite;transform-origin:260px 215px;}
.k-particle.p2{animation:kleek-orbit-two 8.5s linear infinite;transform-origin:260px 215px;}
.k-scan{animation:kleek-scan 3.4s ease-in-out infinite;}
@keyframes kleek-k-border{50%{opacity:.45;transform:scale(.985)}}
@keyframes kleek-grid-drift{to{transform:translate3d(-12px,-8px,0)}}
@keyframes kleek-flow-line{to{stroke-dashoffset:-160}}
@keyframes kleek-node-pulse{0%,100%{opacity:.5;r:4}50%{opacity:1;r:8}}
@keyframes kleek-k-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.025)}}
@keyframes kleek-orbit-spin{to{transform:rotate(360deg)}}
@keyframes kleek-orbit-one{to{transform:rotate(360deg)}}
@keyframes kleek-orbit-two{to{transform:rotate(-360deg)}}
@keyframes kleek-scan{0%{transform:translateY(-90px)}55%,100%{transform:translateY(450px)}}

/* 2. Nosso trabalho em movimento: visual mais premium e animado. */
.showcase-frame{background:radial-gradient(circle at 12% 22%,rgba(47,209,197,.22),transparent 30%),radial-gradient(circle at 86% 70%,rgba(44,143,201,.24),transparent 34%),linear-gradient(135deg,#071A33,#0B2A4D 55%,#123863);border:1px solid rgba(255,255,255,.12);box-shadow:0 38px 90px -50px rgba(7,26,51,.8);}
.showcase-frame::before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-130%);animation:kleek-showcase-shine 8s ease-in-out infinite;z-index:1;pointer-events:none;}
.governance-scene .scene-title{fill:#fff;font:700 22px var(--font-display);letter-spacing:.04em;}
.governance-scene .field-zone,.governance-scene .plant-zone,.governance-scene .board-zone{animation:kleek-zone-float 6s ease-in-out infinite;}
.governance-scene .plant-zone{animation-delay:.5s}.governance-scene .board-zone{animation-delay:1s}
.governance-scene .data-flow{stroke-dasharray:14 18;animation:kleek-data-flow 2.8s linear infinite;}
.governance-scene .chart-line{animation:chart-draw 4.4s ease-in-out infinite;}
@keyframes kleek-showcase-shine{0%,45%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
@keyframes kleek-zone-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
@keyframes kleek-data-flow{to{stroke-dashoffset:-180}}

/* 3. Formas de atuação: cards com aparência de painel executivo. */
.approach-card{position:relative;overflow:hidden;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.12);box-shadow:0 22px 70px -48px rgba(47,209,197,.55);}
.approach-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 24% 20%,rgba(47,209,197,.18),transparent 26%),linear-gradient(110deg,transparent,rgba(255,255,255,.06),transparent);opacity:.9;}
.approach-card:hover{transform:translateY(-8px);border-color:rgba(47,209,197,.42);}
.approach-visual{height:116px;border-radius:18px;background:linear-gradient(135deg,rgba(7,26,51,.95),rgba(18,56,99,.92));border:1px solid rgba(255,255,255,.12);margin-bottom:22px;position:relative;overflow:hidden;}
.approach-visual span{position:absolute;border-radius:50%;background:var(--teal-400);box-shadow:0 0 18px rgba(47,209,197,.8);animation:kleek-approach-nodes 4.8s ease-in-out infinite;}
.approach-visual span:nth-child(1){width:12px;height:12px;left:18%;top:28%;}.approach-visual span:nth-child(2){width:8px;height:8px;left:48%;top:58%;animation-delay:.55s}.approach-visual span:nth-child(3){width:14px;height:14px;left:78%;top:34%;animation-delay:1.1s}
.approach-visual::before{content:"";position:absolute;left:18%;right:18%;top:48%;height:2px;background:linear-gradient(90deg,var(--teal-400),rgba(44,143,201,.72),transparent);box-shadow:0 0 16px rgba(47,209,197,.45);animation:kleek-flow-line 3.6s linear infinite;}
@keyframes kleek-approach-nodes{0%,100%{transform:translate(0,0) scale(1);opacity:.72}50%{transform:translate(18px,-10px) scale(1.25);opacity:1}}

/* 4. Setores de atuação: topo visual com profundidade e movimento. */
.sector-card{border:1px solid rgba(7,26,51,.08);box-shadow:0 24px 70px -48px rgba(7,26,51,.55);transition:transform .35s ease,box-shadow .35s ease;}
.sector-card:hover{transform:translateY(-8px);box-shadow:0 36px 90px -55px rgba(7,26,51,.75);}
.sector-motion{height:126px!important;background-size:140% 140%;animation:kleek-sector-gradient 8s ease-in-out infinite;}
.sector-motion::before{background:radial-gradient(circle at 18% 45%,rgba(47,209,197,.34),transparent 25%),radial-gradient(circle at 82% 30%,rgba(255,255,255,.16),transparent 30%),linear-gradient(120deg,transparent,rgba(255,255,255,.10),transparent);}
.sector-motion::after{height:2px;top:62%;}
.sector-agricola .sector-motion{background-image:linear-gradient(135deg,#0b2a4d,#0f6b5f 46%,#164b3c)}
.sector-industria .sector-motion{background-image:linear-gradient(135deg,#071A33,#123863 46%,#1d6fa5)}
.sector-gestao .sector-motion{background-image:linear-gradient(135deg,#071A33,#174a7a 45%,#149387)}
.sector-card .icon{top:88px!important;}
@keyframes kleek-sector-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}

/* 5. Projetos com atuação Kleek: mapa mais forte e animado. */
.animated-map{background:radial-gradient(circle at 22% 24%,rgba(47,209,197,.20),transparent 26%),linear-gradient(135deg,#071A33,#0b2a4d);border:1px solid rgba(47,209,197,.18);border-radius:28px;padding:28px;box-shadow:0 30px 90px -55px rgba(7,26,51,.9);overflow:hidden;}
.animated-map::before{content:"";position:absolute;inset:-30%;background:conic-gradient(from 90deg,transparent,rgba(47,209,197,.13),transparent 34%);animation:kleek-map-radar 13s linear infinite;pointer-events:none;}
.animated-map svg{position:relative;z-index:1;filter:drop-shadow(0 16px 30px rgba(0,0,0,.2));}
.map-outline{fill:rgba(255,255,255,.045);stroke:rgba(255,255,255,.22);stroke-width:2;}
.map-route{stroke:url(#mapGrad);stroke-width:3;fill:none;stroke-linecap:round;stroke-dasharray:12 14;animation:kleek-map-flow 3s linear infinite;filter:drop-shadow(0 0 9px rgba(47,209,197,.6));}
.map-route.r2{animation-duration:4.4s;opacity:.72;}
.map-point circle{fill:#2FD1C5;stroke:#fff;stroke-width:2;animation:kleek-map-point 2.6s ease-in-out infinite;filter:drop-shadow(0 0 10px rgba(47,209,197,.85));}
.map-point text{fill:#fff;font:700 15px var(--font-display);paint-order:stroke;stroke:#071A33;stroke-width:4px;}
.map-cards{position:relative;z-index:1;}
.map-cards div{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);box-shadow:0 14px 40px -26px rgba(47,209,197,.4);}
@keyframes kleek-map-radar{to{transform:rotate(360deg)}}
@keyframes kleek-map-flow{to{stroke-dashoffset:-190}}
@keyframes kleek-map-point{0%,100%{r:7;opacity:.72}50%{r:12;opacity:1}}

/* 6. CTA final: mais impacto e incentivo ao clique. */
.cta-impact{position:relative;overflow:hidden;background:radial-gradient(circle at 15% 20%,rgba(47,209,197,.28),transparent 28%),linear-gradient(118deg,#071A33,#123863 54%,#149387 130%);}
.cta-impact::after{content:"";position:absolute;right:-4%;bottom:-16%;width:46%;height:135%;background:linear-gradient(115deg,rgba(255,255,255,.02),rgba(255,255,255,.16)),radial-gradient(circle at 52% 35%,rgba(255,255,255,.20),transparent 18%),linear-gradient(135deg,rgba(47,209,197,.12),rgba(7,26,51,.48));clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);animation:kleek-cta-depth 7s ease-in-out infinite;pointer-events:none;}
.cta-impact h2 em,.cta-impact h2 strong{color:var(--teal-400);}
.cta-impact h2{animation:kleek-cta-title 5s ease-in-out infinite;}
.cta-impact .btn-primary{box-shadow:0 0 0 0 rgba(47,209,197,.55);animation:kleek-cta-button 2.6s ease-in-out infinite;}
@keyframes kleek-cta-depth{0%,100%{transform:translateX(0) scale(1)}50%{transform:translateX(-18px) scale(1.04)}}
@keyframes kleek-cta-title{0%,100%{text-shadow:0 0 0 rgba(47,209,197,0)}50%{text-shadow:0 0 24px rgba(47,209,197,.32)}}
@keyframes kleek-cta-button{0%,100%{box-shadow:0 0 0 0 rgba(47,209,197,.44)}50%{box-shadow:0 0 0 10px rgba(47,209,197,0)}}

/* Ajuste da seção Quem Somos para ficar mais fluida. */
.page-template-template-sobre .split{gap:58px;align-items:center;}
.page-template-template-sobre .split-text .entry-content p{font-size:17px;line-height:1.65;margin-bottom:18px;}
.page-template-template-sobre .split-text h2{font-size:clamp(2rem,3.2vw,2.85rem);line-height:1.16;margin-bottom:24px;}

@media(max-width:860px){
  .sector-card{padding-top:138px;}
  .animated-map{padding:22px;}
  .cta-impact::after{opacity:.38;width:70%;}
}


/* ===== CORREÇÃO REAL | IMAGEM 2: NOSSO TRABALHO EM MOVIMENTO ===== */
.showcase-frame-premium{
  aspect-ratio: 16 / 7.8;
  padding:0;
  border-radius:28px;
  background:transparent;
  border:0;
  box-shadow:0 34px 90px -52px rgba(7,26,51,.95), 0 0 0 1px rgba(255,255,255,.04) inset;
}
.showcase-frame-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:3;
  background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.16) 48%,transparent 72%);
  transform:translateX(-130%);
  animation:work-premium-shine 8s ease-in-out infinite;
  pointer-events:none;
  mix-blend-mode:screen;
}
.work-motion-visual{
  position:absolute;
  inset:0;
  overflow:hidden;
  border-radius:inherit;
  background:transparent;
}
.work-motion-visual img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  transform:scale(1.015);
  animation:work-premium-depth 12s ease-in-out infinite;
  filter:saturate(1.04) contrast(1.02);
}
.work-motion-visual::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 22% 42%,rgba(112,205,62,.12),transparent 22%),radial-gradient(circle at 63% 48%,rgba(44,143,201,.14),transparent 24%),linear-gradient(180deg,rgba(255,255,255,.02),rgba(7,26,51,.04));
  pointer-events:none;
}
.work-motion-glow{
  position:absolute;
  width:78px;
  height:78px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.55);
  box-shadow:0 0 22px rgba(47,209,197,.45), inset 0 0 18px rgba(47,209,197,.25);
  opacity:.68;
  animation:work-premium-pulse 3.4s ease-in-out infinite;
  pointer-events:none;
}
.glow-field{left:10%;top:18%;border-color:rgba(112,205,62,.8);box-shadow:0 0 28px rgba(112,205,62,.5), inset 0 0 18px rgba(112,205,62,.25);}
.glow-industry{left:34%;top:16%;animation-delay:.45s;}
.glow-governance{left:62%;top:15%;animation-delay:.9s;}
.glow-result{right:10%;top:17%;border-color:rgba(185,232,55,.9);box-shadow:0 0 28px rgba(185,232,55,.52), inset 0 0 18px rgba(185,232,55,.25);animation-delay:1.35s;}
.work-motion-flow{
  position:absolute;
  height:3px;
  width:20%;
  bottom:18.8%;
  background:linear-gradient(90deg,transparent,var(--teal-400),#2c8fc9,transparent);
  border-radius:999px;
  filter:drop-shadow(0 0 8px rgba(47,209,197,.7));
  animation:work-premium-flow 2.6s linear infinite;
  opacity:.75;
}
.flow-one{left:18%;}
.flow-two{left:51%;animation-delay:1.1s;}
.work-motion-scan{
  position:absolute;
  top:-25%;
  left:0;
  width:100%;
  height:18%;
  background:linear-gradient(180deg,transparent,rgba(47,209,197,.18),transparent);
  transform:skewY(-5deg);
  animation:work-premium-scan 7.5s ease-in-out infinite;
  pointer-events:none;
  mix-blend-mode:screen;
}
.showcase-frame-premium.is-paused *,
.showcase-frame-premium.is-paused::before{animation-play-state:paused!important;}
@keyframes work-premium-depth{0%,100%{transform:scale(1.015) translate3d(0,0,0)}50%{transform:scale(1.045) translate3d(-10px,-4px,0)}}
@keyframes work-premium-pulse{0%,100%{transform:scale(.92);opacity:.42}50%{transform:scale(1.12);opacity:.9}}
@keyframes work-premium-flow{0%{transform:translateX(-36%);opacity:0}20%{opacity:.9}100%{transform:translateX(56%);opacity:0}}
@keyframes work-premium-scan{0%,35%{transform:translateY(-120%) skewY(-5deg)}72%,100%{transform:translateY(840%) skewY(-5deg)}}
@keyframes work-premium-shine{0%,42%{transform:translateX(-130%)}70%,100%{transform:translateX(130%)}}
@media (max-width:760px){
  .showcase-frame-premium{aspect-ratio:4/4.8;}
  .work-motion-visual img{object-position:center top;}
  .work-motion-glow{width:52px;height:52px;}
  .showcase-toggle{bottom:14px;right:14px;}
}

/* ============================================================
   KLEEK FINAL V3 — seção Formas de Atuação corrigida
   Visual premium inspirado no Anexo 3, com animações reais em CSS
   ============================================================ */
.approach-premium{
  position:relative;
  overflow:hidden;
  border-radius:32px;
  padding:58px 54px 42px;
  background:
    radial-gradient(circle at 22% 18%,rgba(47,209,197,.18),transparent 30%),
    radial-gradient(circle at 78% 20%,rgba(44,143,201,.20),transparent 28%),
    linear-gradient(135deg,#061B34 0%,#07345B 48%,#06223F 100%);
  border:1px solid rgba(47,209,197,.22);
  box-shadow:0 34px 90px -56px rgba(0,0,0,.9), inset 0 1px 0 rgba(255,255,255,.08);
  isolation:isolate;
}
.approach-premium::before{
  content:"";
  position:absolute;inset:0;
  background:
    linear-gradient(90deg,transparent 0 32%,rgba(47,209,197,.16) 32.15%,transparent 32.3% 66%,rgba(47,209,197,.16) 66.15%,transparent 66.3%),
    radial-gradient(circle at 50% 42%,rgba(47,209,197,.18),transparent 17%),
    repeating-linear-gradient(90deg,rgba(255,255,255,.018) 0 1px,transparent 1px 118px);
  pointer-events:none;
  opacity:.75;
  z-index:0;
}
.approach-premium::after{
  content:"";
  position:absolute;left:-30%;right:-30%;top:0;height:2px;
  background:linear-gradient(90deg,transparent,var(--teal-400),rgba(44,143,201,.8),transparent);
  filter:drop-shadow(0 0 10px rgba(47,209,197,.85));
  animation:approach-light-sweep 5.8s ease-in-out infinite;
  z-index:1;
}
.approach-columns{
  position:relative;z-index:2;
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:0;
}
.approach-panel{
  position:relative;
  padding:18px 42px 30px;
  min-height:390px;
  text-align:center;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
}
.approach-panel + .approach-panel{border-left:1px solid rgba(47,209,197,.24);}
.approach-icon-ring{
  width:132px;height:132px;border-radius:50%;
  display:grid;place-items:center;
  margin:0 auto 30px;
  color:#fff;
  background:radial-gradient(circle at 50% 50%,rgba(7,26,51,.98),rgba(9,42,75,.92));
  border:2px solid rgba(47,209,197,.72);
  box-shadow:0 0 0 12px rgba(47,209,197,.05),0 0 42px rgba(47,209,197,.32),inset 0 0 25px rgba(47,209,197,.18);
  animation:approach-icon-float 4.8s ease-in-out infinite;
}
.approach-panel:nth-child(2) .approach-icon-ring{animation-delay:.35s;}
.approach-panel:nth-child(3) .approach-icon-ring{animation-delay:.7s;}
.approach-icon-ring::before,
.approach-icon-ring::after{
  content:"";position:absolute;border-radius:50%;pointer-events:none;
}
.approach-icon-ring::before{
  width:168px;height:168px;border:1px solid rgba(47,209,197,.28);
  border-top-color:rgba(255,255,255,.8);
  animation:approach-ring-spin 9s linear infinite;
}
.approach-icon-ring::after{
  width:20px;height:20px;bottom:-34px;left:50%;transform:translateX(-50%) rotate(45deg);
  border-right:2px solid rgba(47,209,197,.7);border-bottom:2px solid rgba(47,209,197,.7);
  filter:drop-shadow(0 0 8px rgba(47,209,197,.8));
}
.approach-icon-ring svg{width:62px;height:62px;fill:none;stroke:currentColor;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 10px rgba(47,209,197,.7));}
.approach-panel .num{
  display:block;margin-bottom:22px;
  font-family:var(--font-display);font-weight:800;
  letter-spacing:.08em;text-transform:uppercase;
  color:var(--teal-400);font-size:.92rem;
}
.approach-panel h3{
  color:#fff;font-size:clamp(1.4rem,2vw,1.9rem);line-height:1.12;margin-bottom:18px;
}
.approach-panel p{
  color:rgba(255,255,255,.78);
  font-size:1.03rem;line-height:1.62;margin:0 auto;
  max-width:330px;
}
.approach-panel::after{
  content:"";position:absolute;left:18%;right:18%;top:190px;height:2px;
  background:linear-gradient(90deg,transparent,var(--teal-400),transparent);
  box-shadow:0 0 12px rgba(47,209,197,.75);
  transform:scaleX(.35);opacity:.8;
  animation:approach-line-pulse 4s ease-in-out infinite;
}
.approach-panel:nth-child(2)::after{animation-delay:.4s;}
.approach-panel:nth-child(3)::after{animation-delay:.8s;}
.approach-focus-bar{
  position:relative;z-index:2;
  display:grid;grid-template-columns:1.1fr 1fr 1fr;
  gap:0;margin-top:38px;
  border:1px solid rgba(47,209,197,.34);
  border-radius:18px;
  background:rgba(5,24,45,.58);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 0 28px rgba(47,209,197,.10);
  overflow:hidden;
}
.approach-focus-bar div{
  color:#fff;font-family:var(--font-display);font-weight:800;text-transform:uppercase;
  letter-spacing:.02em;padding:22px 30px;display:flex;align-items:center;gap:14px;
}
.approach-focus-bar div + div{border-left:1px solid rgba(47,209,197,.24);}
.approach-focus-bar strong{color:var(--teal-400);margin-right:4px;}
.focus-icon{font-size:2rem;color:var(--teal-400);line-height:1;filter:drop-shadow(0 0 8px rgba(47,209,197,.75));animation:approach-icon-pulse 2.6s ease-in-out infinite;}
.approach-orb{position:absolute;border-radius:50%;background:radial-gradient(circle,rgba(47,209,197,.18),transparent 65%);filter:blur(2px);z-index:1;animation:approach-orb 9s ease-in-out infinite;}
.orb-left{width:260px;height:260px;left:-80px;top:80px;}.orb-right{width:320px;height:320px;right:-120px;bottom:-130px;animation-delay:1.4s;}
@keyframes approach-light-sweep{0%,100%{transform:translateX(-45%);opacity:.2}50%{transform:translateX(45%);opacity:1}}
@keyframes approach-icon-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes approach-ring-spin{to{transform:rotate(360deg)}}
@keyframes approach-line-pulse{0%,100%{transform:scaleX(.35);opacity:.55}50%{transform:scaleX(1);opacity:1}}
@keyframes approach-icon-pulse{0%,100%{transform:scale(1);opacity:.78}50%{transform:scale(1.14);opacity:1}}
@keyframes approach-orb{0%,100%{transform:translate(0,0) scale(1);opacity:.55}50%{transform:translate(28px,-18px) scale(1.1);opacity:.85}}
@media (max-width:980px){
  .approach-premium{padding:42px 22px 30px;border-radius:24px;}
  .approach-columns{grid-template-columns:1fr;gap:28px;}
  .approach-panel{min-height:auto;padding:12px 16px 32px;}
  .approach-panel + .approach-panel{border-left:0;border-top:1px solid rgba(47,209,197,.22);padding-top:36px;}
  .approach-focus-bar{grid-template-columns:1fr;}
  .approach-focus-bar div + div{border-left:0;border-top:1px solid rgba(47,209,197,.22);}
}
@media (prefers-reduced-motion: reduce){
  .approach-premium::after,.approach-icon-ring,.approach-icon-ring::before,.approach-panel::after,.focus-icon,.approach-orb{animation:none!important;}
}


/* ============================================================
   KLEEK V4 REAL — FORÇAR ATUALIZAÇÃO DA IMAGEM/SEÇÃO 3
   Como atuamos: layout premium com 3 colunas, ícones animados e barra inferior
   ============================================================ */
body.home .approach-premium, .page-template-template-home .approach-premium{
  position:relative !important; overflow:hidden !important; border-radius:32px !important; padding:64px 56px 46px !important;
  background: radial-gradient(circle at 50% 0%, rgba(47,209,197,.18), transparent 32%),
              radial-gradient(circle at 7% 55%, rgba(44,143,201,.14), transparent 34%),
              linear-gradient(135deg,#061B34 0%,#06335B 50%,#06223F 100%) !important;
  border:1px solid rgba(47,209,197,.26) !important;
  box-shadow:0 38px 100px -58px rgba(0,0,0,.95), inset 0 1px 0 rgba(255,255,255,.09) !important;
}
body.home .approach-premium:before, .page-template-template-home .approach-premium:before{
  content:"" !important; position:absolute !important; inset:0 !important; pointer-events:none !important; opacity:.82 !important;
  background: linear-gradient(90deg, transparent 0 32%, rgba(47,209,197,.18) 32.08%, transparent 32.28% 66%, rgba(47,209,197,.18) 66.08%, transparent 66.28%),
              radial-gradient(circle at 50% 40%, rgba(47,209,197,.20), transparent 18%),
              repeating-linear-gradient(90deg, rgba(255,255,255,.018) 0 1px, transparent 1px 120px) !important;
}
body.home .approach-premium:after, .page-template-template-home .approach-premium:after{
  content:"" !important; position:absolute !important; left:-38%; right:-38%; top:0; height:3px !important;
  background:linear-gradient(90deg,transparent,var(--teal-400),#2C8FC9,transparent) !important;
  filter:drop-shadow(0 0 12px rgba(47,209,197,.9)); animation:approach-v4-sweep 5.4s ease-in-out infinite !important;
}
body.home .approach-columns, .page-template-template-home .approach-columns{display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important; gap:0 !important; position:relative !important; z-index:2 !important;}
body.home .approach-panel, .page-template-template-home .approach-panel{
  background:transparent !important; border:0 !important; box-shadow:none !important; min-height:390px !important; padding:18px 42px 30px !important; text-align:center !important;
  display:flex !important; flex-direction:column !important; align-items:center !important; justify-content:flex-start !important; color:#fff !important;
}
body.home .approach-panel + .approach-panel, .page-template-template-home .approach-panel + .approach-panel{border-left:1px solid rgba(47,209,197,.26) !important;}
body.home .approach-icon-ring, .page-template-template-home .approach-icon-ring{
  position:relative !important; width:134px !important; height:134px !important; margin:0 auto 32px !important; border-radius:999px !important; display:grid !important; place-items:center !important; color:#fff !important;
  background:radial-gradient(circle at center,rgba(7,26,51,.98),rgba(11,42,77,.92)) !important; border:2px solid rgba(47,209,197,.78) !important;
  box-shadow:0 0 0 12px rgba(47,209,197,.055),0 0 48px rgba(47,209,197,.36),inset 0 0 26px rgba(47,209,197,.2) !important;
  animation:approach-v4-float 4.8s ease-in-out infinite !important;
}
body.home .approach-panel:nth-child(2) .approach-icon-ring{animation-delay:.35s !important;}
body.home .approach-panel:nth-child(3) .approach-icon-ring{animation-delay:.7s !important;}
body.home .approach-icon-ring:before{content:"" !important; position:absolute !important; width:170px !important; height:170px !important; border-radius:999px !important; border:1px solid rgba(47,209,197,.30) !important; border-top-color:rgba(255,255,255,.82) !important; animation:approach-v4-spin 9s linear infinite !important;}
body.home .approach-icon-ring:after{content:"" !important; position:absolute !important; width:20px !important; height:20px !important; bottom:-34px !important; left:50% !important; transform:translateX(-50%) rotate(45deg) !important; border-right:2px solid rgba(47,209,197,.76) !important; border-bottom:2px solid rgba(47,209,197,.76) !important; filter:drop-shadow(0 0 9px rgba(47,209,197,.85)) !important;}
body.home .approach-icon-ring svg, .page-template-template-home .approach-icon-ring svg{width:62px !important; height:62px !important; fill:none !important; stroke:currentColor !important; stroke-width:4 !important; stroke-linecap:round !important; stroke-linejoin:round !important; filter:drop-shadow(0 0 11px rgba(47,209,197,.72)) !important;}
body.home .approach-panel .num, .page-template-template-home .approach-panel .num{display:block !important; margin-bottom:22px !important; font-family:var(--font-display) !important; font-weight:800 !important; letter-spacing:.08em !important; text-transform:uppercase !important; color:var(--teal-400) !important; font-size:.92rem !important;}
body.home .approach-panel h3, .page-template-template-home .approach-panel h3{color:#fff !important; font-size:clamp(1.45rem,2vw,1.95rem) !important; line-height:1.12 !important; margin:0 0 18px !important;}
body.home .approach-panel p, .page-template-template-home .approach-panel p{color:rgba(255,255,255,.80) !important; font-size:1.03rem !important; line-height:1.62 !important; margin:0 auto !important; max-width:330px !important;}
body.home .approach-panel:after, .page-template-template-home .approach-panel:after{content:"" !important; position:absolute !important; left:18% !important; right:18% !important; top:192px !important; height:2px !important; background:linear-gradient(90deg,transparent,var(--teal-400),transparent) !important; box-shadow:0 0 13px rgba(47,209,197,.8) !important; transform:scaleX(.35); opacity:.82; animation:approach-v4-line 4s ease-in-out infinite !important;}
body.home .approach-focus-bar, .page-template-template-home .approach-focus-bar{position:relative !important; z-index:2 !important; display:grid !important; grid-template-columns:1.1fr 1fr 1fr !important; margin-top:40px !important; border:1px solid rgba(47,209,197,.36) !important; border-radius:18px !important; background:rgba(5,24,45,.62) !important; overflow:hidden !important;}
body.home .approach-focus-bar div, .page-template-template-home .approach-focus-bar div{color:#fff !important; font-family:var(--font-display) !important; font-weight:800 !important; text-transform:uppercase !important; padding:22px 30px !important; display:flex !important; align-items:center !important; gap:14px !important;}
body.home .approach-focus-bar div + div{border-left:1px solid rgba(47,209,197,.24) !important;}
@keyframes approach-v4-sweep{0%,100%{transform:translateX(-45%);opacity:.25}50%{transform:translateX(45%);opacity:1}}
@keyframes approach-v4-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes approach-v4-spin{to{transform:rotate(360deg)}}
@keyframes approach-v4-line{0%,100%{transform:scaleX(.35);opacity:.55}50%{transform:scaleX(1);opacity:1}}
@media(max-width:980px){body.home .approach-columns,.page-template-template-home .approach-columns{grid-template-columns:1fr !important;} body.home .approach-panel + .approach-panel,.page-template-template-home .approach-panel + .approach-panel{border-left:0 !important;border-top:1px solid rgba(47,209,197,.24) !important;} body.home .approach-focus-bar,.page-template-template-home .approach-focus-bar{grid-template-columns:1fr !important;} body.home .approach-focus-bar div + div{border-left:0 !important;border-top:1px solid rgba(47,209,197,.24) !important;}}

/* Correção Imagem 4: Setores de atuação com visual premium animado */
.section-setores-premium{
  background: linear-gradient(180deg,#f4f9fd 0%,#eef5fb 100%);
  overflow:hidden;
}
.setores-premium-visual{
  position:relative;
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 28px 90px rgba(7,26,51,.16);
  isolation:isolate;
  transform:translateZ(0);
}
.setores-premium-visual img{
  display:block;
  width:100%;
  height:auto;
  transform:scale(1.01);
  animation:setoresImageFloat 10s ease-in-out infinite;
}
.setores-premium-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 18% 20%, rgba(47,209,197,.20), transparent 22%), radial-gradient(circle at 74% 14%, rgba(44,143,201,.16), transparent 24%);
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:2;
  animation:setoresGlow 6s ease-in-out infinite alternate;
}
.setores-light{
  position:absolute;
  width:9px;
  height:9px;
  border-radius:50%;
  background:#2fd1c5;
  box-shadow:0 0 18px rgba(47,209,197,.95),0 0 36px rgba(47,209,197,.45);
  z-index:3;
  pointer-events:none;
}
.setores-light-one{left:13%;top:21%;animation:setoresDotMoveOne 8s ease-in-out infinite;}
.setores-light-two{left:78%;top:23%;animation:setoresDotMoveTwo 9s ease-in-out infinite;}
.setores-scan{
  position:absolute;
  inset:-20% auto -20% -35%;
  width:26%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.34),transparent);
  transform:skewX(-18deg);
  z-index:4;
  pointer-events:none;
  animation:setoresScan 7s ease-in-out infinite;
}
.setores-hotspot{
  position:absolute;
  bottom:8%;
  height:9%;
  z-index:5;
  border-radius:999px;
}
.hotspot-agricola{left:10%;width:20%;}
.hotspot-industria{left:39%;width:20%;}
.hotspot-gestao{left:68%;width:22%;}
@keyframes setoresImageFloat{0%,100%{transform:scale(1.01) translateY(0)}50%{transform:scale(1.025) translateY(-6px)}}
@keyframes setoresGlow{0%{opacity:.55}100%{opacity:1}}
@keyframes setoresDotMoveOne{0%,100%{transform:translate(0,0);opacity:.7}50%{transform:translate(24px,14px);opacity:1}}
@keyframes setoresDotMoveTwo{0%,100%{transform:translate(0,0);opacity:.7}50%{transform:translate(-20px,18px);opacity:1}}
@keyframes setoresScan{0%,18%{left:-35%;opacity:0}35%,55%{opacity:.65}78%,100%{left:120%;opacity:0}}
@media (max-width: 760px){
  .setores-premium-visual{border-radius:22px;}
  .setores-hotspot{display:none;}
}

/* ===== CORREÇÃO REAL | IMAGEM 5: PROJETOS COM ATUAÇÃO DA KLEEK ===== */
.projects-map-premium{
  display:block!important;
  position:relative!important;
  padding:0!important;
  border-radius:30px!important;
  overflow:hidden!important;
  background:#071A33!important;
  border:1px solid rgba(47,209,197,.20)!important;
  box-shadow:0 34px 100px -58px rgba(7,26,51,.92), inset 0 1px 0 rgba(255,255,255,.08)!important;
  isolation:isolate;
}
.projects-map-premium img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  transform:scale(1.01);
  animation:projectsMapDepth 12s ease-in-out infinite;
  filter:saturate(1.05) contrast(1.02);
}
.projects-map-premium::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    radial-gradient(circle at 36% 56%,rgba(155,72,205,.22),transparent 10%),
    radial-gradient(circle at 56% 60%,rgba(155,72,205,.22),transparent 10%),
    radial-gradient(circle at 72% 58%,rgba(47,209,197,.12),transparent 12%),
    linear-gradient(180deg,rgba(7,26,51,.02),rgba(7,26,51,.10));
  mix-blend-mode:screen;
  animation:projectsMapGlow 5.5s ease-in-out infinite alternate;
}
.projects-map-premium::after{
  content:"";
  position:absolute;
  inset:-45%;
  z-index:3;
  pointer-events:none;
  background:conic-gradient(from 25deg,transparent 0 72%,rgba(47,209,197,.16),transparent 86% 100%);
  animation:projectsMapRadar 14s linear infinite;
  mix-blend-mode:screen;
}
.projects-map-light{
  position:absolute;
  z-index:4;
  width:14px;
  height:14px;
  border-radius:999px;
  background:#b847ff;
  box-shadow:0 0 0 0 rgba(184,71,255,.62),0 0 22px rgba(184,71,255,.95),0 0 44px rgba(47,209,197,.35);
  animation:projectsMapPulse 2.5s ease-in-out infinite;
  pointer-events:none;
}
.light-peru{left:22.6%;top:39.2%;animation-delay:.2s;}
.light-brasil{left:33.5%;top:55.8%;animation-delay:.55s;}
.light-argentina{left:37.7%;top:63.8%;animation-delay:.9s;}
.light-africa{left:55.2%;top:62.1%;animation-delay:1.25s;}
.projects-map-scan{
  position:absolute;
  z-index:5;
  top:0;
  bottom:0;
  left:-28%;
  width:20%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);
  transform:skewX(-18deg);
  pointer-events:none;
  animation:projectsMapScan 7.8s ease-in-out infinite;
  mix-blend-mode:screen;
}
@keyframes projectsMapDepth{0%,100%{transform:scale(1.01) translate3d(0,0,0)}50%{transform:scale(1.035) translate3d(-8px,-4px,0)}}
@keyframes projectsMapGlow{0%{opacity:.46}100%{opacity:.95}}
@keyframes projectsMapRadar{to{transform:rotate(360deg)}}
@keyframes projectsMapPulse{0%,100%{transform:scale(.85);opacity:.65;box-shadow:0 0 0 0 rgba(184,71,255,.55),0 0 20px rgba(184,71,255,.95)}50%{transform:scale(1.28);opacity:1;box-shadow:0 0 0 15px rgba(184,71,255,0),0 0 34px rgba(184,71,255,1)}}
@keyframes projectsMapScan{0%,22%{left:-30%;opacity:0}38%,58%{opacity:.8}82%,100%{left:116%;opacity:0}}
@media(max-width:760px){.projects-map-premium{border-radius:22px!important}.projects-map-light{width:10px;height:10px}.projects-map-premium img{min-height:460px;object-fit:contain;object-position:center}}

/* V8 | Movimento contínuo dos pontos do mapa */
.projects-map-light{will-change:transform;}
.light-peru{animation:projectsMapMovePeru 7s ease-in-out infinite!important;}
.light-brasil{animation:projectsMapMoveBrasil 8.5s ease-in-out infinite!important;}
.light-argentina{animation:projectsMapMoveArgentina 7.8s ease-in-out infinite!important;}
.light-africa{animation:projectsMapMoveAfrica 9s ease-in-out infinite!important;}
@keyframes projectsMapMovePeru{0%,100%{transform:translate(0,0) scale(.85);opacity:.7}35%{transform:translate(14px,-9px) scale(1.25);opacity:1}70%{transform:translate(-8px,12px) scale(1);opacity:.9}}
@keyframes projectsMapMoveBrasil{0%,100%{transform:translate(0,0) scale(.85);opacity:.7}30%{transform:translate(-15px,8px) scale(1.2);opacity:1}68%{transform:translate(12px,-11px) scale(1.05);opacity:.9}}
@keyframes projectsMapMoveArgentina{0%,100%{transform:translate(0,0) scale(.85);opacity:.7}40%{transform:translate(10px,14px) scale(1.25);opacity:1}75%{transform:translate(-12px,-7px) scale(1);opacity:.9}}
@keyframes projectsMapMoveAfrica{0%,100%{transform:translate(0,0) scale(.85);opacity:.7}33%{transform:translate(-13px,-12px) scale(1.22);opacity:1}72%{transform:translate(15px,9px) scale(1.02);opacity:.9}}

/* V9 | Imagem 5 com tracejado em movimento e balões K animados */
.projects-map-traces{
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  height:100%;
  pointer-events:none;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 8px rgba(47,209,197,.55));
}
.projects-map-traces .trace{
  fill:none;
  stroke:rgba(47,209,197,.88);
  stroke-width:2.4;
  stroke-linecap:round;
  stroke-dasharray:10 14;
  stroke-dashoffset:0;
  opacity:.82;
  animation:projectsTraceDash 2.2s linear infinite, projectsTraceGlow 4.8s ease-in-out infinite;
}
.projects-map-traces .trace-two{animation-delay:.35s;stroke:rgba(184,71,255,.82)}
.projects-map-traces .trace-three{animation-delay:.7s;stroke:rgba(47,209,197,.78)}
.projects-map-traces .trace-four{animation-delay:1.05s;stroke:rgba(184,71,255,.76)}
.projects-map-traces .trace::selection{background:transparent;}
.projects-k-balloon{
  position:absolute;
  z-index:6;
  width:34px;
  height:34px;
  border-radius:50% 50% 50% 8px;
  display:flex;
  align-items:center;
  justify-content:center;
  font-weight:900;
  font-size:15px;
  line-height:1;
  color:#ffffff;
  background:linear-gradient(135deg,#2fd1c5 0%,#2c8fc9 45%,#b847ff 100%);
  border:1px solid rgba(255,255,255,.42);
  box-shadow:0 0 0 0 rgba(47,209,197,.45),0 12px 28px rgba(7,26,51,.28),0 0 28px rgba(47,209,197,.55);
  transform:translate(-50%,-115%) rotate(-45deg);
  pointer-events:none;
  animation:projectsBalloonFloat 4.2s ease-in-out infinite, projectsBalloonPulse 2.4s ease-in-out infinite;
}
.projects-k-balloon::before{
  content:"";
  position:absolute;
  inset:-8px;
  border-radius:inherit;
  border:1px solid rgba(47,209,197,.28);
  opacity:.65;
  animation:projectsBalloonHalo 2.4s ease-in-out infinite;
}
.projects-k-balloon::after{
  content:"";
  position:absolute;
  inset:5px 8px auto auto;
  width:9px;
  height:9px;
  border-radius:50%;
  background:rgba(255,255,255,.58);
  filter:blur(.2px);
}
.projects-k-balloon{font-family:Arial, Helvetica, sans-serif;}
.balloon-peru{left:22.6%;top:39.2%;animation-delay:.1s,.1s;}
.balloon-brasil{left:33.5%;top:55.8%;animation-delay:.55s,.55s;}
.balloon-argentina{left:37.7%;top:63.8%;animation-delay:.95s,.95s;}
.balloon-africa{left:55.2%;top:62.1%;animation-delay:1.35s,1.35s;}
.balloon-peru::first-letter,.balloon-brasil::first-letter,.balloon-argentina::first-letter,.balloon-africa::first-letter{transform:rotate(45deg)}
.projects-k-balloon{ text-shadow:0 1px 5px rgba(7,26,51,.35); }
.projects-k-balloon > *{transform:rotate(45deg)}
.projects-k-balloon{padding-bottom:1px;}
.projects-k-balloon{--r:-45deg;}
.projects-k-balloon{transform:translate(-50%,-115%) rotate(var(--r));}
.projects-k-balloon{color:transparent;}
.projects-k-balloon::marker{display:none;}
.projects-k-balloon:after{content:"K"; color:#fff; position:static; width:auto; height:auto; background:transparent; filter:none; transform:rotate(45deg); font-weight:900; font-size:15px;}
@keyframes projectsTraceDash{to{stroke-dashoffset:-48}}
@keyframes projectsTraceGlow{0%,100%{opacity:.35;stroke-width:1.6}45%{opacity:1;stroke-width:3.2}70%{opacity:.72;stroke-width:2.4}}
@keyframes projectsBalloonFloat{0%,100%{margin-top:0;margin-left:0}25%{margin-top:-9px;margin-left:5px}50%{margin-top:-3px;margin-left:-6px}75%{margin-top:-12px;margin-left:2px}}
@keyframes projectsBalloonPulse{0%,100%{box-shadow:0 0 0 0 rgba(47,209,197,.42),0 12px 28px rgba(7,26,51,.28),0 0 24px rgba(47,209,197,.50)}50%{box-shadow:0 0 0 13px rgba(47,209,197,0),0 18px 36px rgba(7,26,51,.34),0 0 42px rgba(184,71,255,.74)}}
@keyframes projectsBalloonHalo{0%,100%{transform:scale(.82);opacity:.28}50%{transform:scale(1.18);opacity:.82}}
@media(max-width:760px){
  .projects-k-balloon{width:26px;height:26px;font-size:12px;}
  .projects-k-balloon:after{font-size:12px;}
  .projects-map-traces .trace{stroke-width:1.7;stroke-dasharray:7 10;}
}

/* V10 | Imagem 5: animação alinhada ao Anexo 5, sem deslocar os elementos originais */
.projects-map-premium{
  position:relative!important;
  overflow:hidden!important;
}
.projects-map-premium img{
  display:block!important;
  width:100%!important;
  height:auto!important;
}
.projects-map-traces{
  position:absolute!important;
  inset:0!important;
  z-index:5!important;
  width:100%!important;
  height:100%!important;
  pointer-events:none!important;
  mix-blend-mode:screen;
  filter:drop-shadow(0 0 5px rgba(193,108,255,.72));
}
.projects-map-traces .trace{
  fill:none!important;
  stroke:#c06dff!important;
  stroke-width:4!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
  stroke-dasharray:7 10!important;
  stroke-dashoffset:0;
  opacity:.95!important;
  animation:kleekTraceAligned 1.15s linear infinite, kleekTraceBreath 2.8s ease-in-out infinite!important;
}
.projects-map-traces .trace-brasil,
.projects-map-traces .trace-uruguai,
.projects-map-traces .trace-congo,
.projects-map-traces .trace-angola{animation-delay:.18s, .18s!important;}
.projects-k-halo{
  position:absolute!important;
  z-index:6!important;
  width:52px!important;
  height:52px!important;
  margin-left:-26px!important;
  margin-top:-26px!important;
  border-radius:50%!important;
  pointer-events:none!important;
  border:2px solid rgba(230,190,255,.72)!important;
  box-shadow:0 0 18px rgba(193,108,255,.82), 0 0 35px rgba(47,209,197,.28)!important;
  background:radial-gradient(circle, rgba(255,255,255,.12) 0 32%, rgba(193,108,255,.10) 34%, transparent 70%)!important;
  animation:kleekKBalloonHalo 2.1s ease-in-out infinite!important;
}
.projects-k-halo::before{
  content:"";
  position:absolute;
  inset:-10px;
  border-radius:50%;
  border:1px solid rgba(193,108,255,.44);
  opacity:.85;
  animation:kleekKBalloonPulse 2.1s ease-out infinite;
}
.projects-k-halo::after{
  content:"";
  position:absolute;
  left:7px;
  top:7px;
  width:10px;
  height:10px;
  border-radius:50%;
  background:rgba(255,255,255,.75);
  filter:blur(.4px);
  animation:kleekKBalloonSpark 2.4s ease-in-out infinite;
}
.halo-peru{left:21.7%!important;top:43.9%!important;animation-delay:.05s!important;}
.halo-brasil{left:32.9%!important;top:58.4%!important;animation-delay:.35s!important;}
.halo-uruguai{left:37.2%!important;top:66.3%!important;animation-delay:.7s!important;}
.halo-congo{left:54.9%!important;top:55.0%!important;animation-delay:1.0s!important;}
.halo-angola{left:54.0%!important;top:64.3%!important;animation-delay:1.3s!important;}
@keyframes kleekTraceAligned{to{stroke-dashoffset:-34}}
@keyframes kleekTraceBreath{0%,100%{opacity:.52}50%{opacity:1}}
@keyframes kleekKBalloonHalo{0%,100%{transform:translate3d(0,0,0) scale(.96);opacity:.70}50%{transform:translate3d(0,-4px,0) scale(1.08);opacity:1}}
@keyframes kleekKBalloonPulse{0%{transform:scale(.70);opacity:.82}100%{transform:scale(1.55);opacity:0}}
@keyframes kleekKBalloonSpark{0%,100%{opacity:.35;transform:translate(0,0) scale(.7)}50%{opacity:1;transform:translate(4px,-3px) scale(1)}}
@media(max-width:760px){
  .projects-k-halo{width:34px!important;height:34px!important;margin-left:-17px!important;margin-top:-17px!important;}
  .projects-map-traces .trace{stroke-width:2.4!important;stroke-dasharray:5 8!important;}
}

/* ===== KLEEK FINAL V13 | Correção da imagem 2: animação + legibilidade dos botões ===== */
.showcase-frame-premium{
  background:transparent!important;
  overflow:hidden;
}
.showcase-badge{
  color:#0B2A4D!important;
  background:rgba(255,255,255,.76)!important;
  border:1px solid rgba(11,42,77,.12)!important;
  box-shadow:0 12px 30px rgba(7,26,51,.10)!important;
  text-shadow:none!important;
  backdrop-filter:blur(10px);
}
.showcase-toggle{
  color:#0B2A4D!important;
  background:rgba(255,255,255,.82)!important;
  border:1px solid rgba(11,42,77,.14)!important;
  box-shadow:0 16px 40px rgba(7,26,51,.12)!important;
  text-shadow:none!important;
  backdrop-filter:blur(10px);
}
.showcase-toggle:hover{
  background:rgba(47,209,197,.22)!important;
  color:#071A33!important;
}
.work-motion-visual img{
  animation:work-v13-image-breathe 10s ease-in-out infinite!important;
  transform-origin:center center;
  filter:saturate(1.08) contrast(1.04) drop-shadow(0 18px 32px rgba(7,26,51,.10));
}
.work-motion-visual::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:
    radial-gradient(circle at 17% 36%,rgba(112,205,62,.28) 0 2.5%,transparent 8%),
    radial-gradient(circle at 38% 34%,rgba(44,143,201,.23) 0 2.2%,transparent 7.5%),
    radial-gradient(circle at 62% 35%,rgba(44,143,201,.22) 0 2.2%,transparent 7.5%),
    radial-gradient(circle at 84% 35%,rgba(112,205,62,.27) 0 2.5%,transparent 8%);
  animation:work-v13-orb-pulse 2.6s ease-in-out infinite;
  mix-blend-mode:multiply;
}
.work-motion-visual::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:2;
  background:
    linear-gradient(90deg,transparent 21%,rgba(47,209,197,.0) 23%,rgba(47,209,197,.70) 26%,rgba(44,143,201,.70) 30%,transparent 34%),
    linear-gradient(90deg,transparent 41%,rgba(44,143,201,.0) 43%,rgba(44,143,201,.75) 47%,rgba(47,209,197,.75) 51%,transparent 55%),
    linear-gradient(90deg,transparent 63%,rgba(47,209,197,.0) 65%,rgba(47,209,197,.75) 69%,rgba(112,205,62,.72) 73%,transparent 77%);
  background-size:180% 100%,180% 100%,180% 100%;
  background-position:-80% 0,-105% 0,-130% 0;
  opacity:.72;
  clip-path:polygon(0 33%,100% 33%,100% 55%,0 55%);
  animation:work-v13-trace-flow 2.2s linear infinite;
  mix-blend-mode:screen;
}
.work-motion-glow{
  z-index:3;
  width:92px;
  height:92px;
  opacity:.78;
  background:radial-gradient(circle,rgba(255,255,255,.22),rgba(47,209,197,.11) 38%,transparent 72%);
  animation:work-v13-node-float 3.2s ease-in-out infinite, work-v13-node-glow 1.9s ease-in-out infinite!important;
}
.glow-field{left:12.4%!important;top:24%!important;}
.glow-industry{left:35%!important;top:23%!important;}
.glow-governance{left:61%!important;top:23%!important;}
.glow-result{right:10.8%!important;top:24%!important;}
.work-motion-flow{
  z-index:4;
  top:43.5%!important;
  bottom:auto!important;
  height:5px!important;
  width:14%!important;
  border-radius:999px;
  opacity:.95!important;
  background:linear-gradient(90deg,transparent,rgba(47,209,197,.95),rgba(44,143,201,.95),transparent)!important;
  animation:work-v13-arrow-flow 1.55s linear infinite!important;
  mix-blend-mode:multiply;
}
.flow-one{left:24%!important;}
.flow-two{left:47%!important;animation-delay:.45s!important;}
.work-motion-scan{
  z-index:3;
  opacity:.55;
  animation:work-v13-scan 6s ease-in-out infinite!important;
}
.showcase-frame-premium.is-paused .work-motion-visual img,
.showcase-frame-premium.is-paused .work-motion-visual::before,
.showcase-frame-premium.is-paused .work-motion-visual::after,
.showcase-frame-premium.is-paused .work-motion-glow,
.showcase-frame-premium.is-paused .work-motion-flow,
.showcase-frame-premium.is-paused .work-motion-scan,
.showcase-frame-premium.is-paused::before{
  animation-play-state:paused!important;
}
@keyframes work-v13-image-breathe{
  0%,100%{transform:scale(1.012) translate3d(0,0,0)}
  50%{transform:scale(1.035) translate3d(-5px,-3px,0)}
}
@keyframes work-v13-orb-pulse{
  0%,100%{opacity:.45;filter:blur(.5px)}
  50%{opacity:1;filter:blur(0)}
}
@keyframes work-v13-trace-flow{
  to{background-position:105% 0,82% 0,60% 0;}
}
@keyframes work-v13-node-float{
  0%,100%{transform:translateY(0) scale(.96)}
  50%{transform:translateY(-10px) scale(1.08)}
}
@keyframes work-v13-node-glow{
  0%,100%{box-shadow:0 0 18px rgba(47,209,197,.30), inset 0 0 16px rgba(47,209,197,.18)}
  50%{box-shadow:0 0 42px rgba(47,209,197,.58), inset 0 0 24px rgba(47,209,197,.32)}
}
@keyframes work-v13-arrow-flow{
  0%{transform:translateX(-30%) scaleX(.72);opacity:0}
  25%{opacity:.95}
  100%{transform:translateX(55%) scaleX(1);opacity:0}
}
@keyframes work-v13-scan{
  0%,35%{transform:translateY(-140%) skewY(-4deg)}
  72%,100%{transform:translateY(860%) skewY(-4deg)}
}
@media(max-width:760px){
  .showcase-badge{font-size:.74rem;top:14px;left:14px;}
  .showcase-toggle{font-size:.76rem;}
  .work-motion-glow{width:58px;height:58px;}
}

/* ============================================================
   KLEEK V14 — Correções imagem 3 / Como atuamos
   Remove faixa inferior, retira numeração dos títulos e melhora ícones/animação
   ============================================================ */
body.home .approach-focus-bar,
.page-template-template-home .approach-focus-bar{
  display:none !important;
}
body.home .approach-premium,
.page-template-template-home .approach-premium{
  padding-bottom:64px !important;
}
body.home .approach-panel .num,
.page-template-template-home .approach-panel .num{
  color:var(--teal-400) !important;
  font-size:1rem !important;
  letter-spacing:.12em !important;
  margin-bottom:20px !important;
}
body.home .approach-panel .num::before,
.page-template-template-home .approach-panel .num::before{
  content:none !important;
}
body.home .approach-icon-ring,
.page-template-template-home .approach-icon-ring{
  width:148px !important;
  height:148px !important;
  margin-bottom:34px !important;
  background:
    radial-gradient(circle at 50% 50%, rgba(6,22,43,.98) 0%, rgba(8,38,69,.95) 52%, rgba(47,209,197,.10) 100%) !important;
  border:2px solid rgba(47,209,197,.88) !important;
  box-shadow:
    0 0 0 12px rgba(47,209,197,.055),
    0 0 46px rgba(47,209,197,.42),
    inset 0 0 36px rgba(47,209,197,.24) !important;
  animation:kleek-v14-icon-float 4.6s ease-in-out infinite, kleek-v14-icon-glow 2.8s ease-in-out infinite !important;
}
body.home .approach-icon-ring:before,
.page-template-template-home .approach-icon-ring:before{
  width:190px !important;
  height:190px !important;
  border:1px solid rgba(47,209,197,.34) !important;
  border-top-color:rgba(255,255,255,.9) !important;
  border-right-color:rgba(47,209,197,.78) !important;
  animation:kleek-v14-ring-spin 7.5s linear infinite !important;
}
body.home .approach-icon-ring:after,
.page-template-template-home .approach-icon-ring:after{
  width:24px !important;
  height:24px !important;
  bottom:-40px !important;
  border-right:2px solid rgba(47,209,197,.92) !important;
  border-bottom:2px solid rgba(47,209,197,.92) !important;
  animation:kleek-v14-chevron 2.2s ease-in-out infinite !important;
}
body.home .approach-icon-ring svg,
.page-template-template-home .approach-icon-ring svg{
  width:68px !important;
  height:68px !important;
  stroke:#fff !important;
  stroke-width:3.6 !important;
  filter:drop-shadow(0 0 13px rgba(47,209,197,.86)) !important;
  animation:kleek-v14-svg-pulse 2.9s ease-in-out infinite !important;
}
body.home .approach-icon-ring svg path,
.page-template-template-home .approach-icon-ring svg path{
  vector-effect:non-scaling-stroke;
}
body.home .approach-panel:after,
.page-template-template-home .approach-panel:after{
  top:208px !important;
  height:3px !important;
  background:linear-gradient(90deg, transparent, rgba(47,209,197,.95), rgba(44,143,201,.85), transparent) !important;
  animation:kleek-v14-line-flow 3.6s ease-in-out infinite !important;
}
body.home .approach-panel,
.page-template-template-home .approach-panel{
  min-height:360px !important;
}
@keyframes kleek-v14-icon-float{
  0%,100%{transform:translateY(0) scale(1)}
  50%{transform:translateY(-12px) scale(1.025)}
}
@keyframes kleek-v14-icon-glow{
  0%,100%{box-shadow:0 0 0 12px rgba(47,209,197,.055),0 0 42px rgba(47,209,197,.35),inset 0 0 32px rgba(47,209,197,.20)}
  50%{box-shadow:0 0 0 18px rgba(47,209,197,.075),0 0 70px rgba(47,209,197,.60),inset 0 0 46px rgba(47,209,197,.32)}
}
@keyframes kleek-v14-ring-spin{to{transform:rotate(360deg)}}
@keyframes kleek-v14-chevron{
  0%,100%{transform:translateX(-50%) translateY(0) rotate(45deg);opacity:.72}
  50%{transform:translateX(-50%) translateY(9px) rotate(45deg);opacity:1}
}
@keyframes kleek-v14-svg-pulse{
  0%,100%{transform:scale(1);opacity:.92}
  50%{transform:scale(1.08);opacity:1}
}
@keyframes kleek-v14-line-flow{
  0%,100%{transform:scaleX(.28);opacity:.42}
  50%{transform:scaleX(1);opacity:1}
}
@media(max-width:980px){
  body.home .approach-premium,
  .page-template-template-home .approach-premium{padding-bottom:44px !important;}
  body.home .approach-panel,
  .page-template-template-home .approach-panel{min-height:auto !important;}
}

/* Ajuste imagem institucional Quem Somos: endereços, constituição e time */
.about-info-image-section{padding:70px 0;background:#fff!important;}
.about-info-image{max-width:1440px;margin:0 auto;}
.about-info-image img{display:block;width:100%;height:auto;border-radius:28px;box-shadow:0 28px 80px rgba(4,31,62,.08);}
@media (max-width: 768px){.about-info-image-section{padding:42px 0}.about-info-image img{border-radius:18px;}}

/* ============================================================
   KLEEK V17 | Quem Somos: novo K animado e imagem Nosso Time
   ============================================================ */
.page-template-template-sobre .about-k-image-frame{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  background:linear-gradient(135deg,#f8fbff,#eaf3fb);
  border:1px solid rgba(11,42,77,.08);
  box-shadow:0 30px 85px -48px rgba(4,31,62,.45);
  isolation:isolate;
}
.page-template-template-sobre .about-k-image-frame::before{
  content:"";
  position:absolute;
  inset:-20%;
  background:conic-gradient(from 40deg, transparent 0 18%, rgba(47,209,197,.18) 24%, transparent 34%, rgba(44,143,201,.16) 54%, transparent 66%);
  animation:about-k-light-spin 18s linear infinite;
  z-index:0;
}
.page-template-template-sobre .about-k-image{
  position:relative;
  display:block;
  width:100%;
  height:auto;
  z-index:1;
  transform-origin:center;
  animation:about-k-image-float 7s ease-in-out infinite;
  filter:drop-shadow(0 24px 30px rgba(4,31,62,.16));
}
.page-template-template-sobre .about-k-orbit{
  position:absolute;
  left:50%;
  top:50%;
  width:62%;
  aspect-ratio:1;
  border-radius:50%;
  border:1px solid rgba(47,209,197,.42);
  z-index:2;
  pointer-events:none;
  transform:translate(-50%,-50%);
  box-shadow:0 0 28px rgba(47,209,197,.08);
}
.page-template-template-sobre .about-k-orbit.orbit-one{animation:about-k-orbit 15s linear infinite;}
.page-template-template-sobre .about-k-orbit.orbit-two{width:74%;border-color:rgba(44,143,201,.28);animation:about-k-orbit-reverse 20s linear infinite;}
.page-template-template-sobre .about-k-glow{
  position:absolute;
  width:11px;
  height:11px;
  border-radius:50%;
  background:#2FD1C5;
  box-shadow:0 0 18px rgba(47,209,197,.95);
  z-index:3;
  animation:about-k-dot-pulse 2.6s ease-in-out infinite;
}
.page-template-template-sobre .about-k-glow.dot-one{left:20%;top:28%;}
.page-template-template-sobre .about-k-glow.dot-two{right:18%;top:39%;animation-delay:.55s;}
.page-template-template-sobre .about-k-glow.dot-three{left:52%;bottom:17%;animation-delay:1.1s;}
.page-template-template-sobre .about-k-scan{
  position:absolute;
  left:-30%;
  top:0;
  width:28%;
  height:100%;
  background:linear-gradient(90deg, transparent, rgba(255,255,255,.42), transparent);
  transform:skewX(-18deg);
  z-index:4;
  mix-blend-mode:screen;
  animation:about-k-scan 5.8s ease-in-out infinite;
  pointer-events:none;
}
@keyframes about-k-light-spin{to{transform:rotate(360deg)}}
@keyframes about-k-image-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-8px) scale(1.012)}}
@keyframes about-k-orbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes about-k-orbit-reverse{to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes about-k-dot-pulse{0%,100%{opacity:.55;transform:scale(.8)}50%{opacity:1;transform:scale(1.45)}}
@keyframes about-k-scan{0%,58%{left:-35%;opacity:0}68%{opacity:.75}100%{left:112%;opacity:0}}

.page-template-template-sobre .about-team-only-section{
  padding:78px 0;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
}
.page-template-template-sobre .about-info-image{
  max-width:1500px;
  margin:0 auto;
  position:relative;
}
.page-template-template-sobre .about-info-image::before{
  content:"";
  position:absolute;
  inset:12% 4% -5%;
  border-radius:42px;
  background:radial-gradient(circle at 70% 30%,rgba(44,143,201,.14),transparent 35%);
  filter:blur(22px);
  z-index:0;
}
.page-template-template-sobre .about-info-image img{
  position:relative;
  z-index:1;
  display:block;
  width:100%;
  height:auto;
  border-radius:34px;
  box-shadow:0 32px 80px rgba(4,31,62,.10);
}
@media (max-width: 768px){
  .page-template-template-sobre .about-team-only-section{padding:44px 0;}
  .page-template-template-sobre .about-info-image img{border-radius:20px;}
  .page-template-template-sobre .about-k-orbit,.page-template-template-sobre .about-k-glow,.page-template-template-sobre .about-k-scan{display:none;}
}
@media (prefers-reduced-motion: reduce){
  .page-template-template-sobre .about-k-image-frame::before,
  .page-template-template-sobre .about-k-image,
  .page-template-template-sobre .about-k-orbit,
  .page-template-template-sobre .about-k-glow,
  .page-template-template-sobre .about-k-scan{animation:none!important;}
}

/* KLEEK V22 | Quem Somos: exibir imagem K completa, sem recorte */
.page-template-template-sobre .split-media .about-k-image-frame{
  aspect-ratio:auto !important;
  overflow:hidden;
}
.page-template-template-sobre .about-k-image{
  width:100% !important;
  height:auto !important;
  object-fit:contain !important;
  object-position:center center !important;
}

/* KLEEK V23 | Página Soluções: grid premium inspirado nos anexos */
.page-template-template-solucoes .solutions-premium-section{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 10% 18%, rgba(47,209,197,.24), transparent 30%),
    radial-gradient(circle at 92% 12%, rgba(44,143,201,.26), transparent 34%),
    linear-gradient(135deg,#06182f 0%,#073b67 48%,#04182f 100%);
  color:#fff;
  padding-top:84px;
  padding-bottom:96px;
}
.page-template-template-solucoes .solutions-premium-section::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg, rgba(47,209,197,.12) 1px, transparent 1px),
    linear-gradient(rgba(47,209,197,.10) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:.18;
  animation:kleekSolutionsGrid 22s linear infinite;
  pointer-events:none;
}
.page-template-template-solucoes .solutions-premium-section::after{
  content:"";
  position:absolute;
  inset:auto -8% -26% -8%;
  height:42%;
  background:radial-gradient(ellipse at center, rgba(47,209,197,.18), transparent 65%);
  filter:blur(10px);
  pointer-events:none;
}
.page-template-template-solucoes .solutions-premium-section canvas[data-plexus]{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.42;
}
.page-template-template-solucoes .solutions-premium-section .wrap{
  position:relative;
  z-index:2;
}
.page-template-template-solucoes .solutions-premium-head{
  max-width:1080px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:46px;
}
.page-template-template-solucoes .solutions-premium-head h2{
  color:#fff;
  text-transform:uppercase;
  letter-spacing:.035em;
  font-size:clamp(2.2rem,4.6vw,4.4rem);
  line-height:1.02;
}
.page-template-template-solucoes .solutions-premium-head h2 span{
  color:#31d6d0;
  text-shadow:0 0 28px rgba(47,209,197,.44);
}
.page-template-template-solucoes .solutions-premium-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.page-template-template-solucoes .solution-premium-card{
  position:relative;
  min-height:320px;
  padding:30px 24px 28px;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(12,83,132,.74), rgba(5,42,79,.82));
  border:1px solid rgba(49,214,208,.34);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.04),
    0 18px 55px rgba(1,15,35,.28);
  overflow:hidden;
  text-align:center;
  isolation:isolate;
  transition:transform .35s ease, border-color .35s ease, box-shadow .35s ease;
}
.page-template-template-solucoes .solution-premium-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  background:
    radial-gradient(circle at 50% 0%, rgba(47,209,197,.20), transparent 42%),
    linear-gradient(130deg, transparent 0 42%, rgba(255,255,255,.10) 50%, transparent 58% 100%);
  transform:translateX(-35%);
  opacity:.7;
  transition:transform .55s ease;
  z-index:-1;
}
.page-template-template-solucoes .solution-premium-card::after{
  content:"";
  position:absolute;
  inset:auto 18px 14px 18px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(49,214,208,.74), transparent);
  opacity:.55;
}
.page-template-template-solucoes .solution-premium-card:hover{
  transform:translateY(-8px);
  border-color:rgba(49,214,208,.78);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.06),
    0 26px 70px rgba(0,22,48,.38),
    0 0 30px rgba(49,214,208,.12);
}
.page-template-template-solucoes .solution-premium-card:hover::before{
  transform:translateX(20%);
}
.page-template-template-solucoes .solution-premium-icon{
  width:92px;
  height:92px;
  margin:0 auto 20px;
  display:grid;
  place-items:center;
  border-radius:999px;
  color:#fff;
  background:radial-gradient(circle at 35% 30%, rgba(49,214,208,.38), rgba(6,31,58,.85));
  border:1px solid rgba(49,214,208,.62);
  box-shadow:
    0 0 0 9px rgba(49,214,208,.05),
    0 0 32px rgba(49,214,208,.22);
  animation:kleekIconFloat 4.8s ease-in-out infinite;
}
.page-template-template-solucoes .solution-premium-card:nth-child(2n) .solution-premium-icon{animation-delay:.35s;}
.page-template-template-solucoes .solution-premium-card:nth-child(3n) .solution-premium-icon{animation-delay:.7s;}
.page-template-template-solucoes .solution-premium-icon svg{
  width:48px;
  height:48px;
  filter:drop-shadow(0 0 8px rgba(49,214,208,.34));
}
.page-template-template-solucoes .solution-premium-card h3{
  color:#fff;
  font-family:var(--font-display);
  text-transform:uppercase;
  letter-spacing:.02em;
  font-size:clamp(1rem,1.35vw,1.34rem);
  line-height:1.15;
  margin:0 auto;
  max-width:310px;
  text-shadow:0 1px 0 rgba(0,0,0,.18);
}
.page-template-template-solucoes .solution-card-line{
  display:block;
  width:52px;
  height:3px;
  margin:16px auto 18px;
  border-radius:999px;
  background:#31d6d0;
  box-shadow:0 0 18px rgba(49,214,208,.72);
}
.page-template-template-solucoes .solution-premium-card p{
  color:rgba(255,255,255,.82);
  font-size:.98rem;
  line-height:1.55;
  margin:0;
}
@keyframes kleekSolutionsGrid{
  to{background-position:72px 72px;}
}
@keyframes kleekIconFloat{
  0%,100%{transform:translateY(0) scale(1);}
  50%{transform:translateY(-7px) scale(1.035);}
}
@media (max-width:1100px){
  .page-template-template-solucoes .solutions-premium-grid{grid-template-columns:repeat(2,minmax(0,1fr));}
}
@media (max-width:680px){
  .page-template-template-solucoes .solutions-premium-section{padding-top:64px;padding-bottom:72px;}
  .page-template-template-solucoes .solutions-premium-grid{grid-template-columns:1fr;}
  .page-template-template-solucoes .solution-premium-card{min-height:auto;}
}
@media (prefers-reduced-motion:reduce){
  .page-template-template-solucoes .solutions-premium-section::before,
  .page-template-template-solucoes .solution-premium-icon{animation:none!important;}
}

/* KLEEK V30 | Home: remove linha inferior e fecha espaço abaixo dos botões */
.page-template-template-home .hero{
  min-height:auto !important;
  padding-bottom:42px !important;
}
.page-template-template-home .hero-ctas{
  margin-bottom:0 !important;
}


/* KLEEK V36 | Remove efeitos que passam por cima das imagens
   Mantém animações dos elementos próprios das imagens/seções. */
.work-motion-scan,
.setores-scan,
.about-k-scan,
.k-scan,
.projects-map-premium::before,
.projects-map-premium::after,
.setores-premium-visual::before,
.setores-premium-visual::after,
.work-motion-visual::before,
.work-motion-visual::after,
.showcase-frame-premium::before,
.showcase-frame-premium::after {
  display: none !important;
  opacity: 0 !important;
  animation: none !important;
}

.work-motion-glow,
.setores-light {
  opacity: 0 !important;
  animation: none !important;
}

/* Garante que as imagens fiquem limpas, sem brilho/varredura por cima */
.work-motion-visual img,
.setores-premium-visual img,
.projects-map-premium img,
.about-info-image img,
.about-k-image {
  filter: none !important;
}

/* KLEEK V37 */
.brand-tagline,.site-tagline,.logo-tagline,.header-tagline{color:#8240bd!important;}

/* KLEEK V38 exact tagline selector */
.brand-subtitle{color:#8240bd!important;opacity:1!important;}

/* KLEEK V39 | Correção definitiva da frase abaixo do logo */
.logo-wrap > small,
.site-header .logo-wrap small,
header.site-header .logo-wrap small {
  color: #8240bd !important;
  opacity: 1 !important;
}

.kleek-logo-subtitle{color:#8240bd!important;opacity:1!important;}
