:root{
  --green:#008B58;
  --green-dark:#006D46;
  --blue:#1262D9;
  --blue-dark:#073E99;
  --eve:#E31B2F;
  --ink:#06172F;
  --text:#26384F;
  --muted:#647288;
  --line:#DDE7F0;
  --soft:#F7FBFD;
  --white:#FFFFFF;
  --max:1220px;
  --shadow:0 28px 75px rgba(6,23,47,.11);
  --soft-shadow:0 16px 42px rgba(6,23,47,.075);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Poppins,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--ink);
  background:white;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
a{text-decoration:none;color:inherit}
img{display:block;max-width:100%}
.container{width:min(var(--max),calc(100% - 72px));margin-inline:auto}

/* Header */
.site-header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(255,255,255,.84);
  backdrop-filter:blur(18px);
  border-bottom:1px solid rgba(221,231,240,.55);
}
.header-inner{
  width:min(1360px,calc(100% - 64px));
  margin:auto;
  height:84px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:34px;
}
.logo{width:205px;flex:0 0 auto}
.nav{display:flex;align-items:center;gap:42px;font-size:14px;font-weight:600}
.nav a{position:relative;padding:10px 0}
.nav a::after{content:"";position:absolute;left:0;right:0;bottom:1px;height:2px;border-radius:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:.28s}
.nav a:hover::after{transform:scaleX(1)}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  min-height:48px;
  padding:14px 24px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:700;
  font-size:14px;
  white-space:nowrap;
  transition:transform .28s ease, box-shadow .28s ease;
}
.btn:hover{transform:translateY(-2px)}
.btn-primary{background:linear-gradient(135deg,#009B61,#006E45);color:white;box-shadow:0 16px 34px rgba(0,139,88,.24)}
.btn-outline{background:rgba(255,255,255,.84);border-color:#B9D6CA;color:#173047;box-shadow:0 14px 30px rgba(6,23,47,.055)}
.mobile-toggle,.mobile-nav{display:none}

/* Hero */
.hero{
  position:relative;
  overflow:hidden;
  padding:112px 0 32px;
  min-height:805px;
  background:
    radial-gradient(circle at 76% 18%,rgba(255,244,226,.9),transparent 28%),
    linear-gradient(112deg,#fff 0%,#fff 39%,#F7FBFF 84%,#fff 100%);
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(circle at 16% 70%,rgba(0,139,88,.065),transparent 33%),
    linear-gradient(180deg,rgba(255,255,255,0) 70%,#fff 98%);
}
.hero-layout{
  position:relative;
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  align-items:center;
  gap:18px;
}
.hero-copy{position:relative;z-index:3}
.hero h1{
  margin:0;
  font-size:clamp(58px,5.55vw,86px);
  line-height:.92;
  letter-spacing:-.068em;
  font-weight:800;
}
.green{color:var(--green)}
.blue{color:var(--blue)}
.eve{color:var(--eve)}
.hero-sub{
  margin:30px 0 0;
  max-width:500px;
  color:var(--text);
  font-size:21px;
  line-height:1.52;
  letter-spacing:-.018em;
}
.hero-support{
  margin-top:22px;
  color:#172B44;
  font-size:15px;
  line-height:1.62;
  font-weight:500;
}
.hero-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:34px}
.powered-card{
  display:flex;
  align-items:center;
  gap:15px;
  margin-top:34px;
  width:max-content;
  max-width:100%;
  padding:18px 24px;
  background:rgba(255,255,255,.92);
  border:1px solid #E1EAF2;
  border-radius:22px;
  box-shadow:var(--soft-shadow);
}
.powered-card span{font-size:15px;font-weight:600;color:#34445A}
.eve-logo{height:31px;width:auto}
.red-line{width:42px;height:2px;background:var(--eve);opacity:.72}
.powered-card strong{font-size:12px;letter-spacing:.09em;color:#11243C}
.hero-visual{
  position:relative;
  min-height:555px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  z-index:2;
}
.hero-visual::before{
  content:"";
  position:absolute;
  right:-8%;
  bottom:20px;
  width:110%;
  height:70%;
  border-radius:50%;
  background:radial-gradient(ellipse at center,rgba(18,98,217,.12),rgba(0,139,88,.06) 42%,transparent 70%);
  filter:blur(35px);
}
.hero-visual::after{
  content:"";
  position:absolute;
  inset:0 -70px -18px -110px;
  z-index:1;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.9) 10%,rgba(255,255,255,.25) 26%,rgba(255,255,255,0) 43%),
    linear-gradient(180deg,rgba(255,255,255,0) 68%,#fff 99%);
  pointer-events:none;
}
.hero-bess{
  position:relative;
  z-index:0;
  width:min(820px,115%);
  max-width:none;
  transform:translateX(36px);
  filter:drop-shadow(0 34px 45px rgba(6,23,47,.13));
}

/* KPIs */
.kpis{position:relative;z-index:5;margin-top:-18px}
.kpi-panel{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:rgba(255,255,255,.96);
  border:1px solid #E4ECF4;
  border-radius:28px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.kpi{
  position:relative;
  display:grid;
  grid-template-columns:48px 1fr;
  gap:18px;
  min-height:170px;
  padding:30px 30px 28px;
  align-items:start;
}
.kpi:not(:last-child)::after{content:"";position:absolute;right:0;top:27%;height:46%;width:1px;background:#DDE7F0}
.kpi-icon{color:var(--green);display:flex;align-items:flex-start;justify-content:center}
.kpi-icon svg{width:40px;height:40px}
.kpi-number{
  display:flex;
  align-items:baseline;
  gap:4px;
  min-height:34px;
  color:var(--eve);
  font-size:28px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.045em;
}
.kpi-number .unit{font-size:16px;color:#13243B;font-weight:700}
.kpi-label{display:block;min-height:42px;margin-top:8px;color:#24364F;font-size:13px;line-height:1.45}
.kpi-source{display:block;margin-top:14px;color:var(--eve);font-size:11px;font-weight:700;white-space:nowrap}

/* Concept */
.concept{
  position:relative;
  overflow:hidden;
  padding:96px 0 54px;
  background:linear-gradient(180deg,#fff 0%,#FCFEFF 100%);
}
.concept-layout{
  display:grid;
  grid-template-columns:.74fr 1.26fr;
  align-items:center;
  gap:38px;
}
.concept-pre{margin:0 0 12px;color:#24364F;font-size:18px;font-weight:500}
.concept h2{
  margin:0;
  font-size:clamp(40px,4.15vw,64px);
  line-height:.98;
  letter-spacing:-.058em;
  font-weight:800;
}
.text-link{margin-top:28px;display:inline-flex;align-items:center;gap:12px;color:var(--green);font-weight:800;font-size:15px}
.wave-visual{
  position:relative;
  min-height:320px;
  display:flex;
  align-items:center;
  justify-content:center;
}
.wave-visual::before{
  content:"";
  position:absolute;
  inset:20% 3%;
  background:radial-gradient(ellipse at center,rgba(0,139,88,.10),rgba(18,98,217,.08) 45%,transparent 70%);
  filter:blur(22px);
}
.wave-visual img{
  position:relative;
  width:min(760px,112%);
  max-width:none;
  transform:translateX(30px);
  filter:drop-shadow(0 16px 34px rgba(18,98,217,.06));
}

/* Partnership */
.partnership{text-align:center;padding:8px 0 0;overflow:hidden}
.partnership-label{font-size:13px;color:#6A778B;margin-bottom:12px}
.partnership-title{
  display:flex;
  justify-content:center;
  align-items:center;
  gap:18px;
  flex-wrap:wrap;
  font-size:clamp(38px,4.2vw,66px);
  line-height:1;
  font-weight:800;
  letter-spacing:-.055em;
}
.partnership-title .genesis{color:var(--green)}
.partnership-title .plus{font-weight:600;color:#10223B}
.partnership-title img{height:52px;width:auto;transform:translateY(3px)}
.partnership-sub{margin-top:12px;font-size:14px;color:#4F5E72}

/* Front cards */
.fronts{
  position:relative;
  margin-top:46px;
  min-height:360px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
}
.front{
  position:relative;
  min-height:350px;
  overflow:hidden;
  padding:62px 70px;
  text-align:left;
  box-shadow:0 26px 66px rgba(6,23,47,.075);
  background:#fff;
}
.front.tech{border-radius:48px 0 0 48px}
.front.performance{border-radius:0 48px 48px 0}
.front::before{
  content:"";
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  opacity:.98;
}
.front.tech::before{background-image:url("../images/home/bg-tecnologia.webp")}
.front.performance::before{background-image:url("../images/home/bg-performance.webp")}
.front::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.78) 34%,rgba(255,255,255,.34) 72%,rgba(255,255,255,.10) 100%);
}
.front.performance::after{
  background:linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.68) 34%,rgba(255,255,255,.22) 70%,rgba(255,255,255,.06) 100%);
}
.front-content{position:relative;z-index:2;max-width:370px}
.front-logo{width:250px;max-width:100%;height:auto;margin-bottom:16px}
.front.performance .front-logo{width:278px}
.front p{margin:15px 0 0;color:#314158;font-size:15px;line-height:1.6}

/* CTA + footer */
.final-cta{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding:78px 0 58px;
  border-bottom:1px solid #DDE7F0;
}
.final-cta h2{margin:0;font-size:clamp(34px,3.7vw,52px);line-height:1.08;letter-spacing:-.045em;font-weight:700}
.footer{padding:38px 0 28px;background:white}
.footer-layout{display:grid;grid-template-columns:1.15fr 1.1fr 1fr;align-items:start;gap:40px}
.footer-logo{width:176px}
.footer p,.footer a{color:#566579;font-size:13px;line-height:1.65}
.footer-brand p{max-width:260px;margin-top:12px}
.footer-social{margin-top:18px;width:36px;height:36px;border-radius:50%;border:1px solid #D6E1EB;display:grid;place-items:center;color:#0A66C2;font-weight:800}
.footer-nav{display:flex;gap:32px;justify-content:center}
.footer h4{margin:0 0 12px;font-size:12px;text-transform:uppercase;letter-spacing:.1em;color:#0A2142}
.footer ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}
.footer-contact{display:grid;gap:10px;justify-content:end;font-style:normal}
.copyright{margin-top:24px;text-align:center;font-size:12px;color:#8A97A6}

/* Motion */
.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.22,.8,.22,1)}
.reveal.visible{opacity:1;transform:translateY(0)}
.delay-1{transition-delay:.08s}.delay-2{transition-delay:.16s}.delay-3{transition-delay:.24s}.delay-4{transition-delay:.32s}

@media (max-width:1100px){
  .container{width:min(var(--max),calc(100% - 40px))}
  .header-inner{width:calc(100% - 40px)}
  .logo{width:170px}
  .nav{gap:22px}
  .hero-layout,.concept-layout{grid-template-columns:1fr}
  .hero{padding-top:85px}
  .hero-visual{min-height:430px;justify-content:center}
  .hero-visual::after{inset:0 -30px -18px -30px;background:linear-gradient(180deg,rgba(255,255,255,0) 72%,#fff 99%)}
  .hero-bess{width:100%;transform:none}
  .kpis{margin-top:0}
  .kpi-panel{grid-template-columns:1fr 1fr}
  .kpi:nth-child(2)::after{display:none}
  .wave-visual img{width:100%;transform:none}
  .fronts{grid-template-columns:1fr}
  .front.tech,.front.performance{border-radius:40px}
  .footer-layout{grid-template-columns:1fr}
  .footer-nav{justify-content:flex-start}
  .footer-contact{justify-content:start}
}
@media (max-width:760px){
  .site-header{position:sticky}
  .header-inner{height:74px}
  .nav,.header-cta{display:none}
  .mobile-toggle{display:flex;width:44px;height:44px;border:0;border-radius:14px;background:#fff;box-shadow:0 10px 30px rgba(6,23,47,.10);align-items:center;justify-content:center;flex-direction:column;gap:5px}
  .mobile-toggle span{width:20px;height:2px;background:var(--ink)}
  .mobile-nav{position:fixed;z-index:100;top:84px;left:20px;right:20px;background:white;padding:22px;border:1px solid #DDE7F0;border-radius:22px;box-shadow:var(--shadow)}
  .mobile-nav.open{display:grid;gap:14px}
  .hero{min-height:auto;padding:48px 0 30px}
  .hero h1{font-size:52px}
  .hero-sub{font-size:18px}
  .hero-actions,.powered-card{align-items:stretch;flex-direction:column;width:100%}
  .btn{width:100%}
  .hero-visual{min-height:320px}
  .kpi-panel{grid-template-columns:1fr;border-radius:22px}
  .kpi{min-height:auto}
  .kpi::after{display:none!important}
  .concept{padding:62px 0 42px}
  .concept h2{font-size:42px}
  .wave-visual{min-height:210px}
  .wave-visual img{width:118%;max-width:none}
  .partnership-title{font-size:40px}
  .partnership-title img{height:42px}
  .front{padding:42px 28px;min-height:310px}
  .front-logo{width:220px}
  .front.performance .front-logo{width:238px}
  .final-cta{flex-direction:column;align-items:flex-start;padding:60px 0 44px}
}
@media (prefers-reduced-motion:reduce){
  *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}


.front.tech::before{background-position:left center;}
.front.performance::before{background-position:right center;}
.wave-visual img{background:transparent !important;}


/* V8 — refinamento fino: hero mais fundido, BESS menos retangular e onda integrada */
.hero{
  padding-top:96px;
  min-height:770px;
  background:
    radial-gradient(circle at 70% 18%,rgba(255,240,214,.72),transparent 26%),
    radial-gradient(circle at 78% 50%,rgba(18,98,217,.075),transparent 34%),
    linear-gradient(112deg,#fff 0%,#fff 38%,#F8FCFF 82%,#fff 100%);
}

.hero-visual{
  min-height:535px;
  overflow:visible;
}

/* dissolve the BESS image into the white page instead of looking like a rectangular image */
.hero-bess{
  width:min(830px,118%);
  transform:translateX(42px) translateY(8px);
  border-radius:0;
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.18) 5%, black 17%, black 88%, rgba(0,0,0,.80) 94%, transparent 100%),
    linear-gradient(to bottom, rgba(0,0,0,.82) 0%, black 12%, black 78%, rgba(0,0,0,.86) 88%, transparent 100%);
  -webkit-mask-composite: source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.18) 5%, black 17%, black 88%, rgba(0,0,0,.80) 94%, transparent 100%),
    linear-gradient(to bottom, rgba(0,0,0,.82) 0%, black 12%, black 78%, rgba(0,0,0,.86) 88%, transparent 100%);
  mask-composite: intersect;
}

.hero-visual::after{
  inset:-10px -84px -30px -138px;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 9%,rgba(255,255,255,.48) 22%,rgba(255,255,255,0) 41%),
    linear-gradient(180deg,rgba(255,255,255,.86) 0%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 74%,#fff 98%);
  z-index:2;
}

.hero-visual picture{
  position:relative;
  z-index:1;
}

/* Keep the CTA card higher and closer to approved mockup */
.powered-card{
  margin-top:30px;
}

/* make wave act like a transparent cinematic layer */
.wave-visual{
  min-height:300px;
}
.wave-visual img{
  mix-blend-mode:multiply;
  opacity:.92;
  width:min(735px,112%);
  transform:translateX(28px) translateY(-6px);
}

/* reveal performance background a bit more without hurting legibility */
.front.performance::after{
  background:linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.74) 30%,rgba(255,255,255,.28) 68%,rgba(255,255,255,.02) 100%);
}
.front.tech::after{
  background:linear-gradient(90deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.76) 34%,rgba(255,255,255,.32) 72%,rgba(255,255,255,.06) 100%);
}

/* reduce accidental top visual blank in wide screens */
@media (min-width:1200px){
  .hero-copy{padding-top:8px}
  .hero-layout{gap:2px}
}

@media (max-width:1100px){
  .hero{
    min-height:auto;
    padding-top:70px;
  }
  .hero-bess{
    width:105%;
    transform:translateX(0) translateY(0);
    -webkit-mask-image:linear-gradient(to bottom, black 0%, black 82%, transparent 100%);
    mask-image:linear-gradient(to bottom, black 0%, black 82%, transparent 100%);
  }
  .hero-visual::after{
    inset:-10px -30px -28px -30px;
    background:linear-gradient(180deg,rgba(255,255,255,0) 70%,#fff 98%);
  }
}
@media (max-width:760px){
  .hero{
    padding-top:38px;
  }
  .hero-visual{
    min-height:300px;
  }
  .hero-bess{
    width:116%;
    transform:translateX(0);
  }
  .wave-visual img{
    mix-blend-mode:multiply;
    opacity:.9;
    width:120%;
    transform:translateX(0);
  }
}


/* V9 — ajustes finais pedidos pela usuária */
.hero{
  padding-top:56px;
  min-height:720px;
}
.hero-layout{
  align-items:flex-start;
}
.hero-copy{
  padding-top:8px;
}
.hero-visual{
  min-height:500px;
  align-items:flex-start;
}
.hero-bess{
  width:min(860px,120%);
  transform:translateX(44px) translateY(-28px);
}
.hero-visual::after{
  inset:-36px -84px -30px -138px;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 8%,rgba(255,255,255,.40) 21%,rgba(255,255,255,0) 40%),
    linear-gradient(180deg,rgba(255,255,255,.16) 0%,rgba(255,255,255,0) 12%,rgba(255,255,255,0) 78%,#fff 99%);
}

/* Unificar os dois cards para eliminar a emenda vertical */
.fronts{
  margin-top:46px;
  border-radius:48px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 26px 66px rgba(6,23,47,.075);
}
.front{
  box-shadow:none;
  border-radius:0 !important;
}
.front.tech{
  margin-right:-1px;
}
.front.performance{
  margin-left:-1px;
}

@media (max-width:1100px){
  .hero{
    padding-top:52px;
    min-height:auto;
  }
  .hero-layout{align-items:center;}
  .hero-visual{
    min-height:400px;
    align-items:center;
  }
  .hero-bess{
    width:106%;
    transform:translateX(0) translateY(0);
  }
  .hero-visual::after{
    inset:-8px -30px -28px -30px;
    background:linear-gradient(180deg,rgba(255,255,255,0) 72%,#fff 98%);
  }
  .fronts{
    border-radius:40px;
  }
  .front.tech,.front.performance{
    margin-left:0;
    margin-right:0;
    border-radius:40px !important;
  }
}

@media (max-width:760px){
  .hero{
    padding-top:24px;
  }
  .hero-copy{
    padding-top:0;
  }
  .hero-visual{
    min-height:290px;
  }
  .hero-bess{
    width:116%;
    transform:translateX(0) translateY(0);
  }
  .fronts{
    border-radius:32px;
  }
  .front.tech,.front.performance{
    border-radius:32px !important;
  }
}


/* V10 — polimento final + movimento sutil nos indicadores */
.kpi{
  transition:transform .32s ease, background .32s ease;
}
.kpi:hover{
  transform:translateY(-3px);
  background:rgba(250,253,255,.92);
}
.kpi-icon svg{
  transition:transform .32s ease, filter .32s ease;
}
.kpi:hover .kpi-icon svg{
  transform:scale(1.08);
  filter:drop-shadow(0 8px 14px rgba(0,139,88,.18));
}
.kpi-number{
  font-variant-numeric:tabular-nums;
}
.count-value{
  display:inline-block;
  min-width:fit-content;
}
.hero h1{
  text-wrap:balance;
}
.hero-sub{
  max-width:520px;
}
.powered-card{
  transform:translateZ(0);
}
.fronts{
  isolation:isolate;
}
.front{
  transition:transform .35s ease;
}
.front:hover{
  transform:translateY(-2px);
}
.final-cta{
  padding-top:74px;
}

/* ajuste óptico final do hero em telas grandes */
@media (min-width:1200px){
  .hero{
    padding-top:52px;
  }
  .hero-copy{
    padding-top:2px;
  }
  .hero-bess{
    transform:translateX(48px) translateY(-34px);
  }
}


/* -------------------- TECNOLOGIA PAGE -------------------- */
.nav a.active{
  color:var(--green);
}
.nav a.active::after{
  transform:scaleX(1);
}

.tech-hero{
  position:relative;
  overflow:hidden;
  padding:78px 0 32px;
  min-height:690px;
  background:
    radial-gradient(circle at 76% 20%,rgba(218,240,255,.86),transparent 30%),
    radial-gradient(circle at 22% 70%,rgba(0,139,88,.055),transparent 36%),
    linear-gradient(112deg,#fff 0%,#fff 42%,#F6FBFF 100%);
}

.tech-hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(255,255,255,0) 68%,#fff 100%);
  pointer-events:none;
}

.tech-hero-grid{
  position:relative;
  display:grid;
  grid-template-columns:.86fr 1.14fr;
  align-items:center;
  gap:32px;
}

.tech-copy{
  position:relative;
  z-index:3;
}

.tech-copy h1{
  margin:0;
  max-width:650px;
  font-size:clamp(44px,4.5vw,68px);
  line-height:1.04;
  letter-spacing:-.055em;
  font-weight:800;
}

.tech-copy p{
  max-width:560px;
  margin:24px 0 0;
  color:#26384F;
  font-size:18px;
  line-height:1.62;
}

.tech-copy .btn{
  margin-top:30px;
}

.tech-powered{
  display:flex;
  align-items:center;
  gap:13px;
  margin-top:28px;
  color:#26384F;
  font-weight:500;
}

.tech-powered img{
  height:30px;
  width:auto;
}

.tech-visual{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.tech-visual::before{
  content:"";
  position:absolute;
  right:-6%;
  bottom:35px;
  width:105%;
  height:68%;
  background:radial-gradient(ellipse at center,rgba(18,98,217,.12),rgba(0,139,88,.06) 45%,transparent 74%);
  filter:blur(35px);
}

.tech-visual::after{
  content:"";
  position:absolute;
  inset:-4px -80px -28px -120px;
  z-index:2;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 8%,rgba(255,255,255,.42) 21%,rgba(255,255,255,0) 40%),
    linear-gradient(180deg,rgba(255,255,255,.10) 0%,rgba(255,255,255,0) 74%,#fff 99%);
  pointer-events:none;
}

.tech-bess{
  position:relative;
  z-index:1;
  width:min(810px,118%);
  max-width:none;
  transform:translateX(36px) translateY(-2px);
  filter:drop-shadow(0 30px 48px rgba(6,23,47,.12));
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.26) 5%, black 16%, black 94%, rgba(0,0,0,.65) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.85) 0%, black 12%, black 84%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.26) 5%, black 16%, black 94%, rgba(0,0,0,.65) 100%),
    linear-gradient(to bottom, rgba(0,0,0,.85) 0%, black 12%, black 84%, transparent 100%);
  mask-composite:intersect;
}

.tech-kpis{
  margin-top:-18px;
}

.tech-kpis .kpi-icon,
.tech-kpis .kpi-number,
.tech-kpis .kpi-source{
  color:var(--eve);
}

.tech-note{
  margin:12px 20px 0 auto;
  width:max-content;
  max-width:100%;
  font-size:12px;
  color:#4F5E72;
}

.eve-tech-section{
  position:relative;
  overflow:hidden;
  padding:86px 0 64px;
  background:#fff;
}

.eve-tech-grid{
  display:grid;
  grid-template-columns:.70fr 1.30fr;
  align-items:center;
  gap:54px;
}

.eve-tech-copy h2{
  margin:0;
  font-size:clamp(30px,3.2vw,48px);
  line-height:1.08;
  letter-spacing:-.045em;
  font-weight:800;
}

.eve-tech-copy p{
  margin-top:18px;
  max-width:440px;
  font-size:16px;
  line-height:1.72;
  color:#394A60;
}

.eve-system-visual{
  position:relative;
  min-height:350px;
  display:flex;
  align-items:flex-end;
  justify-content:flex-end;
}

.eve-system-visual::before{
  content:"";
  position:absolute;
  inset:0;
  background:url("../images/home/tecnologia-wave.webp") center/cover no-repeat;
  opacity:.28;
  mix-blend-mode:multiply;
}

.eve-system{
  position:relative;
  z-index:2;
  width:min(560px,100%);
  filter:drop-shadow(0 24px 38px rgba(6,23,47,.12));
}

.tech-chain{
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.chain-item{
  min-width:96px;
  display:grid;
  justify-items:center;
  gap:10px;
  color:var(--green);
}

.chain-item svg{
  width:38px;
  height:38px;
  stroke-width:1.7;
}

.chain-item span{
  color:#26384F;
  font-size:12px;
  font-weight:600;
  text-align:center;
}

.chain-arrow{
  color:var(--green);
  font-weight:800;
}

.solution-section{
  padding:70px 0 58px;
  background:linear-gradient(180deg,#fff 0%,#FBFDFE 100%);
  text-align:center;
}

.section-title{
  margin:0;
  font-size:clamp(30px,3vw,44px);
  line-height:1.1;
  letter-spacing:-.04em;
  font-weight:800;
}

.section-sub{
  max-width:760px;
  margin:16px auto 0;
  font-size:17px;
  line-height:1.65;
  color:#4A5B70;
}

.solution-grid{
  margin-top:42px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:24px;
  text-align:left;
}

.solution-card{
  min-height:220px;
  padding:30px 28px;
  border:1px solid #E3ECF4;
  border-radius:22px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--soft-shadow);
  transition:transform .32s ease, box-shadow .32s ease;
}

.solution-card:hover{
  transform:translateY(-5px);
  box-shadow:var(--shadow);
}

.solution-card svg{
  width:38px;
  height:38px;
  color:var(--green);
  margin-bottom:22px;
}

.solution-card h3{
  margin:0;
  font-size:20px;
  letter-spacing:-.025em;
}

.solution-card p{
  margin:12px 0 0;
  font-size:14px;
  line-height:1.6;
  color:#46566C;
}

.cert-section{
  padding:56px 0 62px;
  background:#fff;
  text-align:center;
}

.cert-grid{
  display:grid;
  grid-template-columns:repeat(9,1fr);
  gap:10px;
  margin-top:34px;
}

.cert{
  min-height:76px;
  display:grid;
  place-items:center;
  padding:14px 10px;
  border:1px solid #E3ECF4;
  border-radius:16px;
  background:#fff;
  box-shadow:0 12px 30px rgba(6,23,47,.055);
  color:#0A2142;
  font-weight:800;
  line-height:1.15;
  font-size:16px;
}

.tech-final-cta{
  position:relative;
  overflow:hidden;
  margin:0 auto 58px;
  padding:58px 70px;
  border-radius:30px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:32px;
  color:white;
  background:
    linear-gradient(135deg,rgba(0,79,58,.95),rgba(0,48,63,.96)),
    url("../images/home/tecnologia-wave.webp") center/cover no-repeat;
  box-shadow:var(--soft-shadow);
}

.tech-final-cta h2{
  margin:0;
  max-width:560px;
  font-size:clamp(30px,3vw,44px);
  line-height:1.1;
  letter-spacing:-.04em;
}

.tech-final-cta p{
  margin:14px 0 0;
  max-width:560px;
  color:rgba(255,255,255,.86);
  line-height:1.65;
}

.tech-final-cta .btn{
  border-color:rgba(255,255,255,.65);
  color:white;
  background:rgba(255,255,255,.08);
  box-shadow:none;
}

@media (max-width:1100px){
  .tech-hero-grid,
  .eve-tech-grid{
    grid-template-columns:1fr;
  }
  .tech-hero{
    min-height:auto;
    padding-top:70px;
  }
  .tech-visual{
    min-height:400px;
    justify-content:center;
  }
  .tech-visual::after{
    inset:-8px -30px -28px -30px;
    background:linear-gradient(180deg,rgba(255,255,255,0) 72%,#fff 98%);
  }
  .tech-bess{
    width:105%;
    transform:none;
  }
  .tech-kpis{
    margin-top:0;
  }
  .solution-grid{
    grid-template-columns:1fr 1fr;
  }
  .cert-grid{
    grid-template-columns:repeat(3,1fr);
  }
  .tech-final-cta{
    flex-direction:column;
    align-items:flex-start;
  }
}

@media (max-width:760px){
  .tech-hero{
    padding-top:38px;
  }
  .tech-copy h1{
    font-size:42px;
  }
  .tech-copy p{
    font-size:16px;
  }
  .tech-powered{
    flex-wrap:wrap;
  }
  .tech-visual{
    min-height:300px;
  }
  .tech-bess{
    width:116%;
  }
  .solution-grid,
  .cert-grid{
    grid-template-columns:1fr;
  }
  .tech-chain{
    justify-content:center;
  }
  .chain-arrow{
    display:none;
  }
  .tech-final-cta{
    padding:38px 28px;
    border-radius:24px;
  }
}


/* --- Tecnologia v2 refinement overrides --- */
.tech-hero{
  padding:72px 0 30px;
  background:
    radial-gradient(circle at 75% 16%, rgba(227,241,252,.92), transparent 24%),
    linear-gradient(90deg,#fff 0%,#fff 44%,#F7FBFE 100%);
}
.tech-hero-grid{
  grid-template-columns:.84fr 1.16fr;
  align-items:start;
}
.tech-copy{ padding-top:22px; }
.tech-visual{
  min-height:540px;
  align-items:flex-start;
}
.tech-visual::before{
  right:-4%;
  bottom:18px;
  width:106%;
  height:72%;
}
.tech-visual::after{
  inset:-42px -78px -24px -118px;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.94) 8%,rgba(255,255,255,.42) 21%,rgba(255,255,255,0) 37%),
    linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 62%,#fff 99%);
}
.tech-bess{
  width:min(850px,122%);
  transform:translateX(38px) translateY(-56px);
}
.eve-tech-grid{
  grid-template-columns:.78fr 1.22fr;
  gap:42px;
}
.eve-heading{
  display:flex;
  align-items:flex-end;
  gap:10px;
  flex-wrap:wrap;
}
.eve-heading img{
  height:42px;
  width:auto;
  transform:translateY(-2px);
}
.eve-tech-copy p{ max-width:420px; }
.tech-chain{
  gap:12px;
  margin-top:28px;
}
.chain-item{ min-width:84px; gap:8px; }
.chain-item svg{ width:34px; height:34px; }
.chain-item span{ font-size:11.5px; }
.eve-system-visual{
  min-height:300px;
  align-items:center;
  justify-content:flex-end;
}
.eve-system-visual::before{ display:none; }
.eve-system{
  width:min(580px,100%);
  filter:none;
}
.cert-grid{ display:none; }
.cert-strip-wrap{
  margin-top:34px;
  padding:0 2px;
}
.cert-strip-image{
  display:block;
  width:100%;
  border-radius:18px;
}
@media (max-width:1100px){
  .tech-bess{ transform:translateY(-20px); width:112%; }
  .eve-system{ width:100%; }
}
@media (max-width:760px){
  .eve-heading img{ height:34px; }
  .tech-bess{ width:120%; transform:translateY(-8px); }
  .tech-chain{ justify-content:flex-start; }
  .cert-strip-wrap{ overflow-x:auto; }
  .cert-strip-image{ min-width:760px; }
}


/* === Tecnologia review refinements === */
.cert-groups{
  margin-top:34px;
  display:grid;
  grid-template-columns:minmax(0,5fr) minmax(0,4fr);
  gap:14px;
  align-items:stretch;
}

.cert-group{
  display:grid;
  background:#fff;
  border:1px solid #E5EDF5;
  border-radius:20px;
  box-shadow:0 12px 32px rgba(7,29,58,.05);
  min-height:92px;
}

.cert-group-text{
  grid-template-columns:repeat(5,1fr);
}

.cert-group-logos{
  grid-template-columns:repeat(4,1fr);
}

.cert-badge{
  min-height:92px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  padding:14px 12px;
  color:#0A2142;
  text-align:center;
}

.cert-badge + .cert-badge{
  border-left:1px solid #E7EEF5;
}

.cert-badge strong{
  display:block;
  font-size:18px;
  line-height:1;
  font-weight:800;
  letter-spacing:-.03em;
}

.cert-badge span{
  display:block;
  margin-top:6px;
  font-size:17px;
  line-height:1.05;
  font-weight:800;
  letter-spacing:-.03em;
}

.cert-badge-logo picture,
.cert-badge-logo img{
  display:block;
}

.cert-badge-logo img{
  max-width:100%;
  height:44px;
  width:auto;
  object-fit:contain;
}

.tech-final-cta{
  isolation:isolate;
  background:linear-gradient(135deg,#0A6B61 0%, #084E5A 52%, #0A334B 100%);
}

.tech-final-cta::before{
  content:"";
  position:absolute;
  inset:-18% -8% -24% 44%;
  background:
    radial-gradient(circle at 20% 48%, rgba(52,221,164,.22) 0%, rgba(52,221,164,.10) 16%, transparent 40%),
    radial-gradient(circle at 62% 36%, rgba(75,171,255,.18) 0%, rgba(75,171,255,.08) 16%, transparent 34%),
    radial-gradient(circle at 75% 48%, rgba(10,27,56,.32) 0%, transparent 38%);
  filter:blur(14px);
  opacity:.95;
  z-index:0;
}

.tech-final-cta::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg, rgba(255,255,255,.06) 0%, rgba(255,255,255,0) 42%),
    url("../images/home/tecnologia-wave.webp") right -10px center/58% auto no-repeat;
  opacity:.28;
  mix-blend-mode:screen;
  z-index:0;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.15) 22%, rgba(0,0,0,.9) 48%, #000 100%);
}

.tech-final-cta > *{
  position:relative;
  z-index:1;
}

@media (max-width:960px){
  .cert-groups{ grid-template-columns:1fr; }
}

@media (max-width:760px){
  .cert-groups{ gap:12px; }
  .cert-group-text{ grid-template-columns:repeat(2,1fr); }
  .cert-group-logos{ grid-template-columns:repeat(2,1fr); }
  .cert-group{ min-height:auto; }
  .cert-badge{ min-height:84px; }
  .cert-badge:nth-child(2n+1){ border-left:none; }
  .cert-badge strong{ font-size:17px; }
  .cert-badge span{ font-size:16px; }
  .cert-badge-logo img{ height:40px; }
  .tech-final-cta::before{ inset:auto -16% -28% 18%; height:82%; }
  .tech-final-cta::after{ background-size:90% auto; background-position:right -40px bottom -22px; opacity:.22; }
}


/* =========================================================
   V5 — PADRONIZAÇÃO CRUZADA HOME + TECNOLOGIA
   Home vira matriz visual: ritmo, profundidade, microinteração.
   ========================================================= */

/* Base refinements */
.site-header{
  box-shadow:0 10px 34px rgba(6,23,47,.035);
}

.nav a.active{
  color:var(--green);
}

.nav a.active::after{
  transform:scaleX(1);
}

.btn{
  will-change:transform;
}

.btn-primary:hover{
  box-shadow:0 20px 42px rgba(0,139,88,.29);
}

.btn-outline:hover{
  box-shadow:0 18px 38px rgba(6,23,47,.08);
}

/* Home + Tecnologia: consistent hero breathing */
.hero,
.tech-hero{
  isolation:isolate;
}

/* Tecnologia: refine hero to match approved Home quality */
.tech-hero{
  padding-top:62px;
  min-height:735px;
  background:
    radial-gradient(circle at 74% 15%, rgba(236,247,255,.94), transparent 24%),
    radial-gradient(circle at 14% 74%, rgba(0,139,88,.055), transparent 34%),
    linear-gradient(112deg,#fff 0%,#fff 42%,#F7FBFE 100%);
}

.tech-hero::before{
  background:
    linear-gradient(180deg, rgba(255,255,255,0) 64%, #fff 99%),
    radial-gradient(ellipse at 78% 50%, rgba(0,139,88,.065), transparent 34%);
}

.tech-hero-grid{
  align-items:flex-start;
  gap:18px;
}

.tech-copy{
  padding-top:30px;
}

.tech-copy h1{
  font-size:clamp(48px,4.55vw,70px);
  line-height:1.02;
  letter-spacing:-.058em;
}

.tech-copy p{
  max-width:570px;
  margin-top:26px;
  color:#24364F;
}

.tech-copy .btn{
  margin-top:32px;
}

.tech-powered{
  margin-top:30px;
}

.tech-powered img{
  height:31px;
}

.tech-visual{
  min-height:548px;
  align-items:flex-start;
}

.tech-visual::before{
  right:-8%;
  bottom:12px;
  width:112%;
  height:70%;
  background:radial-gradient(ellipse at center,rgba(18,98,217,.12),rgba(0,139,88,.065) 45%,transparent 74%);
}

.tech-visual::after{
  inset:-44px -88px -26px -126px;
  background:
    linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 7%,rgba(255,255,255,.48) 20%,rgba(255,255,255,0) 38%),
    linear-gradient(180deg,rgba(255,255,255,.02) 0%,rgba(255,255,255,0) 66%,#fff 99%);
}

.tech-bess{
  width:min(870px,124%);
  transform:translateX(40px) translateY(-64px);
  filter:drop-shadow(0 30px 52px rgba(6,23,47,.115));
}

/* KPI: align with Home rhythm */
.tech-kpis{
  margin-top:-24px;
}

.tech-note{
  margin-top:13px;
  margin-right:22px;
}

/* Tecnologia EVE block: less “pieces”, more integrated */
.eve-tech-section{
  padding:88px 0 66px;
  background:
    radial-gradient(circle at 72% 48%, rgba(18,98,217,.035), transparent 28%),
    linear-gradient(180deg,#fff 0%,#fff 72%,#FBFDFE 100%);
}

.eve-tech-grid{
  grid-template-columns:.78fr 1.22fr;
  gap:44px;
  align-items:center;
}

.eve-heading{
  display:flex;
  align-items:flex-end;
  gap:12px;
}

.eve-heading img{
  height:43px;
  width:auto;
  transform:translateY(-2px);
}

.eve-tech-copy p{
  font-size:16.5px;
  max-width:445px;
}

.tech-chain{
  display:grid;
  grid-template-columns:repeat(3, minmax(86px, 1fr));
  gap:20px 28px;
  max-width:430px;
  margin-top:30px;
}

.chain-arrow{
  display:none;
}

.chain-item{
  min-width:0;
  gap:9px;
}

.chain-item svg{
  width:34px;
  height:34px;
}

.chain-item span{
  font-size:11.5px;
}

/* Keep the visual from looking cropped/printed */
.eve-system-visual{
  min-height:350px;
  align-items:center;
  justify-content:flex-end;
  overflow:visible;
}

.eve-system-visual::after{
  content:"";
  position:absolute;
  inset:2% -5% -4% 8%;
  z-index:0;
  background:
    radial-gradient(circle at 68% 52%, rgba(18,98,217,.10), transparent 34%),
    radial-gradient(circle at 42% 46%, rgba(0,139,88,.07), transparent 26%);
  filter:blur(22px);
  pointer-events:none;
}

.eve-system{
  position:relative;
  z-index:2;
  width:min(650px,108%);
  max-width:none;
  transform:translateX(20px);
  filter:drop-shadow(0 20px 38px rgba(6,23,47,.075));
  -webkit-mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.48) 5%, black 12%, black 100%);
  mask-image:linear-gradient(to right, transparent 0%, rgba(0,0,0,.48) 5%, black 12%, black 100%);
}

/* Cards: same premium treatment as Home */
.solution-section{
  padding-top:72px;
}

.solution-grid{
  gap:22px;
}

.solution-card{
  border-color:#E4ECF4;
  border-radius:24px;
  background:
    linear-gradient(180deg,rgba(255,255,255,.98),rgba(255,255,255,.92)),
    radial-gradient(circle at 18% 12%,rgba(0,139,88,.08),transparent 34%);
}

.solution-card svg{
  stroke-width:1.8;
}

.solution-card .text-link{
  margin-top:20px;
}

/* Certificates: clean, premium, not pixelated-looking */
.cert-section{
  padding-top:58px;
}

.cert-groups{
  margin-top:36px;
}

.cert-group{
  border-radius:21px;
  box-shadow:0 16px 42px rgba(7,29,58,.055);
}

.cert-badge{
  background:linear-gradient(180deg,#fff 0%,#FCFEFF 100%);
}

.cert-badge strong,
.cert-badge span{
  color:#071D3A;
}

.cert-badge-logo img{
  height:46px;
  image-rendering:auto;
}

/* CTA: same cinematic depth as Home, but Technology green */
.tech-final-cta{
  min-height:214px;
  margin-top:6px;
  border-radius:32px;
  box-shadow:0 22px 56px rgba(6,23,47,.13);
  background:
    linear-gradient(135deg,#096657 0%, #074E59 50%, #082D49 100%);
}

.tech-final-cta h2{
  text-wrap:balance;
  max-width:610px;
}

.tech-final-cta p{
  font-size:16.5px;
}

.tech-final-cta .btn{
  min-width:270px;
  border-color:rgba(255,255,255,.72);
  background:rgba(255,255,255,.105);
  backdrop-filter:blur(10px);
}

.tech-final-cta::before{
  inset:-28% -8% -34% 36%;
  background:
    radial-gradient(circle at 24% 54%, rgba(65,235,177,.28) 0%, rgba(65,235,177,.10) 20%, transparent 44%),
    radial-gradient(circle at 62% 44%, rgba(66,164,255,.24) 0%, rgba(66,164,255,.09) 19%, transparent 42%),
    radial-gradient(circle at 84% 54%, rgba(5,24,49,.46) 0%, transparent 40%);
  filter:blur(12px);
}

.tech-final-cta::after{
  opacity:.34;
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,0) 46%),
    url("../images/home/tecnologia-wave.webp") right -24px center/62% auto no-repeat;
}

/* Footer: keep same optical weight after dense tech page */
.footer{
  padding-top:36px;
}

/* Responsive refinements */
@media (max-width:1100px){
  .tech-hero{
    padding-top:56px;
    min-height:auto;
  }
  .tech-copy{
    padding-top:0;
  }
  .tech-bess{
    width:112%;
    transform:translateY(-24px);
  }
  .tech-kpis{
    margin-top:0;
  }
  .eve-tech-grid{
    gap:28px;
  }
  .eve-system{
    width:100%;
    transform:none;
    -webkit-mask-image:linear-gradient(to bottom, black 0%, black 88%, transparent 100%);
    mask-image:linear-gradient(to bottom, black 0%, black 88%, transparent 100%);
  }
}

@media (max-width:760px){
  .tech-hero{
    padding-top:34px;
  }
  .tech-copy h1{
    font-size:42px;
  }
  .tech-visual{
    min-height:310px;
  }
  .tech-bess{
    width:120%;
    transform:translateY(-8px);
  }
  .tech-chain{
    grid-template-columns:repeat(2, minmax(110px, 1fr));
    max-width:100%;
  }
  .eve-system{
    width:114%;
    transform:translateX(-2%);
  }
  .tech-final-cta{
    min-height:auto;
  }
  .tech-final-cta .btn{
    min-width:0;
  }
}


/* =========================================================
   V6 — ajustes finos a partir dos prints de revisão
   1) bloco EVE: eliminar faixa branca à direita
   2) certificações: selos mais fortes e legíveis
   3) CTA: remover corte vertical e deixar fundo contínuo
   ========================================================= */

/* 1) Bloco Tecnologia EVE — imagem mais ampla, sem “fim” visual à direita */
.eve-tech-section{
  overflow:hidden;
}

.eve-tech-grid{
  grid-template-columns:.76fr 1.24fr;
}

.eve-system-visual{
  min-height:372px;
  justify-content:flex-end;
  padding-right:0;
}

.eve-system-visual::after{
  inset:-8% -18% -10% 2%;
  background:
    radial-gradient(circle at 68% 46%, rgba(18,98,217,.12), transparent 36%),
    radial-gradient(circle at 38% 48%, rgba(0,139,88,.075), transparent 30%),
    linear-gradient(90deg, rgba(255,255,255,0) 0%, rgba(247,252,255,.52) 100%);
  filter:blur(18px);
}

.eve-system{
  width:min(790px,125%);
  transform:translateX(78px);
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.35) 4%, black 10%, black 92%, rgba(0,0,0,.72) 97%, transparent 100%),
    linear-gradient(to bottom, rgba(0,0,0,.86) 0%, black 12%, black 86%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.35) 4%, black 10%, black 92%, rgba(0,0,0,.72) 97%, transparent 100%),
    linear-gradient(to bottom, rgba(0,0,0,.86) 0%, black 12%, black 86%, transparent 100%);
  mask-composite:intersect;
}

/* 2) Certificações — mais próximas do mockup e com melhor peso visual */
.cert-groups{
  grid-template-columns:minmax(0, 1.08fr) minmax(0, .92fr);
  gap:16px;
}

.cert-group{
  min-height:104px;
  border-color:#E1EAF3;
  box-shadow:0 18px 44px rgba(7,29,58,.065);
}

.cert-badge{
  min-height:104px;
  padding:18px 14px;
}

.cert-badge strong{
  font-size:19px;
}

.cert-badge span{
  font-size:18px;
}

.cert-badge-logo img{
  height:58px;
  max-width:128px;
  object-fit:contain;
  transform:scale(1.08);
}

/* os logos já vêm em imagem recortada; reduzir respiro lateral deixa mais presença */
.cert-group-logos .cert-badge{
  padding-left:8px;
  padding-right:8px;
}

/* 3) CTA final — fundo contínuo, sem “corte” vertical */
.tech-final-cta{
  background:
    radial-gradient(circle at 76% 48%, rgba(66,164,255,.24) 0%, rgba(66,164,255,.10) 24%, transparent 46%),
    radial-gradient(circle at 55% 58%, rgba(65,235,177,.20) 0%, rgba(65,235,177,.08) 24%, transparent 48%),
    linear-gradient(135deg,#076858 0%, #074F5C 48%, #082F4D 100%);
}

.tech-final-cta::before{
  inset:-28% -12% -34% -8%;
  background:
    radial-gradient(circle at 70% 54%, rgba(52,221,164,.20) 0%, rgba(52,221,164,.07) 24%, transparent 50%),
    radial-gradient(circle at 83% 45%, rgba(75,171,255,.22) 0%, rgba(75,171,255,.08) 22%, transparent 48%);
  filter:blur(18px);
  opacity:.9;
}

.tech-final-cta::after{
  inset:0;
  background:
    linear-gradient(90deg, rgba(7,104,88,.16) 0%, rgba(7,104,88,0) 38%, rgba(255,255,255,.02) 100%),
    url("../images/home/tecnologia-wave.webp") right -22px center/58% auto no-repeat;
  opacity:.28;
  mix-blend-mode:screen;
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.18) 24%, rgba(0,0,0,.68) 42%, #000 100%);
}

/* manter texto acima de qualquer overlay */
.tech-final-cta > *{
  position:relative;
  z-index:2;
}

@media (max-width:1100px){
  .eve-system{
    width:112%;
    transform:translateX(0);
  }
  .cert-groups{
    grid-template-columns:1fr;
  }
}

@media (max-width:760px){
  .eve-system{
    width:122%;
    transform:translateX(-4%);
  }
  .cert-badge-logo img{
    height:50px;
    transform:scale(1.02);
  }
  .tech-final-cta::after{
    background-size:92% auto;
    background-position:right -70px bottom -18px;
  }
}


/* =========================================================
   V7 — Bloco Tecnologia EVE redesenhado como plataforma completa
   ========================================================= */

.eve-tech-section{
  display:none !important;
}

.eve-platform-section{
  position:relative;
  overflow:hidden;
  padding:88px 0 70px;
  background:
    radial-gradient(circle at 70% 42%, rgba(18,98,217,.035), transparent 30%),
    radial-gradient(circle at 20% 70%, rgba(0,139,88,.045), transparent 32%),
    linear-gradient(180deg,#fff 0%,#fff 68%,#FBFDFE 100%);
}

.eve-platform-grid{
  position:relative;
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  align-items:center;
  gap:48px;
}

.eve-platform-copy{
  position:relative;
  z-index:3;
}

.eve-platform-title{
  margin:0;
  display:flex;
  align-items:flex-end;
  gap:13px;
  flex-wrap:wrap;
  font-size:clamp(34px,3.25vw,50px);
  line-height:1;
  letter-spacing:-.048em;
  font-weight:800;
  color:var(--ink);
}

.eve-platform-title img{
  height:43px;
  width:auto;
  transform:translateY(-2px);
}

.eve-platform-copy p{
  margin:24px 0 0;
  max-width:475px;
  font-size:17px;
  line-height:1.72;
  color:#2E4057;
}

.platform-flow{
  position:relative;
  margin-top:34px;
  max-width:600px;
  display:grid;
  grid-template-columns:repeat(6, minmax(82px,1fr));
  gap:14px;
  align-items:start;
}

.platform-flow::before{
  content:"";
  position:absolute;
  left:40px;
  right:40px;
  top:35px;
  height:2px;
  background:linear-gradient(90deg, rgba(0,139,88,.20), rgba(0,139,88,.72), rgba(18,98,217,.48));
  z-index:0;
}

.platform-step{
  position:relative;
  z-index:2;
  display:grid;
  justify-items:center;
  gap:12px;
  text-align:center;
}

.platform-step:not(:last-child)::after{
  content:"→";
  position:absolute;
  top:25px;
  right:-12px;
  color:rgba(0,139,88,.70);
  font-weight:800;
  font-size:18px;
  line-height:1;
}

.platform-icon{
  width:70px;
  height:70px;
  border-radius:20px;
  display:grid;
  place-items:center;
  color:var(--green);
  background:linear-gradient(180deg,#fff 0%,#F5FBF8 100%);
  border:1.5px solid rgba(0,139,88,.22);
  box-shadow:0 10px 26px rgba(0,84,62,.07);
}

.platform-icon svg{
  width:44px;
  height:44px;
}

.platform-step span{
  max-width:92px;
  min-height:34px;
  color:#15304D;
  font-size:11.5px;
  line-height:1.28;
  font-weight:700;
}

.platform-step-strong .platform-icon{
  border-color:rgba(0,139,88,.42);
  box-shadow:0 16px 32px rgba(0,84,62,.12);
}

.platform-step-final .platform-icon{
  color:var(--blue);
  border-color:rgba(18,98,217,.34);
  background:linear-gradient(180deg,#fff 0%,#F2F7FF 100%);
}

.eve-platform-visual{
  position:relative;
  min-height:392px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.eve-platform-visual::before{
  content:"";
  position:absolute;
  inset:-10% -16% -16% 0;
  z-index:0;
  background:
    radial-gradient(circle at 70% 46%, rgba(18,98,217,.10), transparent 35%),
    radial-gradient(circle at 40% 54%, rgba(0,139,88,.075), transparent 30%);
  filter:blur(18px);
}

.platform-visual-stage{
  position:relative;
  z-index:2;
  width:min(760px,124%);
  max-width:none;
  transform:translateX(70px);
}

.platform-visual-stage::before{
  content:"";
  position:absolute;
  inset:-18% -8% -4% -24%;
  z-index:-1;
  background:url("../images/home/tecnologia-wave.webp") center/cover no-repeat;
  opacity:.28;
  mix-blend-mode:multiply;
  -webkit-mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.42) 20%, #000 100%);
  mask-image:linear-gradient(90deg, transparent 0%, rgba(0,0,0,.42) 20%, #000 100%);
}

.platform-visual-stage img{
  width:100%;
  display:block;
  filter:drop-shadow(0 22px 40px rgba(6,23,47,.08));
  -webkit-mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.42) 5%, black 13%, black 92%, rgba(0,0,0,.68) 98%, transparent 100%),
    linear-gradient(to bottom, rgba(0,0,0,.86) 0%, black 12%, black 86%, transparent 100%);
  -webkit-mask-composite:source-in;
  mask-image:
    linear-gradient(to right, transparent 0%, rgba(0,0,0,.42) 5%, black 13%, black 92%, rgba(0,0,0,.68) 98%, transparent 100%),
    linear-gradient(to bottom, rgba(0,0,0,.86) 0%, black 12%, black 86%, transparent 100%);
  mask-composite:intersect;
}

/* CTA com degradê real, sem emenda vertical */
.tech-final-cta{
  background:
    radial-gradient(circle at 84% 50%, rgba(67,152,255,.22), transparent 31%),
    radial-gradient(circle at 58% 70%, rgba(0,214,160,.16), transparent 30%),
    linear-gradient(90deg,#065F59 0%,#0B6E68 36%,#2F8BA3 68%,#5E8EB7 100%) !important;
}

.tech-final-cta::before{
  inset:0 !important;
  background:
    radial-gradient(circle at 72% 55%, rgba(45,204,160,.17), transparent 30%),
    radial-gradient(circle at 88% 45%, rgba(70,160,255,.20), transparent 25%) !important;
  filter:none !important;
  opacity:1 !important;
}

.tech-final-cta::after{
  inset:0 !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0)),
    radial-gradient(circle at 20% 30%, rgba(255,255,255,.06), transparent 24%),
    url("../images/home/tecnologia-wave.webp") right center/58% auto no-repeat !important;
  opacity:.16 !important;
  mix-blend-mode:screen !important;
  mask-image:none !important;
}

.tech-final-cta > *{
  position:relative;
  z-index:2;
}

@media (max-width:1100px){
  .eve-platform-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .platform-flow{
    max-width:100%;
  }
  .platform-visual-stage{
    width:100%;
    transform:none;
  }
}

@media (max-width:760px){
  .eve-platform-section{
    padding:64px 0 48px;
  }
  .eve-platform-title img{
    height:35px;
  }
  .platform-flow{
    grid-template-columns:repeat(2, minmax(120px,1fr));
    gap:22px 16px;
  }
  .platform-flow::before,
  .platform-step::after{
    display:none;
  }
  .platform-icon{
    width:66px;
    height:66px;
    border-radius:18px;
  }
  .platform-step span{
    max-width:120px;
  }
  .eve-platform-visual{
    min-height:300px;
  }
  .platform-visual-stage{
    width:118%;
    transform:translateX(-4%);
  }
  .tech-final-cta::after{
    background-size:88% auto !important;
    background-position:right -70px bottom -18px !important;
  }
}


/* ===== V8: restaura composição da EVE como imagem única + texto vivo ===== */
.eve-platform-section,
.eve-tech-section {
  display: none !important;
}

.eve-tech-composite-section {
  position: relative;
  padding: 92px 0 76px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFDFE 100%);
}

.eve-tech-composite-wrap {
  display: grid;
  gap: 28px;
}

.eve-tech-composite-copy {
  max-width: 560px;
}

.eve-tech-composite-title {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  font-size: clamp(34px, 3.25vw, 50px);
  line-height: 1;
  letter-spacing: -0.048em;
  font-weight: 800;
  color: var(--ink);
}

.eve-tech-composite-title img {
  height: 41px;
  width: auto;
  transform: translateY(-2px);
}

.eve-tech-composite-copy p {
  margin: 22px 0 0;
  max-width: 520px;
  font-size: 17px;
  line-height: 1.72;
  color: #2E4057;
}

.eve-tech-composite-visual {
  position: relative;
  border-radius: 28px;
  overflow: hidden;
  background: linear-gradient(180deg, #FFFFFF 0%, #FBFCFD 100%);
}

.eve-tech-composite-visual img {
  width: 100%;
  display: block;
}

/* ===== V8: CTA volta para a linguagem do mockup de referência ===== */
.tech-final-cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 40px;
  padding: 34px 56px;
  min-height: 185px;
  border-radius: 34px;
  background: #083D43;
  isolation: isolate;
}

.tech-final-cta::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(4, 23, 34, 0.82) 0%, rgba(3, 74, 74, 0.64) 34%, rgba(7, 67, 77, 0.40) 62%, rgba(5, 47, 54, 0.34) 100%),
    url("../images/home/tech-cta-reference.webp") center/cover no-repeat;
}

.tech-final-cta > * {
  position: relative;
  z-index: 2;
}

.tech-final-cta > div {
  max-width: 470px;
}

.tech-final-cta h2 {
  margin: 0 0 10px;
  max-width: 520px;
  color: #FFFFFF;
  font-size: clamp(30px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  font-weight: 800;
}

.tech-final-cta p {
  margin: 0;
  color: rgba(255,255,255,0.94);
  font-size: 16px;
  line-height: 1.6;
}

.tech-final-cta .btn-outline {
  flex: 0 0 auto;
  min-width: 300px;
  justify-content: center;
  color: #FFFFFF;
  border: 1.6px solid rgba(255,255,255,0.92);
  background: rgba(10, 31, 41, 0.24);
  backdrop-filter: blur(4px);
  box-shadow: none;
}

.tech-final-cta .btn-outline:hover {
  background: rgba(255,255,255,0.10);
}

@media (max-width: 900px) {
  .tech-final-cta {
    padding: 28px 28px 30px;
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }

  .tech-final-cta .btn-outline {
    min-width: 0;
    width: 100%;
  }
}

@media (max-width: 760px) {
  .eve-tech-composite-section {
    padding: 68px 0 52px;
  }

  .eve-tech-composite-title img {
    height: 34px;
  }

  .eve-tech-composite-copy p {
    font-size: 16px;
    line-height: 1.65;
  }

  .eve-tech-composite-visual {
    border-radius: 20px;
  }
}


/* ===== V9: EVE composite without cut + flat CTA ===== */
.eve-tech-composite-wrap {
  gap: 26px;
}

.eve-tech-composite-copy {
  max-width: 620px;
}

.eve-tech-composite-copy p {
  max-width: 600px;
}

.eve-tech-composite-visual {
  border-radius: 0;
  overflow: visible;
  background: transparent;
}

.eve-tech-composite-visual picture,
.eve-tech-composite-visual img {
  display: block;
  width: 100%;
}

.eve-tech-composite-visual img {
  max-width: 1280px;
  height: auto;
  margin: 0 auto;
  object-fit: contain;
}

/* flatten CTA and remove photographic background */
.tech-final-cta {
  position: relative;
  overflow: hidden;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 42px;
  padding: 34px 56px;
  min-height: 185px;
  border-radius: 34px;
  background: linear-gradient(90deg, #0B6B63 0%, #0D6A66 42%, #5D9FCC 100%);
  isolation: isolate;
}

.tech-final-cta::before,
.tech-final-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 0;
  pointer-events: none;
}

.tech-final-cta::before {
  background:
    radial-gradient(circle at 78% 50%, rgba(255,255,255,0.10) 0%, rgba(255,255,255,0.02) 22%, transparent 42%),
    linear-gradient(120deg, transparent 0 58%, rgba(255,255,255,0.05) 58%, rgba(255,255,255,0.02) 66%, transparent 66%);
}

.tech-final-cta::after {
  background:
    radial-gradient(120% 70% at 76% 56%, transparent 0 54%, rgba(255,255,255,0.12) 54.5%, transparent 55.5%),
    radial-gradient(118% 68% at 66% 60%, transparent 0 52%, rgba(255,255,255,0.07) 52.4%, transparent 53.2%),
    linear-gradient(90deg, rgba(255,255,255,0.07), rgba(255,255,255,0) 34%);
  opacity: .45;
}

.tech-final-cta > * {
  position: relative;
  z-index: 2;
}

.tech-final-cta > div { max-width: 470px; }

.tech-final-cta h2 {
  margin: 0 0 10px;
  max-width: 520px;
  color: #FFFFFF;
  font-size: clamp(30px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -0.04em;
  font-weight: 800;
}

.tech-final-cta p {
  margin: 0;
  color: rgba(255,255,255,0.94);
  font-size: 16px;
  line-height: 1.6;
}

.tech-final-cta .btn-outline {
  flex: 0 0 auto;
  min-width: 300px;
  justify-content: center;
  color: #FFFFFF;
  border: 1.6px solid rgba(255,255,255,0.92);
  background: rgba(255,255,255,0.05);
  backdrop-filter: blur(2px);
  box-shadow: none;
}

.tech-final-cta .btn-outline:hover {
  background: rgba(255,255,255,0.10);
}

@media (max-width: 900px) {
  .tech-final-cta {
    padding: 28px 28px 30px;
    align-items: flex-start;
    flex-direction: column;
    gap: 22px;
  }
  .tech-final-cta .btn-outline {
    min-width: 0;
    width: 100%;
  }
}


/* ===== V10: hybrid composite exact reference + flat CTA refined ===== */
.eve-tech-hybrid-section {
  padding: 92px 0 76px;
  background: linear-gradient(180deg, #FFFFFF 0%, #FCFDFE 100%);
}

.eve-tech-hybrid-frame {
  position: relative;
}

.eve-tech-hybrid-image,
.eve-tech-hybrid-image img {
  display: block;
  width: 100%;
}

.eve-tech-hybrid-image img {
  height: auto;
  border-radius: 0;
}

.eve-tech-hybrid-copy {
  position: absolute;
  top: 8px;
  left: 0;
  width: min(38.5%, 420px);
  padding: 10px 18px 6px 0;
  background: linear-gradient(90deg, rgba(255,255,255,0.98) 0%, rgba(255,255,255,0.96) 78%, rgba(255,255,255,0.0) 100%);
}

.eve-tech-hybrid-title {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  font-size: clamp(34px, 3.1vw, 50px);
  line-height: 1;
  letter-spacing: -0.048em;
  font-weight: 800;
  color: var(--ink);
}

.eve-tech-hybrid-title img {
  height: 41px;
  width: auto;
  transform: translateY(-2px);
}

.eve-tech-hybrid-copy p {
  margin: 20px 0 0;
  max-width: 500px;
  font-size: 17px;
  line-height: 1.72;
  color: #2E4057;
}

/* CTA without image, only subtle linework */
.tech-final-cta {
  position: relative;
  overflow: hidden;
  margin: 0 auto 58px;
  padding: 40px 56px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  color: white;
  background: linear-gradient(90deg, #0A6D61 0%, #0D6F67 32%, #0E6C74 58%, #5A96C9 100%);
  box-shadow: var(--soft-shadow);
  isolation: isolate;
}

.tech-final-cta::before,
.tech-final-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tech-final-cta::before {
  background:
    radial-gradient(circle at 76% 50%, rgba(255,255,255,0.10), transparent 28%),
    linear-gradient(90deg, rgba(255,255,255,0.03) 0%, rgba(255,255,255,0.0) 34%);
  z-index: 0;
}

.tech-final-cta::after {
  inset: 10px 22px 12px 22px;
  background:
    radial-gradient(120% 70% at 78% 56%, transparent 0 60%, rgba(255,255,255,0.12) 60.6%, transparent 61.5%),
    radial-gradient(118% 68% at 67% 58%, transparent 0 57%, rgba(255,255,255,0.08) 57.6%, transparent 58.4%),
    radial-gradient(115% 67% at 58% 58%, transparent 0 54%, rgba(255,255,255,0.05) 54.6%, transparent 55.3%);
  opacity: .45;
  z-index: 1;
}

.tech-final-cta > * {
  position: relative;
  z-index: 2;
}

.tech-final-cta h2 {
  margin: 0;
  max-width: 520px;
  font-size: clamp(30px, 3vw, 38px);
  line-height: 1.08;
  letter-spacing: -0.04em;
}

.tech-final-cta p {
  margin: 14px 0 0;
  max-width: 560px;
  color: rgba(255,255,255,.88);
  line-height: 1.6;
}

.tech-final-cta .btn {
  border-color: rgba(255,255,255,.68);
  color: white;
  background: rgba(255,255,255,.08);
  box-shadow: none;
}

@media (max-width: 1024px) {
  .eve-tech-hybrid-copy {
    width: min(42%, 420px);
    top: 0;
  }
  .eve-tech-hybrid-title {
    font-size: clamp(30px, 3vw, 44px);
  }
  .eve-tech-hybrid-copy p {
    font-size: 16px;
    line-height: 1.62;
  }
}

@media (max-width: 760px) {
  .eve-tech-hybrid-section {
    padding: 68px 0 52px;
  }
  .eve-tech-hybrid-frame {
    display: grid;
    gap: 18px;
  }
  .eve-tech-hybrid-copy {
    position: static;
    width: 100%;
    padding: 0;
    background: none;
  }
  .eve-tech-hybrid-title img {
    height: 34px;
  }
  .tech-final-cta {
    flex-direction: column;
    align-items: flex-start;
    padding: 34px 28px;
  }
}


/* ===== V11: bloco EVE aprovado como imagem final sem duplicação de texto ===== */
.sr-only{
  position:absolute;
  width:1px;
  height:1px;
  padding:0;
  margin:-1px;
  overflow:hidden;
  clip:rect(0,0,0,0);
  white-space:nowrap;
  border:0;
}

.eve-tech-hybrid-section,
.eve-tech-composite-section,
.eve-platform-section,
.eve-tech-section{
  display:none !important;
}

.eve-tech-final-image-section{
  padding:92px 0 76px;
  background:linear-gradient(180deg,#FFFFFF 0%,#FCFDFE 100%);
}

.eve-tech-final-image,
.eve-tech-final-image img{
  display:block;
  width:100%;
}

.eve-tech-final-image img{
  height:auto;
  border-radius:0;
}

@media (max-width:760px){
  .eve-tech-final-image-section{
    padding:68px 0 52px;
    overflow-x:auto;
  }
  .eve-tech-final-image img{
    min-width:920px;
  }
}

/* --- Final override: technology CTA with HTML text over clean background image --- */
.tech-final-cta {
  position: relative;
  overflow: hidden;
  margin: 0 auto 58px;
  padding: 46px 56px;
  min-height: 238px;
  border-radius: 30px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
  color: #FFFFFF;
  background: linear-gradient(90deg, #085f56 0%, #0A6C62 34%, #0D7370 62%, #4D88C5 100%);
  box-shadow: var(--soft-shadow);
  isolation: isolate;
}

.tech-final-cta::before,
.tech-final-cta::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
}

.tech-final-cta::before {
  z-index: 0;
  background:
    linear-gradient(90deg, rgba(4,72,66,.92) 0%, rgba(6,95,85,.88) 28%, rgba(8,104,97,.55) 46%, rgba(8,104,97,.18) 58%, rgba(8,104,97,0) 70%),
    url("../images/home/tech-cta-html-bg.webp") center/cover no-repeat;
}

.tech-final-cta::after {
  z-index: 1;
  inset: 14px 16px;
  border-radius: 24px;
  background:
    radial-gradient(85% 100% at 73% 52%, rgba(255,255,255,.08) 0%, rgba(255,255,255,.02) 35%, transparent 62%),
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,0));
  mix-blend-mode: screen;
  opacity: .32;
}

.tech-final-cta > * {
  position: relative;
  z-index: 2;
}

.tech-final-cta > div {
  max-width: 520px;
}

.tech-final-cta h2 {
  margin: 0;
  max-width: 540px;
  font-size: clamp(30px, 3vw, 38px);
  line-height: 1.05;
  letter-spacing: -0.045em;
  color: #FFFFFF;
}

.tech-final-cta p {
  margin: 14px 0 0;
  max-width: 500px;
  color: rgba(255,255,255,.92);
  line-height: 1.58;
  font-size: 17px;
}

.tech-final-cta .btn,
.tech-final-cta .btn-outline {
  position: relative;
  z-index: 2;
  min-width: 280px;
  justify-content: center;
  border-color: rgba(255,255,255,.82);
  color: #FFFFFF;
  background: rgba(255,255,255,.04);
  box-shadow: none;
  backdrop-filter: blur(3px);
}

.tech-final-cta .btn:hover,
.tech-final-cta .btn-outline:hover {
  background: rgba(255,255,255,.12);
  border-color: rgba(255,255,255,.98);
}

@media (max-width: 1024px) {
  .tech-final-cta {
    padding: 42px 38px;
    min-height: 220px;
  }
  .tech-final-cta::before {
    background:
      linear-gradient(90deg, rgba(4,72,66,.94) 0%, rgba(6,95,85,.90) 42%, rgba(8,104,97,.48) 62%, rgba(8,104,97,.06) 78%),
      url("../images/home/tech-cta-html-bg.webp") center/cover no-repeat;
  }
}

@media (max-width: 760px) {
  .tech-final-cta {
    padding: 34px 26px;
    flex-direction: column;
    align-items: flex-start;
    gap: 24px;
    min-height: auto;
  }
  .tech-final-cta::before {
    background:
      linear-gradient(180deg, rgba(4,72,66,.92) 0%, rgba(6,95,85,.84) 40%, rgba(8,104,97,.52) 68%, rgba(8,104,97,.18) 100%),
      url("../images/home/tech-cta-html-bg.webp") center/cover no-repeat;
  }
  .tech-final-cta .btn,
  .tech-final-cta .btn-outline {
    min-width: 0;
    width: 100%;
  }
}


/* --- v13 final override: exact CTA background from approved annex + HTML text --- */
.tech-final-cta{position:relative;overflow:hidden;margin:0 auto 58px;padding:0 !important;min-height:0 !important;border-radius:38px;background:transparent !important;box-shadow:var(--soft-shadow);display:grid !important;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:32px;color:#fff;isolation:isolate;}
.tech-final-cta::before{content:"";position:absolute;inset:0;border-radius:38px;background:url("../images/home/tech-cta-anexo.webp") center/cover no-repeat;z-index:0;}
.tech-final-cta::after{content:"";position:absolute;inset:0;border-radius:38px;background:linear-gradient(90deg,rgba(2,21,46,.10) 0%, rgba(4,39,71,.04) 42%, rgba(5,78,88,0) 100%);z-index:0;pointer-events:none;}
.tech-final-cta > *{position:relative;z-index:1;}
.tech-final-cta > div{padding:64px 0 64px 64px;max-width:760px;}
.tech-final-cta h2{margin:0 0 20px;max-width:760px;font-size:clamp(34px,3.85vw,66px);line-height:1.04;letter-spacing:-.04em;color:#fff;font-weight:700;}
.tech-final-cta p{margin:0;max-width:740px;font-size:clamp(18px,1.55vw,24px);line-height:1.72;color:rgba(255,255,255,.96);}
.tech-final-cta .btn,.tech-final-cta .btn-outline{justify-self:end;align-self:center;margin-right:108px;min-width:420px;min-height:94px;border-radius:999px;border:3px solid rgba(255,255,255,.92);background:rgba(255,255,255,.03);color:#fff;font-size:clamp(18px,1.3vw,24px);font-weight:700;box-shadow:none;backdrop-filter:none;padding:0 36px;}
.tech-final-cta .btn:hover,.tech-final-cta .btn-outline:hover{background:rgba(255,255,255,.08);border-color:#fff;color:#fff;}
@media (max-width:1280px){.tech-final-cta{grid-template-columns:1fr;}.tech-final-cta > div{padding:56px 40px 0 40px;}.tech-final-cta .btn,.tech-final-cta .btn-outline{justify-self:start;margin:0 0 48px 40px;min-width:320px;min-height:76px;}}
@media (max-width:760px){.tech-final-cta{border-radius:28px;}.tech-final-cta::before,.tech-final-cta::after{border-radius:28px;}.tech-final-cta > div{padding:36px 24px 0 24px;}.tech-final-cta h2{font-size:clamp(30px,9vw,46px);}.tech-final-cta p{font-size:17px;line-height:1.65;}.tech-final-cta .btn,.tech-final-cta .btn-outline{margin:0 24px 26px 24px;width:calc(100% - 48px);min-width:0;min-height:64px;font-size:18px;}}


/* ===== Final override — tecnologia CTA readability ===== */
.tech-final-cta{
  position:relative;
  overflow:hidden;
  margin:0 auto 58px;
  padding:0 !important;
  min-height:300px;
  border-radius:38px;
  background:linear-gradient(90deg,#031A39 0%, #053050 38%, #045B66 68%, #0A8C8C 100%) !important;
  box-shadow:0 22px 56px rgba(4,22,44,.18);
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  align-items:center;
  gap:26px;
  color:#fff;
  isolation:isolate;
}
.tech-final-cta::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:38px;
  background:url("../images/home/tech-cta-html-bg.webp") center/cover no-repeat;
  z-index:0;
}
.tech-final-cta::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:38px;
  background:linear-gradient(90deg, rgba(2,14,30,.18) 0%, rgba(2,14,30,.10) 30%, rgba(2,14,30,.06) 55%, rgba(2,14,30,.10) 100%);
  z-index:0;
  pointer-events:none;
}
.tech-final-cta > *{ position:relative; z-index:1; }
.tech-final-cta > div{ padding:58px 0 58px 58px; max-width:640px; }
.tech-final-cta h2{
  margin:0 0 16px;
  max-width:630px;
  font-size:clamp(34px,3.35vw,58px);
  line-height:1.06;
  letter-spacing:-.04em;
  color:#fff;
  font-weight:700;
  text-shadow:0 4px 18px rgba(0,0,0,.18);
}
.tech-final-cta p{
  margin:0;
  max-width:600px;
  font-size:clamp(18px,1.35vw,23px);
  line-height:1.65;
  color:rgba(255,255,255,.96);
  text-shadow:0 3px 12px rgba(0,0,0,.15);
}
.tech-final-cta .btn,
.tech-final-cta .btn-outline{
  justify-self:end;
  align-self:center;
  margin-right:82px;
  min-width:360px;
  min-height:84px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:clamp(18px,1.15vw,22px);
  font-weight:700;
  box-shadow:none;
  padding:0 34px;
}
.tech-final-cta .btn:hover,
.tech-final-cta .btn-outline:hover{ background:rgba(255,255,255,.10); border-color:#fff; color:#fff; }

@media (max-width:1280px){
  .tech-final-cta{ grid-template-columns:1fr; }
  .tech-final-cta > div{ padding:44px 40px 0 40px; }
  .tech-final-cta .btn,
  .tech-final-cta .btn-outline{ justify-self:start; margin:0 0 40px 40px; min-width:320px; min-height:76px; }
}
@media (max-width:760px){
  .tech-final-cta{ border-radius:28px; min-height:auto; }
  .tech-final-cta::before,
  .tech-final-cta::after{ border-radius:28px; }
  .tech-final-cta > div{ padding:34px 24px 0 24px; }
  .tech-final-cta h2{ font-size:clamp(30px,9vw,44px); }
  .tech-final-cta p{ font-size:17px; line-height:1.6; }
  .tech-final-cta .btn,
  .tech-final-cta .btn-outline{ margin:0 24px 24px 24px; width:calc(100% - 48px); min-width:0; min-height:64px; font-size:18px; }
}

/* ===== Final alignment — performance page follows approved mockup ===== */
.page-performance .section-head.center{ margin-bottom:30px; }
.page-performance .section-head.center h2{ color:#16315A; }
.page-performance .section-head.center span{ width:52px; height:4px; margin-top:10px; background:linear-gradient(90deg,var(--green),var(--blue)); }
.page-performance .perf-integration-band{ background:#fff; border-radius:22px; border:1px solid #E5EBF3; box-shadow:0 10px 24px rgba(15,33,66,.05); }
.page-performance .perf-integration-band .band-copy h2{ color:#122B4B; }
.page-performance .perf-integration-band .band-copy p{ color:#394E6E; }
.page-performance .perf-steps-grid .step-card,
.page-performance .capabilities-grid article,
.page-performance .decision-card,
.page-performance .results-grid article{ background:#fff; }
.page-performance .capabilities-grid article,
.page-performance .results-grid article{ box-shadow:0 10px 22px rgba(13,31,55,.05); }
.page-performance .perf-final-cta-box{ background:linear-gradient(90deg,#123FB7 0%, #1553D3 26%, #1266B8 58%, #11B57C 100%); }


/* ========== PERFORMANCE PAGE ========== */
.page-performance{background:linear-gradient(180deg,#FBFDFF 0%,#FFFFFF 26%,#FFFFFF 100%);color:var(--ink)}
.perf-header .nav a.is-active::after{transform:scaleX(1);background:var(--blue)}
.perf-hero{padding:54px 0 36px;background:
  radial-gradient(circle at 70% 4%, rgba(255,248,236,.95), transparent 23%),
  linear-gradient(180deg,#fff 0%,#FBFDFF 100%)}
.perf-hero-layout{display:grid;grid-template-columns:minmax(330px,.9fr) minmax(500px,1.1fr);gap:42px;align-items:start}
.perf-copy{padding-top:78px}
.perf-eyebrow{display:inline-block;margin-bottom:22px;color:var(--green);font-size:14px;font-weight:700;letter-spacing:.04em}
.perf-copy h1{margin:0;font-size:clamp(56px,5vw,82px);line-height:.95;letter-spacing:-.065em;font-weight:800;color:var(--ink)}
.perf-lead{margin:28px 0 0;max-width:470px;color:#31455D;font-size:18px;line-height:1.74}.perf-lead strong{color:var(--blue);font-weight:700}.perf-link{display:inline-flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--blue);margin-left:4px}
.perf-mini-card{display:flex;align-items:center;gap:16px;margin-top:26px;padding:22px 24px;max-width:360px;background:#fff;border:1px solid #E4ECF4;border-radius:20px;box-shadow:var(--soft-shadow)}
.perf-mini-card p{margin:0;color:#1D3560;font-size:16px;line-height:1.42}.perf-mini-card strong{font-weight:700}.perf-mini-icon{width:50px;height:50px;display:grid;place-items:center;color:var(--blue)}
.perf-mini-icon svg{width:48px;height:48px}
.perf-hero-right{display:grid;gap:18px}
.perf-contact-mini{display:flex;justify-content:flex-end;gap:20px 28px;flex-wrap:wrap;padding:2px 4px 0 0}.perf-contact-mini a{position:relative;padding-left:18px;font-size:14px;color:#445975;font-weight:500}.perf-contact-mini a::before{content:"";position:absolute;left:0;top:8px;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--green),var(--blue));opacity:.85}
.perf-vision-card{background:#fff;border:1px solid #E5ECF4;border-radius:28px;box-shadow:var(--shadow);padding:22px 22px 18px}
.vision-head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px}.vision-head h2{margin:0;font-size:18px;color:#152D4A}.vision-head button{border:1px solid #D9E4EF;background:#fff;border-radius:12px;padding:10px 14px;font:600 13px Poppins,sans-serif;color:#516680}
.vision-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:16px}.vision-stats article{padding:16px 16px 14px;border:1px solid #E7EEF6;border-radius:18px;background:#fff}.vision-stats span{display:block;color:#6B7D94;font-size:12px;font-weight:600}.vision-stats strong{display:block;margin-top:8px;color:#11284A;font-size:36px;line-height:1;font-weight:700;letter-spacing:-.05em}.vision-stats em{display:block;margin-top:10px;color:var(--green);font-size:11px;font-weight:600;font-style:normal}
.vision-charts{display:grid;grid-template-columns:1.38fr .9fr;gap:16px;margin-bottom:16px}.chart-card{padding:18px;border:1px solid #E7EEF6;border-radius:22px;background:#fff}.chart-card h3,.vision-insights h3{margin:0 0 14px;color:#17304E;font-size:16px}.legend{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:8px}.lg{position:relative;padding-left:16px;color:#667891;font-size:11px;font-weight:600}.lg::before{content:"";position:absolute;left:0;top:6px;width:9px;height:9px;border-radius:50%}.lg.green::before{background:#4DBE8D}.lg.purple::before{background:#7A63FF}.lg.teal::before{background:#1262D9}.linechart{width:100%;height:auto}
.donut-wrap{display:flex;align-items:center;gap:16px}.donut-svg{width:160px;height:160px;flex:0 0 auto}.donut-wrap ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.donut-wrap li{display:flex;align-items:center;gap:10px;color:#566A83;font-size:13px;font-weight:600}.dot{width:10px;height:10px;border-radius:50%}.dot.blue{background:#1262D9}.dot.green{background:#008B58}.dot.teal{background:#31B7B2}.dot.purple{background:#7A63FF}
.vision-insights{padding:18px;border:1px solid #E7EEF6;border-radius:22px;background:#fff}.insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.insight-grid article{display:flex;gap:10px;align-items:flex-start;padding:10px 4px}.ins-ico{display:grid;place-items:center;flex:0 0 32px;width:32px;height:32px;border-radius:50%;background:#F4F8FC;color:#557AA6;font-weight:700}.insight-grid p{margin:0;color:#60728B;font-size:12px;line-height:1.6}.insight-grid strong{color:#233C5C}
.perf-band-section{padding:18px 0 24px}.perf-integration-band{position:relative;display:grid;grid-template-columns:120px 1fr;align-items:center;gap:28px;padding:34px 38px;background:#fff;border:1px solid #E4ECF4;border-radius:22px;overflow:hidden}.perf-integration-band::before,.perf-integration-band::after{content:"";position:absolute;top:18px;bottom:18px;width:180px;pointer-events:none;opacity:.5;background:repeating-radial-gradient(circle at 0 50%, transparent 0 14px, rgba(18,98,217,.14) 15px 16px, transparent 17px 30px)}.perf-integration-band::before{left:-48px}.perf-integration-band::after{right:-48px;transform:scaleX(-1)}.band-icon{width:84px;height:84px;border-radius:18px;display:grid;place-items:center;color:var(--green)}.band-icon svg{width:76px;height:76px}.band-copy h2{margin:0;color:#1B2E4C;font-size:clamp(28px,2.65vw,46px);line-height:1.14;letter-spacing:-.04em}.band-copy p{margin:12px 0 0;color:#51637B;font-size:22px}.band-copy strong{color:var(--blue)}
.perf-steps-section,.perf-capabilities-section,.perf-decision-flow,.perf-results-section{padding:24px 0}.section-head.center{text-align:center;margin-bottom:28px}.section-head.center h2{margin:0;color:#122B4B;font-size:clamp(30px,2.8vw,44px);letter-spacing:-.04em}.section-head.center span{display:inline-block;width:54px;height:3px;border-radius:4px;margin-top:12px;background:linear-gradient(90deg,var(--green),var(--blue))}
.perf-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.step-card{position:relative;padding:20px 12px 8px;background:transparent}.step-no{display:block;margin-bottom:8px;color:#D6DCE6;font-size:54px;font-weight:600;line-height:1}.step-icon{width:72px;height:72px;display:grid;place-items:center;color:var(--blue);font-size:40px;margin-bottom:18px}.step-card h3{margin:0 0 12px;color:#173154;font-size:24px;line-height:1.22}.step-card p{margin:0;color:#5C7088;font-size:15px;line-height:1.75}
.capabilities-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin-top:4px}.capabilities-grid article{padding:16px 18px 10px;text-align:center;border-right:1px solid #E6ECF4}.capabilities-grid article:last-child{border-right:0}.cap-ico{width:52px;height:52px;border-radius:50%;margin:0 auto 14px;display:grid;place-items:center;color:var(--blue);font-size:30px;border:2px solid rgba(18,98,217,.18)}.capabilities-grid h3{margin:0;color:#163356;font-size:16px;line-height:1.45;font-weight:600}
.decision-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.decision-card{padding:18px 18px 16px;background:#fff;border:1px solid #E5ECF4;border-radius:18px;min-height:144px}.dc-ico{width:54px;height:54px;border-radius:14px;display:grid;place-items:center;font-size:28px;margin-bottom:14px;background:#F5F9FD}.dc-ico.green{color:var(--green)}.dc-ico.blue{color:var(--blue)}.dc-ico.white{color:#fff;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16)}.decision-card h3{margin:0 0 8px;color:#183557;font-size:20px}.decision-card p{margin:0;color:#61738B;font-size:14px;line-height:1.6}.decision-card.active{background:linear-gradient(135deg,#0F4FD0,#093AA1);border-color:transparent;box-shadow:0 18px 42px rgba(18,98,217,.28)}.decision-card.active h3,.decision-card.active p{color:#fff}
.results-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.results-grid article{padding:22px 18px 18px;background:#fff;border:1px solid #E5ECF4;border-radius:18px;min-height:180px}.res-ico{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;margin-bottom:14px;font-size:28px;color:var(--green);border:2px solid rgba(0,139,88,.14)}.results-grid h3{margin:0 0 10px;color:#163154;font-size:20px}.results-grid p{margin:0;color:#607189;font-size:14px;line-height:1.65}
.perf-final-cta{padding:18px 0 34px}.perf-final-cta-box{display:grid;grid-template-columns:96px 1fr auto;align-items:center;gap:24px;padding:26px 30px;background:linear-gradient(90deg,#1247C7 0%,#0D3FAF 18%,#0D5C8E 56%,#12B36E 100%);border-radius:22px;color:#fff;box-shadow:0 18px 48px rgba(6,23,47,.16);position:relative;overflow:hidden}.perf-final-cta-box::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 50%,rgba(255,255,255,.10),transparent 24%), radial-gradient(circle at 24% -20%,rgba(255,255,255,.08),transparent 28%);pointer-events:none}.perf-final-icon{width:78px;height:78px;border-radius:20px;display:grid;place-items:center;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.15);font-size:42px;position:relative;z-index:1}.perf-final-copy{position:relative;z-index:1}.perf-final-copy h2{margin:0 0 8px;color:#fff;font-size:clamp(28px,2.7vw,44px);line-height:1.15;letter-spacing:-.04em}.perf-final-copy p{margin:0;color:rgba(255,255,255,.92);font-size:16px;line-height:1.6}.perf-final-btn{position:relative;z-index:1;min-width:280px;background:#fff;color:#123B74;box-shadow:none}
.perf-footer .footer-logo{width:200px}
@media (max-width:1200px){.perf-hero-layout{grid-template-columns:1fr}.perf-copy{padding-top:28px}.perf-contact-mini{justify-content:flex-start}.vision-stats,.insight-grid,.perf-steps-grid,.decision-grid,.results-grid{grid-template-columns:repeat(2,1fr)}.vision-charts{grid-template-columns:1fr}.capabilities-grid{grid-template-columns:repeat(3,1fr);gap:14px}.capabilities-grid article{border-right:0;border:1px solid #E6ECF4;border-radius:16px}.perf-final-cta-box{grid-template-columns:1fr}.perf-final-btn{justify-self:start}}
@media (max-width:760px){.perf-hero{padding:28px 0}.container{width:min(var(--max),calc(100% - 32px))}.perf-copy h1{font-size:48px}.perf-lead{font-size:16px}.vision-stats,.insight-grid,.perf-steps-grid,.decision-grid,.results-grid,.capabilities-grid{grid-template-columns:1fr}.perf-mini-card{max-width:none}.perf-integration-band{grid-template-columns:1fr;padding:28px 22px}.band-copy p{font-size:18px}.perf-final-cta-box{padding:24px 22px}.perf-final-btn{min-width:0;width:100%}}


/* ===== V15 FINAL — Tecnologia CTA readable + Performance mockup fidelity ===== */
.tech-final-cta{
  position:relative;
  overflow:hidden;
  margin:0 auto 58px;
  padding:0 !important;
  min-height:300px;
  border-radius:38px;
  background:linear-gradient(90deg,#031A39 0%, #053050 38%, #045B66 68%, #0A8C8C 100%) !important;
  box-shadow:0 22px 56px rgba(4,22,44,.18);
  display:grid !important;
  grid-template-columns:minmax(0,1.15fr) minmax(260px,.85fr);
  align-items:center;
  gap:26px;
  color:#fff;
  isolation:isolate;
}
.tech-final-cta::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:38px;
  background:url("../images/home/tech-cta-html-bg.webp") center/cover no-repeat;
  z-index:0;
}
.tech-final-cta::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:38px;
  background:linear-gradient(90deg, rgba(2,14,30,.18) 0%, rgba(2,14,30,.10) 30%, rgba(2,14,30,.06) 55%, rgba(2,14,30,.10) 100%);
  z-index:0;
  pointer-events:none;
}
.tech-final-cta > *{ position:relative; z-index:1; }
.tech-final-cta > div{ padding:58px 0 58px 58px; max-width:640px; }
.tech-final-cta h2{
  margin:0 0 16px;
  max-width:630px;
  font-size:clamp(34px,3.35vw,58px);
  line-height:1.06;
  letter-spacing:-.04em;
  color:#fff;
  font-weight:700;
  text-shadow:0 4px 18px rgba(0,0,0,.18);
}
.tech-final-cta p{
  margin:0;
  max-width:600px;
  font-size:clamp(18px,1.35vw,23px);
  line-height:1.65;
  color:rgba(255,255,255,.96);
  text-shadow:0 3px 12px rgba(0,0,0,.15);
}
.tech-final-cta .btn,
.tech-final-cta .btn-outline{
  justify-self:end;
  align-self:center;
  margin-right:82px;
  min-width:360px;
  min-height:84px;
  border-radius:999px;
  border:2px solid rgba(255,255,255,.92);
  background:rgba(255,255,255,.04);
  color:#fff;
  font-size:clamp(18px,1.15vw,22px);
  font-weight:700;
  box-shadow:none;
  padding:0 34px;
}
.tech-final-cta .btn:hover,
.tech-final-cta .btn-outline:hover{ background:rgba(255,255,255,.10); border-color:#fff; color:#fff; }

.page-performance .perf-hero{padding-top:52px;}
.page-performance .perf-copy{padding-top:50px;}
.page-performance .perf-eyebrow{color:var(--green);font-size:13px;font-weight:800;letter-spacing:.06em;}
.page-performance .perf-copy h1{color:#071D3A;}
.page-performance .perf-copy h1 .blue{color:#1262D9;}
.page-performance .perf-vision-card{border-radius:24px;box-shadow:0 24px 58px rgba(7,29,58,.08);}
.page-performance .perf-integration-band{
  margin-top:10px;
  background:#fff;
  border-radius:22px;
  border:1px solid #E5EBF3;
  box-shadow:0 10px 24px rgba(15,33,66,.05);
}
.page-performance .perf-integration-band .band-copy h2{color:#122B4B;}
.page-performance .perf-integration-band .band-copy p{color:#394E6E;}
.page-performance .section-head.center h2{color:#16315A;}
.page-performance .section-head.center span{width:52px;height:4px;margin-top:10px;background:linear-gradient(90deg,var(--green),var(--blue));}
.page-performance .perf-final-cta-box{background:linear-gradient(90deg,#123FB7 0%, #1553D3 26%, #1266B8 58%, #11B57C 100%);}
.page-performance .perf-final-btn{background:#fff;color:#123B74;}

@media (max-width:1280px){
  .tech-final-cta{ grid-template-columns:1fr; }
  .tech-final-cta > div{ padding:44px 40px 0 40px; }
  .tech-final-cta .btn,
  .tech-final-cta .btn-outline{ justify-self:start; margin:0 0 40px 40px; min-width:320px; min-height:76px; }
}
@media (max-width:760px){
  .tech-final-cta{ border-radius:28px; min-height:auto; }
  .tech-final-cta::before,
  .tech-final-cta::after{ border-radius:28px; }
  .tech-final-cta > div{ padding:34px 24px 0 24px; }
  .tech-final-cta h2{ font-size:clamp(30px,9vw,44px); }
  .tech-final-cta p{ font-size:17px; line-height:1.6; }
  .tech-final-cta .btn,
  .tech-final-cta .btn-outline{ margin:0 24px 24px 24px; width:calc(100% - 48px); min-width:0; min-height:64px; font-size:18px; }
}

/* ===== V16 CTA sem imagem de fundo / apenas cor + texto HTML ===== */
.tech-final-cta{
  background: linear-gradient(90deg, #062754 0%, #0A3D6D 44%, #14939C 100%) !important;
  box-shadow: 0 18px 42px rgba(8, 31, 67, 0.16);
}
.tech-final-cta::before,
.tech-final-cta::after{
  content:none !important;
  background:none !important;
}
.tech-final-cta > div{
  max-width: 720px;
}
.tech-final-cta h2,
.tech-final-cta p,
.tech-final-cta .btn,
.tech-final-cta .btn-outline{
  position: relative;
  z-index: 2;
}
.tech-final-cta .btn,
.tech-final-cta .btn-outline{
  background: rgba(255,255,255,0.04);
  border: 2px solid rgba(255,255,255,0.9);
}
.tech-final-cta .btn:hover,
.tech-final-cta .btn-outline:hover{
  background: rgba(255,255,255,0.10);
}
@media (max-width: 1280px){
  .tech-final-cta{
    background: linear-gradient(135deg, #062754 0%, #0A3D6D 48%, #14939C 100%) !important;
  }
}

/* ===== V17 PERFORMANCE FIDELITY ===== */
.page-performance.perf-fidelity-page .site-header{background:rgba(255,255,255,.94);backdrop-filter:saturate(130%) blur(14px)}
.page-performance.perf-fidelity-page{background:linear-gradient(180deg,#FCFDFF 0%,#FFFFFF 22%,#FFFFFF 100%)}
.page-performance.perf-fidelity-page .perf-header .nav a.is-active::after{background:#1A59DE;transform:scaleX(1)}

.perf-fidelity-hero{position:relative;padding:48px 0 42px;background:
  radial-gradient(circle at 72% 0%, rgba(232,244,255,.95), transparent 22%),
  linear-gradient(180deg,#FFFFFF 0%,#FBFDFF 100%)}
.perf-fidelity-hero::before{content:"";position:absolute;left:0;right:0;bottom:24px;height:140px;pointer-events:none;background:repeating-linear-gradient(-24deg, rgba(20,98,217,.065) 0 1px, transparent 1px 18px);clip-path:polygon(0 38%, 32% 0, 32% 100%, 0 100%);opacity:.55}
.perf-fidelity-grid{display:grid;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.18fr);gap:44px;align-items:start}
.perf-fidelity-copy{padding-top:72px;position:relative;z-index:1}
.perf-fidelity-copy h1{margin:0;color:#081F43;font-size:clamp(40px,4.45vw,72px);line-height:1.07;letter-spacing:-.055em;font-weight:700;max-width:430px}
.perf-fidelity-copy h1 span{color:#1A59DE}
.perf-fidelity-copy p{margin:28px 0 0;max-width:430px;color:#2E4566;font-size:17px;line-height:1.9;font-weight:400}
.perf-fidelity-actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:28px}
.perf-fidelity-actions .btn{min-height:56px;padding:0 24px;font-size:14px;border-radius:16px;box-shadow:0 14px 30px rgba(0,139,88,.18)}
.page-performance.perf-fidelity-page .perf-link{display:inline-flex;align-items:center;gap:8px;color:#1A59DE;font-size:14px;font-weight:700;margin:0}

.perf-dashboard-card{background:#fff;border:1px solid #E6ECF4;border-radius:24px;box-shadow:0 22px 52px rgba(10,35,78,.08);padding:22px 22px 18px;position:relative;z-index:1}
.page-performance.perf-fidelity-page .vision-head{margin-bottom:16px}
.page-performance.perf-fidelity-page .vision-head h2{font-size:18px;font-weight:700;color:#16315A}
.page-performance.perf-fidelity-page .vision-head button{border:1px solid #DCE6F0;background:#fff;color:#4B617D;border-radius:12px;padding:10px 14px;font:600 13px Poppins,sans-serif}
.page-performance.perf-fidelity-page .vision-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:14px}
.page-performance.perf-fidelity-page .vision-stats article{padding:16px 14px;border:1px solid #E6EDF5;border-radius:16px;background:#fff}
.page-performance.perf-fidelity-page .vision-stats span{display:block;font-size:11px;line-height:1.45;color:#5D718A;font-weight:600}
.page-performance.perf-fidelity-page .vision-stats strong{display:block;margin-top:8px;color:#0F2649;font-size:24px;line-height:1.05;font-weight:700;letter-spacing:-.04em}
.page-performance.perf-fidelity-page .vision-stats em{display:block;margin-top:10px;color:#0C9A57;font-size:10px;line-height:1.4;font-weight:600;font-style:normal}
.page-performance.perf-fidelity-page .perf-fidelity-charts{display:grid;grid-template-columns:1.48fr .88fr;gap:14px;margin-bottom:14px}
.page-performance.perf-fidelity-page .chart-card{padding:16px;border:1px solid #E6EDF5;border-radius:18px;background:#fff}
.page-performance.perf-fidelity-page .chart-card h3,
.page-performance.perf-fidelity-page .vision-insights h3{margin:0 0 12px;color:#17304E;font-size:15px;font-weight:700}
.page-performance.perf-fidelity-page .legend{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:10px}
.page-performance.perf-fidelity-page .lg{position:relative;padding-left:16px;color:#687D96;font-size:11px;font-weight:600}
.page-performance.perf-fidelity-page .lg::before{content:"";position:absolute;left:0;top:5px;width:9px;height:9px;border-radius:50%}
.page-performance.perf-fidelity-page .lg.green::before{background:#4DBE8D}
.page-performance.perf-fidelity-page .lg.purple::before{background:#7A63FF}
.page-performance.perf-fidelity-page .lg.teal::before{background:#1262D9}
.page-performance.perf-fidelity-page .donut-wrap{display:flex;align-items:center;gap:14px}
.page-performance.perf-fidelity-page .donut-svg{width:152px;height:152px;flex:0 0 auto}
.page-performance.perf-fidelity-page .donut-wrap ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.page-performance.perf-fidelity-page .donut-wrap li{display:flex;align-items:center;gap:10px;color:#5A6E86;font-size:13px;font-weight:600}
.page-performance.perf-fidelity-page .dot{width:10px;height:10px;border-radius:50%}
.page-performance.perf-fidelity-page .dot.blue{background:#1262D9}
.page-performance.perf-fidelity-page .dot.green{background:#008B58}
.page-performance.perf-fidelity-page .dot.teal{background:#7A63FF}
.page-performance.perf-fidelity-page .dot.gray{background:#8A96A8}
.page-performance.perf-fidelity-page .vision-insights{padding:16px;border:1px solid #E6EDF5;border-radius:18px;background:#fff}
.page-performance.perf-fidelity-page .insight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
.page-performance.perf-fidelity-page .insight-grid article{display:flex;gap:10px;align-items:flex-start;padding:8px 4px}
.page-performance.perf-fidelity-page .ins-ico{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;flex:0 0 30px;font-size:14px;font-weight:700}
.page-performance.perf-fidelity-page .ins-ico.blue{background:#EEF4FF;color:#1A59DE}
.page-performance.perf-fidelity-page .ins-ico.green{background:#ECFBF3;color:#00985A}
.page-performance.perf-fidelity-page .insight-grid p{margin:0;color:#4F627B;font-size:12px;line-height:1.55}
.page-performance.perf-fidelity-page .insight-grid strong{color:#173253}

.perf-strategy-band{padding:20px 0 18px}
.perf-band-box{position:relative;display:grid;grid-template-columns:94px 1fr;align-items:center;gap:24px;padding:28px 34px;background:linear-gradient(90deg,#0F4FD0 0%, #0B43BB 40%, #0A3AAB 100%);border-radius:22px;overflow:hidden;box-shadow:0 20px 46px rgba(18,74,186,.18)}
.perf-band-box::after{content:"";position:absolute;right:-20px;bottom:-10px;width:380px;height:140px;background:repeating-radial-gradient(circle at 100% 100%, transparent 0 12px, rgba(255,255,255,.12) 13px 14px, transparent 15px 27px);opacity:.55;transform:scaleX(1.25)}
.band-box-icon{width:72px;height:72px;border-radius:20px;display:grid;place-items:center;color:#fff;border:2px solid rgba(255,255,255,.24);position:relative;z-index:1}
.band-box-icon svg{width:52px;height:52px}
.perf-band-box h2{position:relative;z-index:1;margin:0;color:#fff;font-size:clamp(26px,2.45vw,42px);line-height:1.18;letter-spacing:-.04em;font-weight:700;max-width:760px}

.perf-didyouknow-section{padding:22px 0 12px}
.perf-facts-card{background:#fff;border:1px solid #E6ECF4;border-radius:24px;box-shadow:0 10px 24px rgba(16,39,75,.04);padding:28px 28px 24px}
.perf-facts-head h2{margin:0;color:#132C53;font-size:26px;line-height:1.15;font-weight:700;letter-spacing:-.03em}
.perf-facts-head p{margin:8px 0 0;color:#51657E;font-size:17px;line-height:1.6}
.perf-facts-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:22px}
.perf-facts-grid article{display:flex;align-items:center;gap:18px;padding:12px 24px 12px 0;border-right:1px solid #E5EBF3}
.perf-facts-grid article:last-child{border-right:0;padding-right:0}
.fact-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;flex:0 0 66px;border:2px solid currentColor;font-size:34px;font-weight:600}
.fact-icon.green{color:#009958}
.fact-icon.blue{color:#174FCE}
.fact-icon svg{width:40px;height:40px}
.perf-facts-grid strong{display:block;color:#123257;font-size:22px;line-height:1.1;font-weight:700;letter-spacing:-.03em}
.perf-facts-grid span{display:block;margin-top:8px;color:#4F627C;font-size:14px;line-height:1.55}

.perf-value-flow-section{padding:22px 0 18px}
.perf-section-title h2{margin:0;color:#132D55;font-size:28px;line-height:1.15;letter-spacing:-.03em;font-weight:700}
.perf-value-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px;position:relative}
.perf-value-flow::before{content:"";position:absolute;left:52px;right:52px;top:30px;border-top:2px dashed #C8D6ED;z-index:0}
.flow-step{position:relative;z-index:1}
.flow-top{display:flex;align-items:center;gap:14px;margin-bottom:18px}
.flow-no{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#1554D3;color:#fff;font-size:14px;font-weight:700;box-shadow:0 10px 22px rgba(21,84,211,.22)}
.flow-icon{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1554D3;border:1px solid #DFE8F4;box-shadow:0 8px 18px rgba(16,39,75,.05)}
.flow-icon svg{width:44px;height:44px}
.flow-step h3{margin:0 0 12px;color:#173154;font-size:20px;line-height:1.22;font-weight:700;letter-spacing:-.02em}
.flow-step p{margin:0;color:#50647D;font-size:15px;line-height:1.7}

.page-performance.perf-fidelity-page .mockup-cta{padding:22px 0 34px}
.page-performance.perf-fidelity-page .perf-final-cta-clean{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:24px;padding:32px 36px;background:linear-gradient(90deg,#0C49C4 0%, #1157D0 46%, #10C3B1 100%);border-radius:22px;box-shadow:0 20px 46px rgba(17,87,208,.16)}
.page-performance.perf-fidelity-page .perf-final-copy h2{margin:0 0 12px;color:#fff;font-size:clamp(30px,2.6vw,44px);line-height:1.16;letter-spacing:-.04em;font-weight:700}
.page-performance.perf-fidelity-page .perf-final-copy p{margin:0;max-width:620px;color:rgba(255,255,255,.96);font-size:17px;line-height:1.7}
.page-performance.perf-fidelity-page .perf-final-btn{min-width:290px;min-height:64px;border-radius:16px;background:#fff;color:#1452CE;border:0;font-size:18px;font-weight:700;box-shadow:none;padding:0 28px}
.page-performance.perf-fidelity-page .perf-final-btn:hover{background:#F3F8FF;color:#1452CE}

.page-performance.perf-fidelity-page .perf-footer .footer-logo{width:200px}

@media (max-width:1200px){
  .perf-fidelity-grid{grid-template-columns:1fr;gap:28px}
  .perf-fidelity-copy{padding-top:24px}
  .page-performance.perf-fidelity-page .vision-stats,
  .page-performance.perf-fidelity-page .insight-grid,
  .perf-facts-grid,
  .perf-value-flow{grid-template-columns:repeat(2,1fr)}
  .page-performance.perf-fidelity-page .perf-fidelity-charts{grid-template-columns:1fr}
  .perf-band-box{grid-template-columns:82px 1fr}
  .page-performance.perf-fidelity-page .perf-final-cta-clean{grid-template-columns:1fr}
  .page-performance.perf-fidelity-page .perf-final-btn{justify-self:start}
}
@media (max-width:760px){
  .perf-fidelity-hero{padding:26px 0 28px}
  .perf-fidelity-hero::before{display:none}
  .perf-fidelity-copy h1{font-size:48px}
  .perf-fidelity-copy p{font-size:16px;line-height:1.8}
  .perf-fidelity-actions{gap:14px}
  .page-performance.perf-fidelity-page .vision-stats,
  .page-performance.perf-fidelity-page .insight-grid,
  .perf-facts-grid,
  .perf-value-flow{grid-template-columns:1fr}
  .perf-facts-grid article{border-right:0;border-bottom:1px solid #E5EBF3;padding:16px 0}
  .perf-facts-grid article:last-child{border-bottom:0}
  .perf-band-box{grid-template-columns:1fr;padding:24px 22px}
  .perf-band-box h2{font-size:30px}
  .perf-facts-card{padding:22px}
  .page-performance.perf-fidelity-page .perf-final-cta-clean{padding:26px 22px}
  .page-performance.perf-fidelity-page .perf-final-btn{min-width:0;width:100%}
  .perf-value-flow::before{display:none}
}


/* ===== V18 — PE final polish against approved mockup ===== */

/* Ajuste de largura e respiro para a PE: evita aparência de blocos grandes demais */
.perf-fidelity-page .container{
  width:min(1120px, calc(100% - 72px));
}

/* Header PE mais próximo do mockup */
.perf-fidelity-page .site-header{
  min-height:86px;
  border-bottom:0;
}
.perf-fidelity-page .header-inner{
  min-height:86px;
}
.perf-fidelity-page .logo img{
  max-height:54px;
}
.perf-fidelity-page .nav a{
  font-size:13.5px;
  font-weight:600;
}
.perf-fidelity-page .site-header .btn{
  min-height:48px;
  padding:0 22px;
  border-radius:10px;
  font-size:13.5px;
}

/* Hero: mantém impacto sem título exagerado */
.perf-fidelity-hero{
  padding:52px 0 40px;
}
.perf-fidelity-grid{
  grid-template-columns:355px minmax(0,1fr);
  gap:42px;
}
.perf-fidelity-copy{
  padding-top:34px;
}
.perf-fidelity-copy h1{
  max-width:350px;
  font-size:clamp(42px,4.1vw,66px);
  line-height:1.03;
  letter-spacing:-.055em;
  font-weight:700;
}
.perf-fidelity-copy p{
  margin-top:28px;
  max-width:355px;
  font-size:15.5px;
  line-height:1.86;
  color:#263B5B;
}
.perf-fidelity-actions{
  margin-top:28px;
}
.perf-fidelity-actions .btn{
  min-height:50px;
  padding:0 22px;
  border-radius:9px;
  font-size:13px;
}
.perf-fidelity-page .perf-link{
  font-size:13px;
}

/* Dashboard mais leve e mais próximo da escala do mockup */
.perf-dashboard-card{
  border-radius:22px;
  padding:18px;
  box-shadow:0 18px 42px rgba(10,35,78,.075);
}
.perf-fidelity-page .vision-head{
  margin-bottom:14px;
}
.perf-fidelity-page .vision-head h2{
  font-size:15px;
}
.perf-fidelity-page .vision-head button{
  padding:8px 12px;
  border-radius:10px;
  font-size:11.5px;
}
.perf-fidelity-page .vision-stats{
  gap:10px;
  margin-bottom:12px;
}
.perf-fidelity-page .vision-stats article{
  padding:13px 12px 12px;
  border-radius:12px;
}
.perf-fidelity-page .vision-stats span{
  font-size:10px;
}
.perf-fidelity-page .vision-stats strong{
  font-size:23px;
}
.perf-fidelity-page .vision-stats em{
  font-size:9.5px;
}
.perf-fidelity-page .chart-card{
  border-radius:14px;
  padding:14px;
}
.perf-fidelity-page .chart-card h3,
.perf-fidelity-page .vision-insights h3{
  font-size:13px;
}
.perf-fidelity-page .linechart{
  max-height:235px;
}
.perf-fidelity-page .donut-svg{
  width:134px;
  height:134px;
}
.perf-fidelity-page .donut-wrap li{
  font-size:11.5px;
}
.perf-fidelity-page .vision-insights{
  padding:14px;
  border-radius:14px;
}
.perf-fidelity-page .insight-grid p{
  font-size:10.8px;
}

/* Faixa azul de performance */
.perf-strategy-band{
  padding:22px 0 18px;
}
.perf-band-box{
  min-height:136px;
  grid-template-columns:106px 1fr;
  gap:22px;
  padding:24px 34px;
  border-radius:14px;
  background:linear-gradient(90deg,#0E49C2 0%, #083AAB 100%);
}
.band-box-icon{
  width:74px;
  height:74px;
  border-radius:18px;
}
.perf-band-box h2{
  font-size:clamp(27px,2.55vw,40px);
  line-height:1.18;
  max-width:760px;
}

/* Card Você sabia */
.perf-didyouknow-section{
  padding:24px 0 14px;
}
.perf-facts-card{
  border-radius:18px;
  padding:26px 28px 24px;
}
.perf-facts-head h2{
  font-size:25px;
}
.perf-facts-head p{
  font-size:15.5px;
}
.perf-facts-grid{
  margin-top:22px;
}
.perf-facts-grid article{
  gap:16px;
  padding:10px 22px 10px 0;
}
.fact-icon{
  width:62px;
  height:62px;
  flex-basis:62px;
  font-size:30px;
}
.fact-icon svg{
  width:38px;
  height:38px;
}
.perf-facts-grid strong{
  font-size:21px;
}
.perf-facts-grid span{
  font-size:12.5px;
}

/* Como geramos valor — mais horizontal, menos 'card' */
.perf-value-flow-section{
  padding:20px 0 16px;
}
.perf-section-title h2{
  font-size:27px;
}
.perf-value-flow{
  gap:16px;
  margin-top:24px;
}
.perf-value-flow::before{
  top:27px;
  left:54px;
  right:54px;
  border-color:#C9D7EE;
}
.flow-top{
  gap:12px;
  margin-bottom:16px;
}
.flow-no{
  width:36px;
  height:36px;
  font-size:12px;
}
.flow-icon{
  width:62px;
  height:62px;
}
.flow-icon svg{
  width:40px;
  height:40px;
}
.flow-step h3{
  font-size:18px;
}
.flow-step p{
  font-size:13.5px;
  line-height:1.72;
}

/* CTA final PE */
.perf-fidelity-page .mockup-cta{
  padding:22px 0 34px;
}
.perf-fidelity-page .perf-final-cta-clean{
  min-height:145px;
  padding:28px 34px;
  border-radius:14px;
  background:linear-gradient(90deg,#0C47C2 0%, #0940AD 48%, #11B69A 100%);
}
.perf-fidelity-page .perf-final-copy h2{
  font-size:clamp(25px,2.35vw,36px);
  line-height:1.18;
}
.perf-fidelity-page .perf-final-copy p{
  font-size:14.5px;
  line-height:1.62;
}
.perf-fidelity-page .perf-final-btn{
  min-width:280px;
  min-height:58px;
  border-radius:10px;
  font-size:15px;
}

/* Footer PE */
.perf-fidelity-page .site-footer{
  padding-top:26px;
}
.perf-fidelity-page .footer-logo{
  width:200px !important;
}
.perf-fidelity-page .footer-grid{
  gap:26px;
}
.perf-fidelity-page .footer-grid h4{
  font-size:12px;
}
.perf-fidelity-page .footer-grid a{
  font-size:12px;
}

/* Mobile/tablet */
@media (max-width:1200px){
  .perf-fidelity-page .container{
    width:min(1120px, calc(100% - 48px));
  }
  .perf-fidelity-grid{
    grid-template-columns:1fr;
    gap:28px;
  }
  .perf-fidelity-copy{
    padding-top:20px;
  }
  .perf-fidelity-copy h1{
    max-width:520px;
  }
  .perf-fidelity-copy p{
    max-width:620px;
  }
}
@media (max-width:760px){
  .perf-fidelity-page .container{
    width:min(1120px, calc(100% - 32px));
  }
  .perf-fidelity-copy h1{
    font-size:42px;
  }
  .perf-dashboard-card{
    padding:14px;
  }
  .perf-fidelity-page .vision-stats,
  .perf-fidelity-page .perf-fidelity-charts,
  .perf-fidelity-page .insight-grid,
  .perf-facts-grid,
  .perf-value-flow{
    grid-template-columns:1fr;
  }
  .perf-band-box{
    grid-template-columns:1fr;
    padding:24px;
  }
  .perf-value-flow::before{
    display:none;
  }
  .perf-fidelity-page .perf-final-cta-clean{
    grid-template-columns:1fr;
    padding:26px 22px;
  }
  .perf-fidelity-page .perf-final-btn{
    min-width:0;
    width:100%;
  }
}


/* ===== V19 — Ajustes finais PE: ícones, links, fonte menor, logo e rodapé ===== */

/* Logo PE: usa PNG transparente; impede fundos artificiais */
.perf-fidelity-page .logo img,
.perf-fidelity-page .footer-logo{
  background: transparent !important;
}

/* Todos os CTAs de especialista apontam para email no HTML; aqui só refinamos visual */
.perf-fidelity-page a[href^="mailto:marketing@energia-genesis.com"].btn{
  cursor:pointer;
}

/* Redução geral de títulos da PE para Poppins não pesar demais */
.perf-fidelity-copy h1{
  font-size:clamp(38px,3.75vw,58px) !important;
  line-height:1.08 !important;
  letter-spacing:-.052em !important;
  font-weight:700 !important;
}
.perf-band-box h2{
  font-size:clamp(24px,2.18vw,34px) !important;
  line-height:1.22 !important;
}
.perf-facts-head h2,
.perf-section-title h2{
  font-size:24px !important;
  letter-spacing:-.028em !important;
}
.perf-fidelity-page .perf-final-copy h2{
  font-size:clamp(23px,2.05vw,32px) !important;
  line-height:1.22 !important;
}
.perf-fidelity-page .vision-head h2{
  font-size:14px !important;
}
.flow-step h3{
  font-size:16.5px !important;
}

/* Ícones mais próximos do mockup: linha azul/verde, sem emojis e sem aspecto genérico */
.fact-icon{
  background:#fff !important;
  border-width:2px !important;
  box-shadow:none !important;
}
.fact-icon svg{
  display:block;
  width:42px !important;
  height:42px !important;
}
.fact-icon.green{
  color:#008B58 !important;
}
.fact-icon.blue{
  color:#1554D3 !important;
}
.flow-icon{
  background:#fff !important;
  color:#1554D3 !important;
  border:1px solid #DDE7F4 !important;
  box-shadow:0 8px 18px rgba(16,39,75,.045) !important;
}
.flow-no{
  background:#1554D3 !important;
  box-shadow:0 8px 18px rgba(21,84,211,.18) !important;
}
.ins-ico{
  font-family:Poppins, sans-serif !important;
}

/* Dashboard: mantém informação do mockup, mas melhora respiro e nitidez */
.perf-dashboard-card{
  padding:17px !important;
}
.perf-fidelity-page .vision-stats strong{
  font-size:21px !important;
}
.perf-fidelity-page .vision-stats span,
.perf-fidelity-page .vision-stats em{
  line-height:1.35 !important;
}

/* Rodapé PE igual às demais páginas */
.perf-fidelity-page .footer{
  padding-top:26px;
}
.perf-fidelity-page .footer-layout{
  display:grid;
  grid-template-columns:1.05fr .95fr 1fr;
  gap:52px;
  align-items:start;
}
.perf-fidelity-page .footer-brand .footer-logo{
  width:210px !important;
  max-width:100%;
  height:auto;
}
.perf-fidelity-page .footer-brand p{
  max-width:260px;
}
.perf-fidelity-page .footer-nav ul{
  margin:0;
  padding:0;
  list-style:none;
}
.perf-fidelity-page .footer-contact{
  font-style:normal;
}

/* Header: logo transparente e menor para não pesar */
.perf-fidelity-page .site-header .logo img{
  max-height:50px !important;
}

/* Mobile */
@media (max-width:760px){
  .perf-fidelity-copy h1{
    font-size:38px !important;
  }
  .perf-band-box h2{
    font-size:25px !important;
  }
  .perf-fidelity-page .footer-layout{
    grid-template-columns:1fr;
    gap:26px;
  }
}


/* ===== V20 — Ícones PE iguais à direção do mockup, texto permanece HTML ===== */

/* Você sabia? */
.perf-facts-card{
  border-radius:18px !important;
}
.perf-facts-grid article{
  align-items:center !important;
}
.fact-icon{
  width:64px !important;
  height:64px !important;
  flex:0 0 64px !important;
  display:grid !important;
  place-items:center !important;
  border:2px solid currentColor !important;
  border-radius:50% !important;
  background:#fff !important;
}
.fact-icon svg{
  width:44px !important;
  height:44px !important;
  display:block !important;
}
.fact-icon.money-icon svg{
  width:46px !important;
  height:46px !important;
}
.fact-icon.chart-icon,
.fact-icon.shield-icon,
.fact-icon.pie-icon{
  border-color:transparent !important;
}
.fact-icon.chart-icon svg,
.fact-icon.shield-icon svg,
.fact-icon.pie-icon svg{
  width:54px !important;
  height:54px !important;
}
.fact-icon.green{
  color:#008B58 !important;
}
.fact-icon.blue{
  color:#1554D3 !important;
}
.perf-facts-grid strong{
  font-size:20px !important;
  line-height:1.08 !important;
}
.perf-facts-grid span{
  font-size:12px !important;
  line-height:1.5 !important;
}

/* Como geramos valor */
.perf-value-flow::before{
  top:31px !important;
  left:74px !important;
  right:74px !important;
  border-top:2px dashed #C4D3EB !important;
}
.flow-top{
  align-items:center !important;
}
.flow-no{
  width:38px !important;
  height:38px !important;
  background:#1554D3 !important;
  color:#fff !important;
  font-size:12px !important;
  box-shadow:0 8px 18px rgba(21,84,211,.18) !important;
}
.flow-icon{
  width:66px !important;
  height:66px !important;
  border-radius:50% !important;
  background:#fff !important;
  border:1px solid #DDE7F4 !important;
  color:#1554D3 !important;
  box-shadow:0 8px 18px rgba(16,39,75,.045) !important;
}
.flow-icon svg{
  width:46px !important;
  height:46px !important;
  display:block !important;
}
.flow-step h3{
  font-size:16px !important;
  line-height:1.25 !important;
}
.flow-step p{
  font-size:12.6px !important;
  line-height:1.65 !important;
}

/* remove qualquer interferência de emoji/fonte nos ícones */
.fact-icon,
.flow-icon{
  font-family:inherit !important;
  font-size:0 !important;
}

@media (max-width:760px){
  .perf-value-flow::before{
    display:none !important;
  }
}


/* ===== V21 — PE: blocos “Você sabia?” e “Como geramos valor” ajustados pelas referências ===== */
.perf-didyouknow-section,
.perf-value-flow-section{ background:#fff; }

.perf-fidelity-page .perf-facts-card{
  width:100%;
  border:1px solid #E2EAF4 !important;
  border-radius:18px !important;
  box-shadow:0 10px 26px rgba(12,38,72,.04) !important;
  padding:28px 32px 26px !important;
  background:#fff !important;
}

.perf-fidelity-page .perf-facts-head h2{
  margin:0 !important;
  font-size:23px !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
  color:#122C53 !important;
  font-weight:700 !important;
}

.perf-fidelity-page .perf-facts-head p{
  margin:8px 0 0 !important;
  color:#506681 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.perf-fidelity-page .perf-facts-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:0 !important;
  margin-top:24px !important;
}

.perf-fidelity-page .perf-facts-grid article{
  display:grid !important;
  grid-template-columns:68px minmax(0, 1fr) !important;
  align-items:center !important;
  gap:18px !important;
  padding:4px 28px 4px 0 !important;
  border-right:1px solid #E2EAF4 !important;
  min-width:0 !important;
}

.perf-fidelity-page .perf-facts-grid article:not(:first-child){ padding-left:28px !important; }
.perf-fidelity-page .perf-facts-grid article:last-child{ border-right:0 !important; padding-right:0 !important; }

.perf-fidelity-page .fact-icon{
  width:58px !important;
  height:58px !important;
  flex:0 0 58px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  font-size:0 !important;
  box-shadow:none !important;
}

.perf-fidelity-page .fact-icon.money-icon{
  border:2px solid #008B58 !important;
  color:#008B58 !important;
}

.perf-fidelity-page .fact-icon.chart-icon,
.perf-fidelity-page .fact-icon.shield-icon,
.perf-fidelity-page .fact-icon.pie-icon{
  border:0 !important;
  color:#1554D3 !important;
}

.perf-fidelity-page .fact-icon svg{ width:48px !important; height:48px !important; display:block !important; }
.perf-fidelity-page .fact-icon.money-icon svg{ width:42px !important; height:42px !important; }
.perf-fidelity-page .fact-icon.chart-icon svg,
.perf-fidelity-page .fact-icon.shield-icon svg,
.perf-fidelity-page .fact-icon.pie-icon svg{ width:52px !important; height:52px !important; }

.perf-fidelity-page .perf-facts-grid strong{
  display:block !important;
  color:#102F57 !important;
  font-size:20px !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
  white-space:normal !important;
}

.perf-fidelity-page .perf-facts-grid span{
  display:block !important;
  margin-top:7px !important;
  color:#536985 !important;
  font-size:11.8px !important;
  line-height:1.48 !important;
  max-width:125px !important;
}

/* Como geramos valor — linha horizontal fluida */
.perf-fidelity-page .perf-value-flow-section{ padding:24px 0 22px !important; }
.perf-fidelity-page .perf-section-title h2{
  margin:0 !important;
  color:#122C53 !important;
  font-size:24px !important;
  line-height:1.15 !important;
  letter-spacing:-.025em !important;
  font-weight:700 !important;
}

.perf-fidelity-page .perf-value-flow{
  position:relative !important;
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:24px !important;
  margin-top:22px !important;
  overflow:visible !important;
}

.perf-fidelity-page .perf-value-flow::before{
  content:"" !important;
  position:absolute !important;
  left:60px !important;
  right:60px !important;
  top:31px !important;
  border-top:2px dashed #C7D6ED !important;
  z-index:0 !important;
}

.perf-fidelity-page .flow-step{
  position:relative !important;
  z-index:1 !important;
  min-width:0 !important;
  background:transparent !important;
}

.perf-fidelity-page .flow-top{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  height:66px !important;
  margin-bottom:16px !important;
}

.perf-fidelity-page .flow-no{
  width:36px !important;
  height:36px !important;
  min-width:36px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#1554D3 !important;
  color:#fff !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:700 !important;
  box-shadow:0 8px 18px rgba(21,84,211,.17) !important;
  overflow:visible !important;
}

.perf-fidelity-page .flow-icon{
  width:64px !important;
  height:64px !important;
  min-width:64px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  border:1px solid #DBE6F5 !important;
  color:#1554D3 !important;
  box-shadow:0 8px 18px rgba(16,39,75,.045) !important;
  font-size:0 !important;
}

.perf-fidelity-page .flow-icon svg{ width:45px !important; height:45px !important; display:block !important; }

.perf-fidelity-page .flow-step h3{
  margin:0 0 10px !important;
  color:#122C53 !important;
  font-size:15.8px !important;
  line-height:1.25 !important;
  letter-spacing:-.015em !important;
  font-weight:700 !important;
  max-width:210px !important;
}

.perf-fidelity-page .flow-step p{
  margin:0 !important;
  color:#536985 !important;
  font-size:12.4px !important;
  line-height:1.64 !important;
  max-width:240px !important;
}

@media (max-width:1100px){
  .perf-fidelity-page .perf-facts-grid{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; row-gap:24px !important; }
  .perf-fidelity-page .perf-facts-grid article:nth-child(2){ border-right:0 !important; }
  .perf-fidelity-page .perf-value-flow{ grid-template-columns:repeat(2, minmax(0, 1fr)) !important; row-gap:32px !important; }
  .perf-fidelity-page .perf-value-flow::before{ display:none !important; }
}

@media (max-width:700px){
  .perf-fidelity-page .perf-facts-card{ padding:24px 22px !important; }
  .perf-fidelity-page .perf-facts-grid,
  .perf-fidelity-page .perf-value-flow{ grid-template-columns:1fr !important; }
  .perf-fidelity-page .perf-facts-grid article{
    grid-template-columns:58px minmax(0, 1fr) !important;
    padding:16px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid #E2EAF4 !important;
  }
  .perf-fidelity-page .perf-facts-grid article:not(:first-child){ padding-left:0 !important; }
  .perf-fidelity-page .perf-facts-grid article:last-child{ border-bottom:0 !important; }
}


/* ===== V22 — PE: “Você sabia?” substituído por imagem em alta resolução ===== */
.perf-didyouknow-image-section{
  padding:24px 0 16px !important;
  background:#fff !important;
}

.perf-didyouknow-image{
  display:block;
  width:100%;
  border-radius:18px;
  overflow:hidden;
  box-shadow:0 12px 28px rgba(12,38,72,.05);
}

.perf-didyouknow-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
}

/* Evita que estilos antigos do card HTML interfiram na seção com imagem */
.perf-didyouknow-image-section .perf-facts-card,
.perf-didyouknow-image-section .perf-facts-grid,
.perf-didyouknow-image-section .fact-icon{
  display:none !important;
}

@media (max-width:760px){
  .perf-didyouknow-image-section{
    overflow-x:auto;
    padding:18px 0 12px !important;
  }
  .perf-didyouknow-image img{
    min-width:920px;
  }
}


/* ===== V23 — PE: “Você sabia?” em HTML animado ===== */
.perf-didyouknow-html-section{
  padding:24px 0 18px !important;
  background:#fff !important;
}

.perf-didyouknow-html-section .perf-facts-card{
  border:1px solid #E1E9F3 !important;
  border-radius:20px !important;
  box-shadow:0 16px 34px rgba(12,38,72,.055) !important;
  background:#fff !important;
  padding:30px 34px 28px !important;
  overflow:hidden;
}

.perf-didyouknow-html-section .perf-facts-head h2{
  margin:0 !important;
  color:#061E45 !important;
  font-size:25px !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
  font-weight:700 !important;
}

.perf-didyouknow-html-section .perf-facts-head p{
  margin:8px 0 0 !important;
  color:#314B70 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

.perf-didyouknow-html-section .perf-facts-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:0 !important;
  margin-top:26px !important;
}

.perf-didyouknow-html-section .perf-fact-item{
  display:grid !important;
  grid-template-columns:66px minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  padding:8px 30px 8px 0 !important;
  border-right:1px solid #E1E9F3 !important;
  min-width:0 !important;
  transition:transform .35s ease, filter .35s ease;
}

.perf-didyouknow-html-section .perf-fact-item:not(:first-child){
  padding-left:30px !important;
}

.perf-didyouknow-html-section .perf-fact-item:last-child{
  border-right:0 !important;
  padding-right:0 !important;
}

.perf-didyouknow-html-section .perf-fact-item:hover{
  transform:translateY(-4px);
  filter:drop-shadow(0 10px 18px rgba(12,38,72,.06));
}

.perf-didyouknow-html-section .fact-icon{
  width:62px !important;
  height:62px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  font-size:0 !important;
  box-shadow:none !important;
}

.perf-didyouknow-html-section .fact-icon.money-icon{
  color:#008B58 !important;
  border:2px solid #008B58 !important;
}

.perf-didyouknow-html-section .fact-icon.chart-icon,
.perf-didyouknow-html-section .fact-icon.shield-icon,
.perf-didyouknow-html-section .fact-icon.pie-icon{
  color:#0C46B8 !important;
  border:0 !important;
}

.perf-didyouknow-html-section .fact-icon svg{
  width:54px !important;
  height:54px !important;
  display:block !important;
}

.perf-didyouknow-html-section .money-icon svg{
  width:46px !important;
  height:46px !important;
}

.perf-didyouknow-html-section .fact-copy strong{
  display:block !important;
  color:#061E45 !important;
  font-size:23px !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

.perf-didyouknow-html-section .fact-copy span{
  display:block !important;
  margin-top:8px !important;
  color:#102A51 !important;
  font-size:12.5px !important;
  line-height:1.52 !important;
  max-width:150px !important;
}

.fact-up{
  opacity:0;
  transform:translateY(16px);
  animation:factRise .7s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:var(--delay,0ms);
}

@keyframes factRise{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media (prefers-reduced-motion: reduce){
  .fact-up{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
  .perf-didyouknow-html-section .perf-fact-item:hover{
    transform:none !important;
  }
}

@media (max-width:1100px){
  .perf-didyouknow-html-section .perf-facts-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    row-gap:22px !important;
  }
  .perf-didyouknow-html-section .perf-fact-item:nth-child(2){
    border-right:0 !important;
  }
  .perf-didyouknow-html-section .perf-fact-item:nth-child(3),
  .perf-didyouknow-html-section .perf-fact-item:nth-child(4){
    padding-top:20px !important;
    border-top:1px solid #E1E9F3 !important;
  }
}

@media (max-width:700px){
  .perf-didyouknow-html-section .perf-facts-card{
    padding:24px 22px !important;
  }
  .perf-didyouknow-html-section .perf-facts-grid{
    grid-template-columns:1fr !important;
    row-gap:0 !important;
  }
  .perf-didyouknow-html-section .perf-fact-item{
    grid-template-columns:62px minmax(0,1fr) !important;
    padding:18px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid #E1E9F3 !important;
  }
  .perf-didyouknow-html-section .perf-fact-item:not(:first-child){
    padding-left:0 !important;
  }
  .perf-didyouknow-html-section .perf-fact-item:last-child{
    border-bottom:0 !important;
  }
  .perf-didyouknow-html-section .perf-fact-item:nth-child(3),
  .perf-didyouknow-html-section .perf-fact-item:nth-child(4){
    border-top:0 !important;
  }
}


/* ===== V24 — força bloco Você Sabia em HTML animado e remove imagem antiga ===== */
.perf-didyouknow-image-section,
.perf-didyouknow-image,
.perf-didyouknow-image img{
  display:none !important;
}

#voce-sabia.perf-didyouknow-html-section{
  display:block !important;
  padding:24px 0 18px !important;
  background:#fff !important;
}

#voce-sabia .perf-facts-card{
  display:block !important;
  border:1px solid #E1E9F3 !important;
  border-radius:20px !important;
  box-shadow:0 16px 34px rgba(12,38,72,.055) !important;
  background:#fff !important;
  padding:30px 34px 28px !important;
  overflow:hidden !important;
}

#voce-sabia .perf-facts-head h2{
  margin:0 !important;
  color:#061E45 !important;
  font-size:25px !important;
  line-height:1.15 !important;
  letter-spacing:-.03em !important;
  font-weight:700 !important;
}

#voce-sabia .perf-facts-head p{
  margin:8px 0 0 !important;
  color:#314B70 !important;
  font-size:15px !important;
  line-height:1.55 !important;
}

#voce-sabia .perf-facts-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:0 !important;
  margin-top:26px !important;
}

#voce-sabia .perf-fact-item{
  display:grid !important;
  grid-template-columns:66px minmax(0,1fr) !important;
  align-items:center !important;
  gap:18px !important;
  padding:8px 30px 8px 0 !important;
  border-right:1px solid #E1E9F3 !important;
  min-width:0 !important;
  transition:transform .35s ease, filter .35s ease, opacity .35s ease !important;
}

#voce-sabia .perf-fact-item:not(:first-child){ padding-left:30px !important; }
#voce-sabia .perf-fact-item:last-child{ border-right:0 !important; padding-right:0 !important; }

#voce-sabia .perf-fact-item:hover{
  transform:translateY(-4px) !important;
  filter:drop-shadow(0 10px 18px rgba(12,38,72,.06)) !important;
}

#voce-sabia .fact-icon{
  width:62px !important;
  height:62px !important;
  border-radius:50% !important;
  display:grid !important;
  place-items:center !important;
  background:#fff !important;
  font-size:0 !important;
  box-shadow:none !important;
}

#voce-sabia .money-icon{
  color:#008B58 !important;
  border:2px solid #008B58 !important;
}

#voce-sabia .chart-icon,
#voce-sabia .shield-icon,
#voce-sabia .pie-icon{
  color:#0C46B8 !important;
  border:0 !important;
}

#voce-sabia .fact-icon svg{
  width:54px !important;
  height:54px !important;
  display:block !important;
}

#voce-sabia .money-icon svg{
  width:46px !important;
  height:46px !important;
}

#voce-sabia .fact-copy strong{
  display:block !important;
  color:#061E45 !important;
  font-size:23px !important;
  line-height:1.06 !important;
  letter-spacing:-.035em !important;
  font-weight:700 !important;
  white-space:nowrap !important;
}

#voce-sabia .fact-copy span{
  display:block !important;
  margin-top:8px !important;
  color:#102A51 !important;
  font-size:12.5px !important;
  line-height:1.52 !important;
  max-width:150px !important;
}

#voce-sabia .fact-up{
  opacity:0;
  transform:translateY(18px);
  animation:factRiseV24 .72s cubic-bezier(.19,1,.22,1) forwards;
  animation-delay:var(--delay,0ms);
}

@keyframes factRiseV24{
  to{
    opacity:1;
    transform:translateY(0);
  }
}

@media (prefers-reduced-motion: reduce){
  #voce-sabia .fact-up{
    animation:none !important;
    opacity:1 !important;
    transform:none !important;
  }
}

@media (max-width:1100px){
  #voce-sabia .perf-facts-grid{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    row-gap:22px !important;
  }
  #voce-sabia .perf-fact-item:nth-child(2){ border-right:0 !important; }
  #voce-sabia .perf-fact-item:nth-child(3),
  #voce-sabia .perf-fact-item:nth-child(4){
    padding-top:20px !important;
    border-top:1px solid #E1E9F3 !important;
  }
}

@media (max-width:700px){
  #voce-sabia .perf-facts-card{ padding:24px 22px !important; }
  #voce-sabia .perf-facts-grid{ grid-template-columns:1fr !important; row-gap:0 !important; }
  #voce-sabia .perf-fact-item{
    grid-template-columns:62px minmax(0,1fr) !important;
    padding:18px 0 !important;
    border-right:0 !important;
    border-bottom:1px solid #E1E9F3 !important;
  }
  #voce-sabia .perf-fact-item:not(:first-child){ padding-left:0 !important; }
  #voce-sabia .perf-fact-item:last-child{ border-bottom:0 !important; }
  #voce-sabia .perf-fact-item:nth-child(3),
  #voce-sabia .perf-fact-item:nth-child(4){ border-top:0 !important; }
}

/* Performance — Como geramos valor | versão HTML animada */
.perf-fidelity-page .perf-value-flow.perf-value-flow-animated{
  gap:26px !important;
  margin-top:22px !important;
}

.perf-fidelity-page .perf-value-flow.perf-value-flow-animated::before{
  display:none !important;
}

.perf-fidelity-page .perf-value-flow-animated .flow-step{
  opacity:0;
  transform:translateY(24px);
  transition:opacity .7s cubic-bezier(.2,.7,.2,1), transform .7s cubic-bezier(.2,.7,.2,1);
  transition-delay:var(--step-delay,0ms);
}

.perf-fidelity-page .perf-value-flow-animated .flow-step.is-visible{
  opacity:1;
  transform:translateY(0);
}

.perf-fidelity-page .perf-value-flow-animated .flow-top{
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
  height:auto !important;
  margin-bottom:16px !important;
}

.perf-fidelity-page .perf-value-flow-animated .flow-no{
  position:relative;
  z-index:2;
}

.perf-fidelity-page .perf-value-flow-animated .flow-connector{
  position:relative;
  flex:1 1 auto;
  min-width:28px;
  height:0;
  border-top:2px dashed #C7D6ED;
  opacity:.95;
}

.perf-fidelity-page .perf-value-flow-animated .flow-connector::after{
  content:"›";
  position:absolute;
  right:-2px;
  top:-15px;
  color:#A9BDD9;
  font-size:19px;
  font-weight:700;
  line-height:1;
}

.perf-fidelity-page .perf-value-flow-animated .flow-icon{
  width:66px !important;
  height:66px !important;
  min-width:66px !important;
  position:relative;
  z-index:2;
  transition:transform .45s ease, box-shadow .45s ease;
}

.perf-fidelity-page .perf-value-flow-animated .flow-step.is-visible .flow-icon{
  animation:perfFlowFloat 4.5s ease-in-out infinite;
  animation-delay:calc(var(--step-delay,0ms) + 300ms);
}

.perf-fidelity-page .perf-value-flow-animated .flow-step:hover .flow-icon{
  transform:translateY(-4px);
  box-shadow:0 14px 28px rgba(16,39,75,.10) !important;
}

.perf-fidelity-page .perf-value-flow-animated .flow-step h3{
  margin:0 0 10px !important;
  max-width:220px !important;
}

.perf-fidelity-page .perf-value-flow-animated .flow-step p{
  max-width:235px !important;
}

@keyframes perfFlowFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-3px); }
}

@media (max-width:1100px){
  .perf-fidelity-page .perf-value-flow.perf-value-flow-animated{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    row-gap:34px !important;
  }
  .perf-fidelity-page .perf-value-flow-animated .flow-connector{
    display:none;
  }
}

@media (max-width:700px){
  .perf-fidelity-page .perf-value-flow.perf-value-flow-animated{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }
  .perf-fidelity-page .perf-value-flow-animated .flow-top{
    gap:12px !important;
  }
  .perf-fidelity-page .perf-value-flow-animated .flow-step h3,
  .perf-fidelity-page .perf-value-flow-animated .flow-step p{
    max-width:none !important;
  }
}


/* ===== V2 final — “Como geramos valor” estático conforme imagem aprovada ===== */
.perf-value-flow-static-section{
  padding:24px 0 26px !important;
  background:#fff !important;
}

.perf-value-flow-static{
  display:block;
  width:100%;
  overflow:hidden;
  border-radius:0;
  box-shadow:none;
}

.perf-value-flow-static img{
  display:block;
  width:100%;
  height:auto;
}

.perf-value-flow-static-section .perf-value-flow,
.perf-value-flow-static-section .flow-step,
.perf-value-flow-static-section .flow-icon,
.perf-value-flow-static-section .flow-no{
  display:none !important;
}

@media (max-width:760px){
  .perf-value-flow-static-section{
    overflow-x:auto;
    padding:18px 0 18px !important;
  }
  .perf-value-flow-static img{
    min-width:980px;
  }
}


/* ===== V3 ajuste fino — fluxo estático menor e mais nítido ===== */
.perf-value-flow-static-section{
  padding: 18px 0 20px !important;
}

img.perf-value-flow-static{
  display:block;
  width:min(88%, 1480px) !important;
  max-width:88%;
  height:auto;
  margin:0 auto;
  border-radius:0;
  box-shadow:none;
}

@media (max-width:1200px){
  img.perf-value-flow-static{
    width:min(94%, 1200px) !important;
    max-width:94%;
  }
}

@media (max-width:760px){
  .perf-value-flow-static-section{
    overflow-x:auto;
    padding:16px 0 16px !important;
  }
  img.perf-value-flow-static{
    width:auto !important;
    max-width:none;
    min-width:900px;
    margin:0 16px;
  }
}


/* ===== V5 — Como geramos valor em HTML, com escala harmônica ===== */
.perf-flow-html-section{
  padding: 8px 0 18px;
  background: #fff;
}

.perf-flow-html-wrap{
  background: #fff;
}

.perf-flow-html-title{
  margin: 0 0 20px;
  font-size: clamp(28px, 2.6vw, 42px);
  line-height: 1.04;
  letter-spacing: -0.03em;
  color: #0a2162;
}

.perf-flow-html-grid{
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 18px;
  align-items: start;
}

.perf-flow-step-card h3{
  margin: 0 0 10px;
  font-size: clamp(16px, 1.25vw, 21px);
  line-height: 1.18;
  letter-spacing: -0.02em;
  color: #0b2163;
}

.perf-flow-step-card p{
  margin: 0;
  max-width: 255px;
  font-size: clamp(13px, 0.98vw, 15px);
  line-height: 1.72;
  color: #1d2f68;
}

.perf-flow-visual{
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 16px;
}

.perf-flow-no{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 44px;
  height: 44px;
  flex: 0 0 44px;
  border-radius: 50%;
  background: #1153ea;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -0.02em;
}

.perf-flow-line{
  position: relative;
  flex: 1 1 auto;
  min-width: 18px;
  height: 0;
  border-top: 3px dotted #b7c8ff;
}

.perf-flow-line::after{
  content: '›';
  position: absolute;
  right: -2px;
  top: -10px;
  color: #b7c8ff;
  font-size: 19px;
  font-weight: 700;
}

.perf-flow-icon-circle{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 120px;
  flex: 0 0 120px;
  border-radius: 50%;
  border: 2px solid #b7c8ff;
  background: #fff;
}

.perf-flow-icon-circle svg{
  width: 52px;
  height: 52px;
  fill: none;
  stroke: #1153ea;
  stroke-width: 3.1;
  stroke-linecap: round;
  stroke-linejoin: round;
}

.perf-flow-icon-circle svg circle{ fill:none; }

.perf-flow-step-card:nth-child(4) .perf-flow-icon-circle svg{
  width: 54px;
  height: 54px;
}

@media (max-width: 1320px){
  .perf-flow-html-grid{ gap: 16px; }
  .perf-flow-icon-circle{ width: 108px; height: 108px; flex-basis: 108px; }
  .perf-flow-icon-circle svg{ width: 46px; height: 46px; }
}

@media (max-width: 1080px){
  .perf-flow-html-grid{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 24px 18px; }
}

@media (max-width: 760px){
  .perf-flow-html-section{ padding: 8px 0 12px; }
  .perf-flow-html-title{ margin-bottom: 16px; }
  .perf-flow-html-grid{ grid-template-columns: 1fr; gap: 22px; }
  .perf-flow-visual{ margin-bottom: 12px; }
  .perf-flow-icon-circle{ width: 96px; height: 96px; flex-basis: 96px; }
  .perf-flow-icon-circle svg{ width: 40px; height: 40px; }
  .perf-flow-no{ width: 38px; height: 38px; flex-basis: 38px; font-size: 13px; }
}


/* ===== SOBRE A GENESIS — página construída a partir do mockup aprovado ===== */
.page-sobre{
  background:#fff;
  color:#071D3A;
}

.page-sobre .site-header .nav a.is-active::after{
  transform:scaleX(1);
  background:#008B58;
}

.sobre-hero{
  padding:42px 0 18px;
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 73% 6%, rgba(226,241,255,.78), transparent 32%),
    linear-gradient(180deg,#fff 0%,#fff 100%);
}

.sobre-hero-grid{
  display:grid;
  grid-template-columns:minmax(340px,.64fr) minmax(520px,1fr);
  gap:24px;
  align-items:center;
}

.sobre-hero-copy{
  position:relative;
  z-index:2;
  padding-left:8px;
}

.sobre-hero-copy h1{
  margin:0 0 26px;
  font-size:clamp(54px,6.25vw,90px);
  line-height:1.02;
  letter-spacing:-.055em;
  font-weight:700;
  color:#061C39;
}

.sobre-hero-copy h1 span{
  color:#008B58;
}

.sobre-hero-copy p{
  margin:0;
  max-width:445px;
  font-size:clamp(17px,1.18vw,21px);
  line-height:1.7;
  color:#102A4F;
  font-weight:500;
}

.sobre-hero-copy .sobre-hero-note{
  margin-top:32px;
  max-width:405px;
  font-size:15.5px;
  line-height:1.75;
  font-weight:600;
  color:#213C61;
}

.sobre-hero-visual{
  position:relative;
  min-height:455px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  isolation:isolate;
}

.sobre-hero-visual::before{
  content:"";
  position:absolute;
  inset:0 auto 0 -140px;
  width:320px;
  z-index:2;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 40%,rgba(255,255,255,0) 100%);
  pointer-events:none;
}

.sobre-hero-visual picture{
  display:block;
  width:100%;
  height:100%;
}

.sobre-hero-visual img{
  display:block;
  width:100%;
  height:455px;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  filter:saturate(1.02);
}

.sobre-proof{
  padding:4px 0 24px;
}

.sobre-proof-grid{
  max-width:820px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:0;
  align-items:center;
  border-bottom:1px solid #DEE8F0;
  padding-bottom:28px;
}

.sobre-proof-item{
  display:grid;
  grid-template-columns:78px 1fr;
  gap:18px;
  align-items:center;
  padding:0 38px;
}

.sobre-proof-item:first-child{
  border-right:1px solid #DEE8F0;
}

.sobre-proof-icon{
  width:64px;
  height:64px;
  color:#008B58;
}

.sobre-proof-icon svg{
  width:100%;
  height:100%;
}

.sobre-proof-item h2{
  margin:0 0 8px;
  font-size:19px;
  color:#122C53;
  letter-spacing:-.02em;
}

.sobre-proof-item p{
  margin:0;
  font-size:14px;
  line-height:1.65;
  color:#394F70;
}

.sobre-essencia{
  padding:22px 0 26px;
}

.sobre-section-heading{
  display:grid;
  grid-template-columns:minmax(300px,.76fr) 1fr;
  gap:54px;
  align-items:end;
  padding-bottom:24px;
  border-bottom:1px solid #DEE8F0;
}

.sobre-section-heading span{
  display:block;
  margin:0 0 12px;
  color:#008B58;
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-weight:800;
}

.sobre-section-heading h2{
  margin:0;
  color:#102B52;
  font-size:clamp(26px,2.65vw,40px);
  line-height:1.2;
  letter-spacing:-.035em;
  font-weight:600;
}

.sobre-section-heading p{
  margin:0;
  max-width:520px;
  color:#344C70;
  font-size:15px;
  line-height:1.72;
  font-weight:500;
}

.sobre-values-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:0;
  padding-top:28px;
}

.sobre-value{
  text-align:center;
  padding:0 24px;
  border-right:1px solid #DEE8F0;
}

.sobre-value:last-child{
  border-right:0;
}

.sobre-value svg{
  width:42px;
  height:42px;
  color:#008B58;
  margin-bottom:14px;
}

.sobre-value h3{
  margin:0 0 8px;
  color:#122C53;
  font-size:15px;
  line-height:1.25;
  font-weight:700;
}

.sobre-value p{
  margin:0;
  color:#4C617E;
  font-size:12px;
  line-height:1.55;
}

.sobre-unidades{
  padding:20px 0 28px;
}

.sobre-unidades-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:22px;
}

.sobre-unit-card{
  position:relative;
  min-height:235px;
  border:1px solid #B9E5D0;
  border-radius:16px;
  overflow:hidden;
  background:#fff;
  display:flex;
  align-items:stretch;
}

.sobre-unit-card.performance{
  border-color:#AFC9FF;
}

.sobre-unit-card::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:105px;
  opacity:.95;
  pointer-events:none;
}

.sobre-unit-card.tecnologia::after{
  background:url("assets/images/home/bg-tecnologia.webp") center bottom/cover no-repeat;
}

.sobre-unit-card.performance::after{
  background:url("assets/images/home/bg-performance.webp") center bottom/cover no-repeat;
}

.sobre-unit-content{
  position:relative;
  z-index:2;
  padding:28px 30px 24px;
  width:70%;
}

.sobre-unit-content img{
  max-width:230px;
  height:auto;
  display:block;
  margin-bottom:16px;
}

.sobre-unit-content p{
  margin:0 0 18px;
  color:#314766;
  font-size:13px;
  line-height:1.62;
}

.sobre-unit-content ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:9px;
}

.sobre-unit-content li{
  position:relative;
  padding-left:26px;
  color:#173255;
  font-size:13px;
  line-height:1.35;
  font-weight:600;
}

.sobre-unit-content li::before{
  content:"✓";
  position:absolute;
  left:0;
  top:-1px;
  width:17px;
  height:17px;
  border-radius:50%;
  display:grid;
  place-items:center;
  color:#008B58;
  border:1.5px solid #008B58;
  font-size:10px;
  line-height:1;
}

.sobre-unit-card.performance li::before{
  color:#145BDF;
  border-color:#145BDF;
}

.sobre-unit-device{
  position:absolute;
  right:0;
  bottom:0;
  width:238px;
  z-index:1;
  opacity:.86;
}

.sobre-dashboard{
  position:absolute;
  right:28px;
  bottom:26px;
  width:230px;
  height:120px;
  border-radius:8px;
  background:linear-gradient(135deg,#051B37,#082D5D);
  box-shadow:0 18px 42px rgba(11,43,92,.18);
  z-index:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:14px;
  opacity:.96;
}

.sobre-dashboard div{
  border-radius:6px;
  background:
    linear-gradient(90deg, rgba(0,139,88,.65), transparent 55%),
    repeating-linear-gradient(90deg,rgba(65,145,255,.62) 0 6px, transparent 6px 12px);
  opacity:.72;
}

.sobre-eve-strip{
  padding:0 0 30px;
}

.sobre-eve-strip h2{
  margin:0 0 12px;
  color:#008B58;
  text-transform:uppercase;
  letter-spacing:.11em;
  font-size:13px;
  font-weight:800;
}

.sobre-eve-card{
  display:grid;
  grid-template-columns:1.25fr repeat(4,1fr);
  border:1px solid #E0E8F1;
  border-radius:18px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 32px rgba(12,38,72,.045);
}

.sobre-eve-card > article{
  padding:26px 22px;
  border-right:1px solid #E0E8F1;
}

.sobre-eve-card > article:last-child{
  border-right:0;
}

.sobre-eve-lead span{
  display:inline-block;
  color:#193352;
  font-size:18px;
  font-weight:600;
  vertical-align:middle;
  margin-right:8px;
}

.sobre-eve-lead img{
  width:150px;
  height:auto;
  vertical-align:middle;
}

.sobre-eve-lead p{
  margin:18px 0 0;
  color:#354C6C;
  font-size:13px;
  line-height:1.65;
}

.sobre-eve-metric{
  text-align:center;
}

.sobre-eve-metric svg{
  width:42px;
  height:42px;
  color:#008B58;
  margin-bottom:8px;
}

.sobre-eve-metric strong{
  display:block;
  color:#EF1725;
  font-size:26px;
  line-height:1.1;
  letter-spacing:-.03em;
}

.sobre-eve-metric span{
  display:block;
  margin:8px 0 14px;
  color:#243B5A;
  font-size:12px;
  line-height:1.45;
}

.sobre-eve-metric em{
  color:#EF1725;
  font-size:11px;
  font-style:normal;
  font-weight:700;
}

.sobre-presenca{
  padding:4px 0 34px;
}

.sobre-presenca-grid{
  display:grid;
  grid-template-columns:.75fr 1fr .72fr;
  gap:34px;
  align-items:center;
}

.sobre-presenca-copy h2{
  margin:0 0 14px;
  color:#102B52;
  font-size:clamp(32px,3vw,48px);
  line-height:1.12;
  letter-spacing:-.04em;
  font-weight:600;
}

.sobre-presenca-copy h2 span{
  color:#008B58;
  font-weight:700;
}

.sobre-presenca-copy p{
  margin:0 0 24px;
  color:#263F62;
  font-size:15px;
  line-height:1.65;
  max-width:330px;
}

.sobre-map{
  position:relative;
  min-height:190px;
  display:grid;
  place-items:center;
  opacity:1;
}

.sobre-map img{
  width:100%;
  max-width:420px;
  border-radius:8px;
  display:block;
  box-shadow:0 8px 22px rgba(13,42,82,.06);
}

.map-pin{display:none;}

.map-pin::after{display:none;}

.sobre-office{
  font-style:normal;
  border-left:0;
  padding-left:0;
}

.sobre-office::before{
  content:"";
  display:block;
  width:100%;
  height:2px;
  background:#008B58;
  margin:18px 0 18px;
}

.sobre-office h3{
  margin:0 0 12px;
  color:#122C53;
  font-size:17px;
}

.sobre-office p,
.sobre-office a{
  display:block;
  color:#243D5E;
  font-size:14px;
  line-height:1.65;
  text-decoration:none;
}

.sobre-office a{
  margin-top:10px;
  font-weight:600;
}

@media (max-width:1180px){
  .sobre-hero-grid,
  .sobre-unidades-grid,
  .sobre-presenca-grid{
    grid-template-columns:1fr;
  }
  .sobre-hero-visual{
    min-height:360px;
  }
  .sobre-proof-grid{
    max-width:none;
  }
  .sobre-values-grid{
    grid-template-columns:repeat(3,1fr);
    row-gap:26px;
  }
  .sobre-eve-card{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:760px){
  .sobre-hero{
    padding-top:24px;
  }
  .sobre-hero-copy h1{
    font-size:52px;
  }
  .sobre-hero-visual img{
    height:330px;
  }
  .sobre-proof-grid,
  .sobre-section-heading,
  .sobre-values-grid,
  .sobre-eve-card{
    grid-template-columns:1fr;
  }
  .sobre-proof-item,
  .sobre-proof-item:first-child,
  .sobre-value,
  .sobre-eve-card > article{
    border-right:0;
  }
  .sobre-proof-item{
    padding:20px 0;
    border-bottom:1px solid #DEE8F0;
  }
  .sobre-values-grid{
    gap:22px;
  }
  .sobre-unit-content{
    width:100%;
  }
  .sobre-unit-device,
  .sobre-dashboard{
    opacity:.16;
  }
}


/* ===== V8 Sobre: mapa limpo e dashboard Performance fiel ao mockup ===== */
.page-sobre .sobre-map{
  min-height:190px;
  display:grid;
  place-items:center;
}

.page-sobre .sobre-map img{
  width:100%;
  max-width:430px;
  height:auto;
  border-radius:10px;
  display:block;
  object-fit:contain;
  box-shadow:none;
  filter:saturate(.96) contrast(1.02);
}

.page-sobre .map-pin,
.page-sobre .map-pin::after{
  display:none !important;
}

.page-sobre .sobre-dashboard{
  display:none !important;
}

.page-sobre .sobre-dashboard-image{
  position:absolute;
  right:24px;
  bottom:20px;
  width:255px;
  height:auto;
  z-index:2;
  display:block;
  opacity:1;
}

.page-sobre .sobre-dashboard-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:8px;
  object-fit:contain;
  filter:saturate(1.08) contrast(1.02);
}

.page-sobre .sobre-unit-card.performance .sobre-unit-content{
  width:68%;
}

.page-sobre .sobre-unit-card.performance::after{
  opacity:.82;
}

@media (max-width:760px){
  .page-sobre .sobre-dashboard-image{
    width:230px;
    right:18px;
    bottom:18px;
    opacity:.28;
  }
}


/* ===== V9 Sobre: card Performance com dashboard limpo, sem texto recortado ===== */
.page-sobre .sobre-dashboard-image{
  position:absolute;
  right:18px;
  bottom:12px;
  width:295px;
  height:auto;
  z-index:2;
  display:block;
  opacity:1;
  pointer-events:none;
}

.page-sobre .sobre-dashboard-image img{
  display:block;
  width:100%;
  height:auto;
  border-radius:10px;
  object-fit:contain;
  filter:saturate(1.08) contrast(1.04);
}

.page-sobre .sobre-unit-card.performance{
  min-height:250px;
}

.page-sobre .sobre-unit-card.performance::after{
  opacity:.72;
}

.page-sobre .sobre-unit-card.performance .sobre-unit-content{
  width:72%;
  z-index:3;
}

@media (max-width:760px){
  .page-sobre .sobre-dashboard-image{
    width:260px;
    opacity:.20;
  }
}


/* ABOUT PAGE - STATIC IMAGE BLOCKS */
.sobre-proof-visual,
.sobre-values-visual {
  border-radius: 24px;
  overflow: hidden;
}
.sobre-proof-visual img,
.sobre-values-visual img {
  display: block;
  width: 100%;
  height: auto;
}
.sobre-values-visual {
  margin-top: 40px;
}


/* ===== V11 Sobre: ajustes finos mapa e card Performance ===== */
.page-sobre .sobre-map img{
  max-width:430px !important;
  filter:none !important;
  box-shadow:none !important;
  border-radius:10px !important;
}

.page-sobre .sobre-dashboard-image{
  right:22px !important;
  bottom:18px !important;
  width:275px !important;
  opacity:1 !important;
}

.page-sobre .sobre-dashboard-image img{
  border-radius:10px !important;
  filter:saturate(1.05) contrast(1.03) !important;
}

.page-sobre .sobre-unit-card.performance .sobre-unit-content{
  width:68% !important;
}

.page-sobre .sobre-unit-card.performance::after{
  opacity:.68 !important;
}

@media (max-width:760px){
  .page-sobre .sobre-dashboard-image{
    width:245px !important;
    opacity:.22 !important;
  }
}


/* ===== CONTEÚDOS — página final ===== */
.page-conteudos{
  background:#fff;
  color:#071D3A;
}

.page-conteudos .site-header .nav a.is-active::after{
  transform:scaleX(1);
  background:#008B58;
}

.content-hero{
  padding:44px 0 28px;
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 10%, rgba(229,244,255,.82), transparent 32%),
    linear-gradient(180deg,#fff 0%,#fff 100%);
}

.content-hero-grid{
  display:grid;
  grid-template-columns:minmax(360px,.72fr) minmax(520px,1fr);
  gap:28px;
  align-items:center;
}

.content-hero-copy{
  position:relative;
  z-index:2;
}

.content-hero h1{
  margin:0 0 22px;
  font-size:clamp(40px,4.3vw,64px);
  line-height:1.18;
  letter-spacing:-.045em;
  color:#061C39;
  font-weight:700;
}

.content-hero h1 .green{color:#008B58;}
.content-hero h1 .blue{color:#145BDF;}

.content-hero p{
  margin:0 0 28px;
  max-width:520px;
  color:#233B5D;
  font-size:16px;
  line-height:1.72;
  font-weight:500;
}

.content-tags{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  max-width:600px;
}

.content-tags button{
  appearance:none;
  border:1px solid #CBD8E8;
  background:#fff;
  color:#1E3557;
  height:38px;
  padding:0 20px;
  border-radius:10px;
  font-family:Poppins, sans-serif;
  font-size:13px;
  font-weight:600;
  box-shadow:0 8px 18px rgba(12,38,72,.035);
  cursor:default;
}

.content-tags button.active{
  background:#008B58;
  border-color:#008B58;
  color:#fff;
}

.content-hero-visual{
  position:relative;
  min-height:390px;
  display:flex;
  align-items:center;
  justify-content:flex-end;
}

.content-hero-visual::before{
  content:"";
  position:absolute;
  left:-170px;
  top:0;
  bottom:0;
  width:330px;
  background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.92) 42%,rgba(255,255,255,0) 100%);
  z-index:2;
  pointer-events:none;
}

.content-hero-visual img{
  display:block;
  width:100%;
  height:430px;
  object-fit:cover;
  object-position:center;
  border-radius:0;
  filter:saturate(1.02) contrast(1.02);
}

.content-section{
  padding:22px 0;
}

.content-title{
  margin:0 0 22px;
  font-size:clamp(26px,2.35vw,36px);
  line-height:1.15;
  letter-spacing:-.035em;
  color:#061C39;
  font-weight:700;
}

.featured-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}

.featured-card{
  border:1px solid #E1E9F2;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 12px 28px rgba(12,38,72,.045);
}

.featured-card picture,
.featured-card img{
  display:block;
  width:100%;
}

.featured-card img{
  height:190px;
  object-fit:cover;
}

.card-body{
  padding:22px 22px 24px;
}

.eyebrow{
  display:block;
  margin-bottom:10px;
  font-size:11px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.08em;
  font-weight:800;
}
.eyebrow.green{color:#008B58;}
.eyebrow.blue{color:#145BDF;}

.featured-card h3{
  margin:0 0 14px;
  color:#071D3A;
  font-size:20px;
  line-height:1.36;
  letter-spacing:-.025em;
}

.featured-card p{
  margin:0 0 24px;
  color:#4B607B;
  font-size:14px;
  line-height:1.65;
}

.featured-card a,
.latest-card a,
.material-card a{
  color:#008B58;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}

.latest-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.latest-card{
  display:grid;
  grid-template-columns:92px 1fr;
  gap:14px;
  min-height:138px;
  border:1px solid #E1E9F2;
  border-radius:13px;
  padding:14px;
  background:#fff;
  box-shadow:0 10px 22px rgba(12,38,72,.035);
}

.latest-card img{
  width:92px;
  height:108px;
  border-radius:8px;
  object-fit:cover;
}

.latest-card h3{
  margin:0 0 10px;
  color:#071D3A;
  font-size:13px;
  line-height:1.34;
  letter-spacing:-.018em;
}

.latest-card p{
  margin:0 0 8px;
  color:#7A899A;
  font-size:11px;
}

.materials-heading p{
  margin:-14px 0 22px;
  color:#66778D;
  font-size:14px;
}

.materials-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.material-card{
  display:grid;
  grid-template-columns:86px 1fr;
  gap:18px;
  align-items:center;
  min-height:160px;
  border:1px solid #E1E9F2;
  border-radius:14px;
  padding:24px;
  background:#fff;
  box-shadow:0 12px 28px rgba(12,38,72,.04);
}

.material-icon{
  width:72px;
  height:72px;
  border-radius:50%;
  display:grid;
  place-items:center;
}
.material-icon.green{background:#EAF6EF;color:#008B58;}
.material-icon.blue{background:#EEF4FF;color:#145BDF;}
.material-icon svg{width:38px;height:38px;}

.material-card h3{
  margin:0 0 10px;
  font-size:15px;
  line-height:1.36;
  color:#071D3A;
}

.material-card p{
  margin:0 0 12px;
  font-size:12px;
  line-height:1.55;
  color:#607188;
}

.content-linkedin{
  padding:20px 0 18px;
}

.linkedin-card{
  display:grid;
  grid-template-columns:64px 1fr auto;
  gap:20px;
  align-items:center;
  padding:20px 28px;
  border:1px solid #DDE8FA;
  border-radius:14px;
  background:linear-gradient(100deg,#F7FBFF 0%,#fff 68%);
  box-shadow:0 12px 28px rgba(12,38,72,.035);
}

.linkedin-icon{
  width:54px;
  height:54px;
  border-radius:12px;
  display:grid;
  place-items:center;
  background:#F1F6FF;
  color:#0A66C2;
  font-size:28px;
  font-weight:800;
}

.linkedin-card h2{
  margin:0 0 6px;
  color:#102B52;
  font-size:20px;
}

.linkedin-card p{
  margin:0;
  color:#4D617E;
  font-size:13px;
  line-height:1.55;
}

.content-cta{
  padding:0 0 34px;
}

.content-cta-box{
  min-height:150px;
  display:flex;
  justify-content:space-between;
  gap:34px;
  align-items:center;
  padding:34px 54px;
  border-radius:14px;
  overflow:hidden;
  background:
    linear-gradient(120deg,rgba(0,139,88,.95) 0%,rgba(0,85,120,.92) 45%,rgba(20,91,223,.96) 100%),
    radial-gradient(circle at 70% 50%,rgba(255,255,255,.22),transparent 38%);
  color:#fff;
  box-shadow:0 18px 42px rgba(12,38,72,.10);
}

.content-cta-box h2{
  margin:0 0 10px;
  font-size:clamp(24px,2.2vw,36px);
  line-height:1.16;
  letter-spacing:-.035em;
}

.content-cta-box p{
  margin:0;
  max-width:600px;
  font-size:13px;
  line-height:1.65;
  color:rgba(255,255,255,.92);
}

.btn-light{
  background:#fff;
  color:#145BDF;
  border-color:#fff;
  box-shadow:0 14px 32px rgba(0,0,0,.12);
  white-space:nowrap;
}

@media (max-width:1180px){
  .content-hero-grid,
  .featured-grid,
  .materials-grid{
    grid-template-columns:1fr;
  }
  .latest-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media (max-width:760px){
  .content-hero{padding-top:28px;}
  .content-hero h1{font-size:42px;}
  .content-hero-visual{min-height:280px;}
  .content-hero-visual img{height:300px;}
  .latest-grid,
  .materials-grid{
    grid-template-columns:1fr;
  }
  .linkedin-card{
    grid-template-columns:1fr;
  }
  .content-cta-box{
    flex-direction:column;
    align-items:flex-start;
    padding:28px;
  }
}


/* ===== V14 Conteúdos: tags navegáveis para os artigos abaixo ===== */
html{ scroll-behavior:smooth; }
.content-tags a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-decoration:none;
  border:1px solid #CBD8E8;
  background:#fff;
  color:#1E3557;
  height:38px;
  padding:0 20px;
  border-radius:10px;
  font-family:Poppins, sans-serif;
  font-size:13px;
  font-weight:600;
  box-shadow:0 8px 18px rgba(12,38,72,.035);
  transition:transform .22s ease, border-color .22s ease, box-shadow .22s ease, background .22s ease, color .22s ease;
}
.content-tags a:hover{
  transform:translateY(-2px);
  border-color:#008B58;
  box-shadow:0 12px 24px rgba(0,139,88,.10);
}
.content-tags a.active{
  background:#008B58;
  border-color:#008B58;
  color:#fff;
}
.content-tags button{display:none!important;}
.featured-card,
.latest-card,
.material-card,
.content-featured,
.content-materials{
  scroll-margin-top:110px;
}
.featured-card:target,
.latest-card:target,
.content-materials:target{
  outline:2px solid rgba(0,139,88,.42);
  box-shadow:0 18px 38px rgba(0,139,88,.10) !important;
}
.content-featured:target .featured-card:first-child{
  outline:2px solid rgba(0,139,88,.28);
}