:root{
  --bg: #f4f8fc;
  --bg-soft: #e9f2f8;
  --surface: #ffffff;
  --surface-alt: #f8fbfe;
  --stroke: rgba(8, 115, 163, 0.14);

  --text: #11324a;
  --text-strong: #0b2436;
  --muted: #5f7f95;

  --primary: #0f95c8;
  --primary-strong: #0873a3;
  --primary-deep: #0c5678;

  --accent: #f4c400;
  --accent-strong: #d7ab00;
  --accent-soft: #fff4bf;

  --success-soft: #e7fff1;

  --shadow-sm: 0 10px 24px rgba(8, 115, 163, 0.08);
  --shadow-md: 0 18px 40px rgba(8, 115, 163, 0.12);
  --shadow-lg: 0 28px 70px rgba(8, 115, 163, 0.16);

  --radius-lg: 28px;
  --radius-md: 20px;
  --radius-sm: 14px;
  --container: 1180px;
}

*{
  margin:0;
  padding:0;
  box-sizing:border-box;
}

html{
  scroll-behavior:smooth;
}

body{
  font-family:'Inter',sans-serif;
  background:
    radial-gradient(circle at top left, rgba(15,149,200,0.12), transparent 24%),
    radial-gradient(circle at 90% 10%, rgba(244,196,0,0.12), transparent 18%),
    linear-gradient(180deg, #f8fbfd 0%, #f1f7fb 52%, #edf4f8 100%);
  color:var(--text);
  line-height:1.6;
}

a{
  color:inherit;
  text-decoration:none;
}

img{
  max-width:100%;
  display:block;
}

.container{
  width:min(calc(100% - 32px), var(--container));
  margin:0 auto;
}

.site-header{
  position:sticky;
  top:0;
  z-index:1000;
  background:rgba(255,255,255,0.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid rgba(8,115,163,0.08);
  box-shadow:0 4px 18px rgba(8,115,163,0.05);
}

.header-wrap{
  min-height:46px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
}

.brand-logo{
  display:flex;
  align-items:center;
}

.brand-logo img{
  width:92px;
  height:auto;
  object-fit:contain;
}

.nav{
  display:flex;
  align-items:center;
  gap:22px;
  flex-wrap:wrap;
}

.nav a{
  color:var(--text);
  font-weight:700;
  transition:0.25s ease;
}

.nav a:hover{
  color:var(--primary-strong);
}

.nav-cta{
  padding:9px 15px;
  border-radius:999px;
  background:linear-gradient(135deg, var(--accent), var(--accent-strong));
  color:#1d1d1d !important;
  box-shadow:0 14px 30px rgba(244,196,0,0.24);
}

.hero{
  padding:92px 0 62px;
}

.hero-grid{
  display:grid;
  grid-template-columns:1.1fr 0.9fr;
  gap:30px;
  align-items:stretch;
}

.hero-copy{
  position:relative;
  overflow:hidden;
  border-radius:var(--radius-lg);
  background:
    linear-gradient(135deg, rgba(15,149,200,0.96), rgba(8,115,163,0.96));
  color:#ffffff;
  padding:44px;
  box-shadow:var(--shadow-lg);
}

.hero-copy::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 88% 10%, rgba(255,255,255,0.10), transparent 16%),
    linear-gradient(115deg, rgba(255,255,255,0.05), transparent 34%, transparent 70%, rgba(255,255,255,0.03));
  z-index:0;
  pointer-events:none;
}

.hero-copy::after{
  content:"";
  position:absolute;
  left:-40px;
  bottom:-40px;
  width:180px;
  height:180px;
  border-radius:50%;
  background:rgba(244,196,0,0.18);
}

.eyebrow{
  display:inline-flex;
  align-items:center;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.14);
  border:1px solid rgba(255,255,255,0.18);
  color:#fff7cf;
  font-weight:800;
  font-size:0.92rem;
  margin-bottom:20px;
}

.hero h1{
  font-size:clamp(2.4rem, 5vw, 4.4rem);
  line-height:1.04;
  letter-spacing:-0.045em;
  max-width:12ch;
  margin-bottom:18px;
  position:relative;
  z-index:1;
}

.hero-text{
  font-size:1.05rem;
  color:rgba(255,255,255,0.9);
  max-width:58ch;
  margin-bottom:28px;
  position:relative;
  z-index:1;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-bottom:26px;
  position:relative;
  z-index:1;
}

.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:52px;
  padding:14px 22px;
  border-radius:999px;
  font-weight:800;
  transition:0.25s ease;
}

.btn-primary{
  background:linear-gradient(135deg, var(--accent), var(--accent-strong));
  color:#1f1f1f;
  box-shadow:0 14px 34px rgba(244,196,0,0.28);
}

.btn-primary:hover{
  transform:translateY(-2px);
}

.btn-secondary{
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.16);
  color:#ffffff;
}

.btn-secondary:hover{
  background:rgba(255,255,255,0.18);
}

.hero-badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  position:relative;
  z-index:1;
}

.hero-badges span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.12);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:0.92rem;
  font-weight:700;
}

.hero-card{
  border-radius:var(--radius-lg);
  background:linear-gradient(180deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(8,115,163,0.12);
  box-shadow:var(--shadow-md);
  padding:28px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:18px;
}

.hero-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}

.hero-mini-logo{
  width:120px;
  height:auto;
  object-fit:contain;
}

.tag{
  display:inline-flex;
  padding:8px 12px;
  border-radius:999px;
  background:var(--accent-soft);
  border:1px solid rgba(244,196,0,0.35);
  color:#8a6b00;
  font-size:0.84rem;
  font-weight:800;
}

.hero-card-block{
  padding:22px;
  border-radius:20px;
  background:var(--surface-alt);
  border:1px solid rgba(8,115,163,0.1);
}

.hero-card-block h3{
  color:var(--text-strong);
  font-size:1.08rem;
  margin-bottom:8px;
}

.hero-card-block p,
.hero-card-footer{
  color:var(--muted);
}

.section{
  padding:36px 0;
}

.section-alt{
  background:linear-gradient(180deg, rgba(15,149,200,0.03), rgba(244,196,0,0.04));
  border-top:1px solid rgba(8,115,163,0.07);
  border-bottom:1px solid rgba(8,115,163,0.07);
}

.section-heading{
  max-width:760px;
  margin-bottom:28px;
}

.section-tag{
  display:inline-block;
  margin-bottom:12px;
  font-size:0.9rem;
  font-weight:800;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--primary-strong);
}

.section-heading h2{
  font-size:clamp(1.9rem, 4vw, 3rem);
  line-height:1.1;
  letter-spacing:-0.035em;
  color:var(--text-strong);
  margin-bottom:12px;
}

.section-heading p{
  color:var(--muted);
  font-size:1.02rem;
}

.cards-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.info-card{
  border-radius:24px;
  background:#ffffff;
  border:1px solid rgba(8,115,163,0.1);
  box-shadow:var(--shadow-sm);
  padding:24px;
  transition:0.25s ease;
}

.info-card:hover{
  transform:translateY(-4px);
  box-shadow:var(--shadow-md);
}

.info-card h3{
  color:var(--text-strong);
  font-size:1.08rem;
  margin-bottom:10px;
}

.info-card p{
  color:var(--muted);
}

.pill-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

.pill-card{
  min-height:96px;
  border-radius:22px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:18px;
  font-weight:800;
  color:var(--primary-deep);
  background:linear-gradient(180deg, #ffffff 0%, #f7fbfe 100%);
  border:1px solid rgba(8,115,163,0.1);
  box-shadow:var(--shadow-sm);
}

.partners-grid{
  display:grid;
  grid-template-columns:0.92fr 1.08fr;
  gap:24px;
  align-items:start;
}

.partners-copy p{
  color:var(--muted);
}

.partners-list{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px;
}

.partner-item{
  border-radius:24px;
  background:linear-gradient(180deg, #ffffff 0%, #fbfdff 100%);
  border:1px solid rgba(8,115,163,0.1);
  box-shadow:var(--shadow-sm);
  padding:24px;
}

.partner-item h3{
  color:var(--text-strong);
  margin-bottom:10px;
}

.partner-item p{
  color:var(--muted);
}

.contact-section{
  padding-bottom:70px;
}

.contact-box{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  padding:34px;
  border-radius:30px;
  background:linear-gradient(135deg, #ffffff 0%, #f7fbfe 100%);
  border:1px solid rgba(8,115,163,0.12);
  box-shadow:var(--shadow-md);
}

.contact-copy{
  max-width:720px;
}

.contact-copy p{
  color:var(--muted);
}

.contact-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.site-footer{
  background:#0d3c55;
  border-top:4px solid var(--accent);
}

.footer-wrap{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  color:rgba(255,255,255,0.82);
  font-size:0.95rem;
}

@media (max-width:1080px){
  .hero-grid,
  .partners-grid{
    grid-template-columns:1fr;
  }

  .cards-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .pill-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .site-header{
    position:static;
  }

  .header-wrap{
    padding:18px 0;
    flex-direction:column;
    align-items:flex-start;
  }

  .brand-logo img{
    width:170px;
  }

  .nav{
    gap:14px;
  }

  .hero{
    padding-top:34px;
  }

  .hero-copy,
  .hero-card,
  .info-card,
  .partner-item,
  .contact-box{
    padding:22px;
  }

  .cards-grid,
  .pill-grid,
  .partners-list{
    grid-template-columns:1fr;
  }

  .contact-box,
  .footer-wrap,
  .hero-card-top{
    flex-direction:column;
    align-items:flex-start;
  }

  .footer-wrap{
    padding:22px 0;
  }

  .hero h1{
    max-width:100%;
  }
}




.hero-choice-panel{
  display:grid;
  grid-template-columns:1fr;
  gap:18px;
  height:100%;
}

.choice-card{
  position:relative;
  overflow:hidden;
  min-height:270px;
  border-radius:26px;
  padding:24px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  gap:16px;
  text-decoration:none;
  box-shadow:var(--shadow-md);
  transition:transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease, color 0.28s ease;
}

.choice-card::before{
  content:"";
  position:absolute;
  inset:-2px;
  border-radius:28px;
  padding:1px;
  background:linear-gradient(135deg, rgba(255,255,255,0.55), rgba(255,255,255,0.08));
  -webkit-mask:
    linear-gradient(#fff 0 0) content-box,
    linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
          mask-composite:exclude;
  pointer-events:none;
  opacity:0.7;
}

.choice-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-50px;
  top:-50px;
  border-radius:50%;
  opacity:0.22;
  pointer-events:none;
  transition:0.28s ease;
}

.choice-card:hover{
  transform:translateY(-6px);
  box-shadow:var(--shadow-lg);
}

.choice-card:hover::after{
  transform:scale(1.08);
  opacity:0.3;
}

.choice-card-top,
.choice-list,
.choice-card h3,
.choice-card p,
.choice-link{
  position:relative;
  z-index:2;
}

.choice-card-top{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}

.choice-chip{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:8px 14px;
  border-radius:999px;
  font-size:0.85rem;
  font-weight:800;
}

.choice-icon{
  width:42px;
  height:42px;
  border-radius:50%;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:0.82rem;
  font-weight:800;
}

.choice-card h3{
  font-size:1.5rem;
  line-height:1.12;
  letter-spacing:-0.03em;
}

.choice-card p{
  font-size:0.98rem;
  line-height:1.65;
}

.choice-list{
  list-style:none;
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:10px 12px;
  padding:0;
  margin:0;
}

.choice-list li{
  padding:10px 12px;
  border-radius:14px;
  font-size:0.92rem;
  font-weight:700;
  backdrop-filter:blur(8px);
}

.choice-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  font-weight:800;
  font-size:0.98rem;
}

.choice-link::after{
  content:"→";
  font-size:1.1rem;
  transition:transform 0.25s ease;
}

.choice-card:hover .choice-link::after{
  transform:translateX(4px);
}

.choice-card-clientes{
  background:linear-gradient(135deg, #0f95c8 0%, #0873a3 100%);
  color:#ffd84a;
}

.choice-card-clientes::after{
  background:radial-gradient(circle, rgba(255,216,74,0.95), transparent 70%);
}

.choice-card-clientes .choice-chip{
  background:rgba(255,216,74,0.14);
  border:1px solid rgba(255,216,74,0.35);
  color:#ffe98f;
}

.choice-card-clientes .choice-icon{
  background:rgba(255,216,74,0.18);
  border:1px solid rgba(255,216,74,0.35);
  color:#fff0ad;
}

.choice-card-clientes h3{
  color:#fff6cc;
}

.choice-card-clientes p{
  color:rgba(255,255,255,0.92);
}

.choice-card-clientes .choice-list li{
  background:rgba(255,255,255,0.1);
  border:1px solid rgba(255,216,74,0.22);
  color:#fff2b8;
}

.choice-card-clientes .choice-link{
  color:#ffe374;
}

.choice-card-clientes:hover{
  background:linear-gradient(135deg, #f4c400 0%, #d7ab00 100%);
  color:#0b5f86;
}

.choice-card-clientes:hover::after{
  background:radial-gradient(circle, rgba(15,149,200,0.85), transparent 70%);
}

.choice-card-clientes:hover .choice-chip{
  background:rgba(15,149,200,0.12);
  border-color:rgba(15,149,200,0.22);
  color:#0b6189;
}

.choice-card-clientes:hover .choice-icon{
  background:rgba(15,149,200,0.14);
  border-color:rgba(15,149,200,0.24);
  color:#0b6189;
}

.choice-card-clientes:hover h3{
  color:#084e6e;
}

.choice-card-clientes:hover p{
  color:#235d7c;
}

.choice-card-clientes:hover .choice-list li{
  background:rgba(255,255,255,0.28);
  border-color:rgba(15,149,200,0.18);
  color:#0a5578;
}

.choice-card-clientes:hover .choice-link{
  color:#0b6189;
}

.choice-card-parceiros{
  background:linear-gradient(135deg, #f4c400 0%, #d7ab00 100%);
  color:#085f87;
}

.choice-card-parceiros::after{
  background:radial-gradient(circle, rgba(15,149,200,0.95), transparent 70%);
}

.choice-card-parceiros .choice-chip{
  background:rgba(15,149,200,0.12);
  border:1px solid rgba(15,149,200,0.22);
  color:#0b6189;
}

.choice-card-parceiros .choice-icon{
  background:rgba(15,149,200,0.14);
  border:1px solid rgba(15,149,200,0.24);
  color:#0b6189;
}

.choice-card-parceiros h3{
  color:#084e6e;
}

.choice-card-parceiros p{
  color:#235d7c;
}

.choice-card-parceiros .choice-list li{
  background:rgba(255,255,255,0.28);
  border:1px solid rgba(15,149,200,0.16);
  color:#0a5578;
}

.choice-card-parceiros .choice-link{
  color:#0b6189;
}

.choice-card-parceiros:hover{
  background:linear-gradient(135deg, #0f95c8 0%, #0873a3 100%);
  color:#ffd84a;
}

.choice-card-parceiros:hover::after{
  background:radial-gradient(circle, rgba(255,216,74,0.95), transparent 70%);
}

.choice-card-parceiros:hover .choice-chip{
  background:rgba(255,216,74,0.14);
  border-color:rgba(255,216,74,0.35);
  color:#ffe98f;
}

.choice-card-parceiros:hover .choice-icon{
  background:rgba(255,216,74,0.18);
  border-color:rgba(255,216,74,0.35);
  color:#fff0ad;
}

.choice-card-parceiros:hover h3{
  color:#fff6cc;
}

.choice-card-parceiros:hover p{
  color:rgba(255,255,255,0.92);
}

.choice-card-parceiros:hover .choice-list li{
  background:rgba(255,255,255,0.1);
  border-color:rgba(255,216,74,0.22);
  color:#fff2b8;
}

.choice-card-parceiros:hover .choice-link{
  color:#ffe374;
}

@media (max-width:760px){
  .choice-card{
    min-height:auto;
  }

  .choice-list{
    grid-template-columns:1fr;
  }
}

/* ===== HERO COPY | SPECIAL UPGRADE CLEAN ===== */
.hero-copy{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  border-radius:30px;
  padding:42px 36px 34px;
  background:
    linear-gradient(145deg, rgba(18,164,217,0.98) 0%, rgba(9,120,171,0.98) 52%, rgba(6,92,138,0.99) 100%);
  box-shadow:
    0 28px 70px rgba(8,115,163,0.24),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 -1px 0 rgba(255,255,255,0.04);
  border:1px solid rgba(255,255,255,0.14);
}

.hero-copy::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 88% 10%, rgba(255,255,255,0.10), transparent 16%),
    linear-gradient(115deg, rgba(255,255,255,0.05), transparent 34%, transparent 70%, rgba(255,255,255,0.03));
  z-index:0;
  pointer-events:none;
}

.hero-copy::after{
  content:"";
  position:absolute;
  inset:14px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,0.10);
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,0.02),
    inset 0 0 36px rgba(255,255,255,0.02);
  pointer-events:none;
  z-index:0;
}

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

.eyebrow{
  display:inline-flex;
  align-items:center;
  min-height:40px;
  padding:10px 16px;
  border-radius:999px;
  background:linear-gradient(135deg, rgba(255,255,255,0.14), rgba(255,255,255,0.06));
  border:1px solid rgba(255,255,255,0.18);
  color:#fff1aa;
  font-weight:800;
  font-size:0.82rem;
  letter-spacing:0.01em;
  box-shadow:
    0 10px 24px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,0.14);
  margin-bottom:18px;
}

.hero h1{
  max-width:10ch;
  font-size:clamp(2.7rem, 5.2vw, 4.9rem);
  line-height:0.95;
  letter-spacing:-0.055em;
  margin-bottom:20px;
  color:#ffffff;
  text-shadow:
    0 10px 30px rgba(0,0,0,0.16),
    0 0 24px rgba(255,255,255,0.05);
}

.hero-text{
  max-width:54ch;
  font-size:0.98rem;
  line-height:1.75;
  color:rgba(255,255,255,0.92);
  margin-bottom:26px;
}

.hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:6px;
}

.hero-copy .btn{
  min-height:48px;
  padding:12px 20px;
  border-radius:999px;
  font-size:0.92rem;
  font-weight:800;
  box-shadow:0 14px 30px rgba(0,0,0,0.12);
}

.hero-copy .btn-primary{
  background:linear-gradient(135deg, #ffd400 0%, #f4c400 45%, #dcae00 100%);
  color:#17354c;
  border:1px solid rgba(255,255,255,0.16);
}

.hero-copy .btn-primary:hover{
  transform:translateY(-2px) scale(1.02);
  box-shadow:
    0 18px 38px rgba(244,196,0,0.24),
    0 0 18px rgba(255,216,74,0.12);
}

.hero-copy .btn-secondary{
  background:linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.08));
  color:#ffffff;
  border:1px solid rgba(255,255,255,0.18);
  backdrop-filter:blur(10px);
}

.hero-copy .btn-secondary:hover{
  transform:translateY(-2px) scale(1.02);
  background:linear-gradient(135deg, rgba(255,255,255,0.22), rgba(255,255,255,0.12));
  box-shadow:0 16px 36px rgba(0,0,0,0.12);
}

@media (max-width:760px){
  .hero-copy{
    padding:34px 22px 28px;
    border-radius:24px;
  }

  .hero h1{
    max-width:100%;
    font-size:clamp(2.2rem, 10vw, 3.8rem);
    line-height:0.98;
  }

  .hero-text{
    font-size:0.95rem;
  }
}




/* ===== HERO CLEAN KILL SWITCH ===== */
.hero-copy::before,
.hero-copy::after{
  content:none !important;
  display:none !important;
  background:none !important;
  box-shadow:none !important;
  border:none !important;
}

/* ===== HERO DRAMATIC MODE ===== */
.hero-copy{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  border-radius:30px !important;
  padding:42px 36px 34px !important;
  background:
    radial-gradient(circle at 18% 22%, rgba(255,255,255,0.14) 0%, transparent 18%),
    radial-gradient(circle at 82% 14%, rgba(86,220,255,0.22) 0%, transparent 20%),
    radial-gradient(circle at 14% 88%, rgba(255,208,0,0.22) 0%, transparent 18%),
    linear-gradient(135deg, #12a8dd 0%, #0f95c8 22%, #097db3 52%, #075f92 78%, #054d79 100%) !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 35px 90px rgba(8,115,163,0.34),
    0 0 50px rgba(18,168,221,0.18),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 0 80px rgba(255,255,255,0.03) !important;
}

.hero-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-10% !important;
  background:
    linear-gradient(115deg,
      transparent 0%,
      transparent 32%,
      rgba(255,255,255,0.10) 44%,
      rgba(255,255,255,0.03) 50%,
      transparent 58%,
      transparent 100%);
  mix-blend-mode:screen !important;
  opacity:0.95 !important;
  pointer-events:none !important;
  z-index:0 !important;
  animation:heroBeamMove 7s linear infinite !important;
}

.hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  width:320px !important;
  height:320px !important;
  right:-90px !important;
  top:-90px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle,
      rgba(255,255,255,0.22) 0%,
      rgba(110,231,255,0.18) 20%,
      rgba(19,167,221,0.10) 42%,
      rgba(19,167,221,0.00) 72%) !important;
  filter:blur(4px) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  animation:heroOrbPulse 4.5s ease-in-out infinite !important;
}

.hero-copy > *{
  position:relative !important;
  z-index:2 !important;
}

.hero-copy .eyebrow{
  background:linear-gradient(135deg, rgba(255,214,10,0.20), rgba(255,255,255,0.08)) !important;
  border:1px solid rgba(255,227,120,0.34) !important;
  color:#fff1a8 !important;
  box-shadow:
    0 10px 28px rgba(0,0,0,0.12),
    0 0 20px rgba(255,213,10,0.16),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.hero-copy h1{
  color:#ffffff !important;
  text-shadow:
    0 14px 34px rgba(0,0,0,0.16),
    0 0 24px rgba(255,255,255,0.10),
    0 0 42px rgba(93,221,255,0.08) !important;
}

.hero-copy .hero-text{
  color:rgba(255,255,255,0.94) !important;
}

.hero-copy .btn-primary{
  background:linear-gradient(135deg, #ffd400 0%, #ffcb05 45%, #e0ac00 100%) !important;
  color:#14324a !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 18px 34px rgba(244,196,0,0.28),
    0 0 26px rgba(255,212,0,0.16) !important;
}

.hero-copy .btn-primary:hover{
  transform:translateY(-3px) scale(1.03) !important;
  box-shadow:
    0 22px 40px rgba(244,196,0,0.32),
    0 0 36px rgba(255,212,0,0.24) !important;
}

.hero-copy .btn-secondary{
  background:linear-gradient(135deg, rgba(255,255,255,0.18), rgba(255,255,255,0.08)) !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  color:#ffffff !important;
  box-shadow:
    0 14px 28px rgba(0,0,0,0.10),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

.hero-copy .btn-secondary:hover{
  transform:translateY(-3px) scale(1.03) !important;
  background:linear-gradient(135deg, rgba(255,255,255,0.24), rgba(255,255,255,0.10)) !important;
}

@keyframes heroBeamMove{
  0%{
    transform:translateX(-18%) translateY(0) rotate(0deg);
  }
  50%{
    transform:translateX(8%) translateY(0) rotate(0deg);
  }
  100%{
    transform:translateX(-18%) translateY(0) rotate(0deg);
  }
}

@keyframes heroOrbPulse{
  0%{
    transform:scale(1);
    opacity:0.88;
  }
  50%{
    transform:scale(1.08);
    opacity:1;
  }
  100%{
    transform:scale(1);
    opacity:0.88;
  }
}

/* ===== HERO WHITE LIGHT MOTION MODE ===== */
.hero-copy{
  animation:heroMainFloat 6s ease-in-out infinite !important;
}

.hero-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-20% !important;
  background:
    linear-gradient(120deg,
      transparent 0%,
      transparent 18%,
      rgba(255,255,255,0.00) 24%,
      rgba(255,255,255,0.08) 30%,
      rgba(255,255,255,0.18) 34%,
      rgba(255,255,255,0.06) 38%,
      rgba(255,255,255,0.00) 44%,
      transparent 52%,
      transparent 100%),
    linear-gradient(135deg,
      transparent 0%,
      transparent 58%,
      rgba(255,255,255,0.00) 64%,
      rgba(255,255,255,0.10) 69%,
      rgba(255,255,255,0.20) 72%,
      rgba(255,255,255,0.05) 75%,
      rgba(255,255,255,0.00) 80%,
      transparent 100%) !important;
  mix-blend-mode:screen !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  animation:heroWhiteSweepA 4.5s linear infinite !important;
}

.hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      115deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 18px,
      rgba(255,255,255,0.03) 19px,
      rgba(255,255,255,0.10) 20px,
      rgba(255,255,255,0.03) 21px,
      rgba(255,255,255,0.00) 22px,
      rgba(255,255,255,0.00) 42px
    ) !important;
  opacity:0.65 !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:heroWhiteSweepB 7s linear infinite !important;
}

.hero-copy > *{
  position:relative !important;
  z-index:3 !important;
}

.hero-copy h1{
  text-shadow:
    0 14px 34px rgba(0,0,0,0.16),
    0 0 22px rgba(255,255,255,0.14),
    0 0 52px rgba(255,255,255,0.08) !important;
}

.hero-copy .hero-text{
  text-shadow:0 0 16px rgba(255,255,255,0.06) !important;
}

@keyframes heroMainFloat{
  0%{
    transform:translateY(0px);
  }
  50%{
    transform:translateY(-4px);
  }
  100%{
    transform:translateY(0px);
  }
}

@keyframes heroWhiteSweepA{
  0%{
    transform:translateX(-16%) translateY(0) scale(1.02);
    opacity:0.75;
  }
  25%{
    transform:translateX(-4%) translateY(-1%) scale(1.03);
    opacity:1;
  }
  50%{
    transform:translateX(8%) translateY(0%) scale(1.04);
    opacity:0.9;
  }
  75%{
    transform:translateX(2%) translateY(1%) scale(1.03);
    opacity:1;
  }
  100%{
    transform:translateX(-16%) translateY(0) scale(1.02);
    opacity:0.75;
  }
}

@keyframes heroWhiteSweepB{
  0%{
    transform:translateX(0) translateY(0);
    opacity:0.30;
  }
  20%{
    transform:translateX(10px) translateY(-4px);
    opacity:0.55;
  }
  40%{
    transform:translateX(22px) translateY(-8px);
    opacity:0.72;
  }
  60%{
    transform:translateX(34px) translateY(-10px);
    opacity:0.55;
  }
  80%{
    transform:translateX(16px) translateY(-5px);
    opacity:0.65;
  }
  100%{
    transform:translateX(0) translateY(0);
    opacity:0.30;
  }
}

/* ===== HERO TECH BACKGROUND | GIGANHELP MODE ===== */
.hero{
  position:relative;
  overflow:hidden;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(15,149,200,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,149,200,0.06) 1px, transparent 1px);
  background-size:48px 48px, 48px 48px;
  opacity:0.35;
  pointer-events:none;
  z-index:0;
  animation:heroGridDrift 14s linear infinite;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 24%, rgba(255,255,255,0.16) 0%, transparent 12%),
    radial-gradient(circle at 72% 30%, rgba(255,255,255,0.10) 0%, transparent 10%),
    radial-gradient(circle at 64% 78%, rgba(255,212,0,0.08) 0%, transparent 12%),
    radial-gradient(circle at 28% 72%, rgba(80,220,255,0.08) 0%, transparent 14%);
  pointer-events:none;
  z-index:0;
  animation:heroParticlesFloat 9s ease-in-out infinite;
}

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

.hero-copy{
  position:relative !important;
}

.hero-copy .hero-tech-layer{
  display:none;
}

.hero-copy{
  background:
    radial-gradient(circle at 14% 18%, rgba(255,255,255,0.10) 0%, transparent 16%),
    radial-gradient(circle at 80% 14%, rgba(110,231,255,0.16) 0%, transparent 18%),
    linear-gradient(135deg, #12a8dd 0%, #0f95c8 22%, #097db3 52%, #075f92 78%, #054d79 100%) !important;
}

.hero-copy{
  box-shadow:
    0 35px 90px rgba(8,115,163,0.34),
    0 0 50px rgba(18,168,221,0.18),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 0 80px rgba(255,255,255,0.03) !important;
}

.hero-copy{
  border:1px solid rgba(255,255,255,0.18) !important;
}

.hero-copy{
  background-blend-mode:screen, screen, normal !important;
}

.hero-copy{
  position:relative !important;
}

.hero-copy .fake-watermark{
  display:none;
}

.hero-copy{
  overflow:hidden !important;
}

.hero-copy{
  isolation:isolate !important;
}

.hero-copy .hero-overlay-lines{
  display:none;
}

.hero-copy{
  --qx-line-a: rgba(255,255,255,0.10);
  --qx-line-b: rgba(255,255,255,0.00);
}

.hero-copy{
  background-image:
    linear-gradient(135deg, rgba(255,255,255,0.10), transparent 26%),
    radial-gradient(circle at 14% 18%, rgba(255,255,255,0.10) 0%, transparent 16%),
    radial-gradient(circle at 80% 14%, rgba(110,231,255,0.16) 0%, transparent 18%),
    linear-gradient(135deg, #12a8dd 0%, #0f95c8 22%, #097db3 52%, #075f92 78%, #054d79 100%) !important;
}

.hero-copy{
  background-size:auto, auto, auto, auto !important;
}

.hero-copy{
  background-repeat:no-repeat !important;
}

.hero-copy{
  animation:heroCardFloat 6s ease-in-out infinite !important;
}

.hero-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-12% !important;
  background:
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 18px,
      rgba(255,255,255,0.035) 19px,
      rgba(255,255,255,0.09) 20px,
      rgba(255,255,255,0.03) 21px,
      rgba(255,255,255,0.00) 22px,
      rgba(255,255,255,0.00) 48px
    ),
    linear-gradient(
      118deg,
      transparent 0%,
      transparent 28%,
      rgba(255,255,255,0.06) 35%,
      rgba(255,255,255,0.18) 39%,
      rgba(255,255,255,0.04) 44%,
      transparent 52%,
      transparent 100%
    ) !important;
  opacity:0.90 !important;
  pointer-events:none !important;
  z-index:0 !important;
  mix-blend-mode:screen !important;
  animation:heroLightScan 5.2s linear infinite !important;
}

.hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.16) 0%, transparent 12%),
    radial-gradient(circle at 18% 82%, rgba(255,212,0,0.12) 0%, transparent 14%),
    linear-gradient(90deg, rgba(255,255,255,0.05) 0%, transparent 14%, transparent 86%, rgba(255,255,255,0.04) 100%) !important;
  opacity:0.95 !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:heroAuraShift 7s ease-in-out infinite !important;
}

.hero-copy > *{
  position:relative !important;
  z-index:3 !important;
}

.choice-card{
  position:relative;
  overflow:hidden;
}

.choice-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    repeating-linear-gradient(
      135deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 22px,
      rgba(255,255,255,0.03) 23px,
      rgba(255,255,255,0.08) 24px,
      rgba(255,255,255,0.02) 25px,
      rgba(255,255,255,0.00) 26px,
      rgba(255,255,255,0.00) 56px
    );
  pointer-events:none;
  opacity:0.55;
  z-index:0;
  animation:choiceLineFlow 7s linear infinite;
}

.choice-card::after{
  content:"";
  position:absolute;
  width:180px;
  height:180px;
  right:-50px;
  top:-50px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,0.18) 0%, transparent 70%);
  pointer-events:none;
  opacity:0.55;
  z-index:0;
  animation:choiceGlowPulse 4.5s ease-in-out infinite;
}

.choice-card > *{
  position:relative;
  z-index:2;
}

@keyframes heroGridDrift{
  0%{
    transform:translate3d(0,0,0);
  }
  100%{
    transform:translate3d(48px,48px,0);
  }
}

@keyframes heroParticlesFloat{
  0%{
    transform:translateY(0px) scale(1);
  }
  50%{
    transform:translateY(-8px) scale(1.03);
  }
  100%{
    transform:translateY(0px) scale(1);
  }
}

@keyframes heroCardFloat{
  0%{
    transform:translateY(0px);
  }
  50%{
    transform:translateY(-5px);
  }
  100%{
    transform:translateY(0px);
  }
}

@keyframes heroLightScan{
  0%{
    transform:translateX(-10%) translateY(0);
    opacity:0.72;
  }
  25%{
    transform:translateX(0%) translateY(-1%);
    opacity:1;
  }
  50%{
    transform:translateX(10%) translateY(0%);
    opacity:0.88;
  }
  75%{
    transform:translateX(3%) translateY(1%);
    opacity:1;
  }
  100%{
    transform:translateX(-10%) translateY(0);
    opacity:0.72;
  }
}

@keyframes heroAuraShift{
  0%{
    transform:scale(1) translateY(0);
    opacity:0.82;
  }
  50%{
    transform:scale(1.03) translateY(-4px);
    opacity:1;
  }
  100%{
    transform:scale(1) translateY(0);
    opacity:0.82;
  }
}

@keyframes choiceLineFlow{
  0%{
    transform:translateX(0) translateY(0);
  }
  100%{
    transform:translateX(18px) translateY(-10px);
  }
}

@keyframes choiceGlowPulse{
  0%{
    transform:scale(1);
    opacity:0.42;
  }
  50%{
    transform:scale(1.08);
    opacity:0.68;
  }
  100%{
    transform:scale(1);
    opacity:0.42;
  }
}

/* ===== HERO LEFT CARD | AGGRESSIVE HUD MODE ===== */
.hero-copy{
  background:
    radial-gradient(circle at 14% 16%, rgba(255,255,255,0.16) 0%, rgba(255,255,255,0.05) 10%, transparent 18%),
    radial-gradient(circle at 84% 14%, rgba(117,233,255,0.22) 0%, rgba(117,233,255,0.08) 14%, transparent 24%),
    radial-gradient(circle at 18% 86%, rgba(255,212,0,0.18) 0%, rgba(255,212,0,0.06) 12%, transparent 22%),
    linear-gradient(135deg, #17ace0 0%, #0f95c8 20%, #0877ae 48%, #075d91 74%, #04486f 100%) !important;
  box-shadow:
    0 38px 100px rgba(8,115,163,0.34),
    0 0 60px rgba(18,168,221,0.24),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 0 120px rgba(255,255,255,0.04) !important;
}

.hero-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-8% !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.05) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.04) 1px, transparent 1px),
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 14px,
      rgba(255,255,255,0.04) 15px,
      rgba(255,255,255,0.12) 16px,
      rgba(255,255,255,0.04) 17px,
      rgba(255,255,255,0.00) 18px,
      rgba(255,255,255,0.00) 38px
    ),
    linear-gradient(
      118deg,
      transparent 0%,
      transparent 22%,
      rgba(255,255,255,0.08) 28%,
      rgba(255,255,255,0.22) 32%,
      rgba(255,255,255,0.06) 36%,
      transparent 44%,
      transparent 100%
    ) !important;
  background-size: 64px 64px, 64px 64px, auto, auto !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  mix-blend-mode:screen !important;
  animation:
    heroHudGridMove 12s linear infinite,
    heroLightScanStrong 4.2s linear infinite !important;
}

.hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.18) 0%, transparent 12%),
    radial-gradient(circle at 72% 62%, rgba(76,218,255,0.10) 0%, transparent 18%),
    radial-gradient(circle at 18% 82%, rgba(255,212,0,0.14) 0%, transparent 14%),
    linear-gradient(90deg, rgba(255,255,255,0.06) 0%, transparent 16%, transparent 84%, rgba(255,255,255,0.04) 100%),
    linear-gradient(0deg, rgba(255,255,255,0.03) 0%, transparent 18%, transparent 82%, rgba(255,255,255,0.04) 100%) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:
    heroAuraShiftStrong 6s ease-in-out infinite,
    heroPanelPulse 5s ease-in-out infinite !important;
}

.hero-copy{
  position:relative !important;
}

.hero-copy .eyebrow{
  box-shadow:
    0 10px 28px rgba(0,0,0,0.12),
    0 0 24px rgba(255,213,10,0.18),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.hero-copy h1{
  text-shadow:
    0 14px 34px rgba(0,0,0,0.18),
    0 0 26px rgba(255,255,255,0.16),
    0 0 68px rgba(110,231,255,0.10) !important;
}

.hero-copy .hero-text{
  text-shadow:
    0 0 18px rgba(255,255,255,0.07) !important;
}

.hero-copy .btn-primary{
  box-shadow:
    0 18px 34px rgba(244,196,0,0.30),
    0 0 34px rgba(255,212,0,0.22) !important;
}

.hero-copy .btn-secondary{
  box-shadow:
    0 14px 28px rgba(0,0,0,0.10),
    0 0 18px rgba(255,255,255,0.08),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
}

@keyframes heroHudGridMove{
  0%{
    background-position: 0 0, 0 0, 0 0, 0 0;
  }
  100%{
    background-position: 64px 64px, 64px 64px, 18px -12px, 80px 0;
  }
}

@keyframes heroLightScanStrong{
  0%{
    transform:translateX(-12%) translateY(0);
    opacity:0.78;
  }
  25%{
    transform:translateX(0%) translateY(-1%);
    opacity:1;
  }
  50%{
    transform:translateX(12%) translateY(0%);
    opacity:0.92;
  }
  75%{
    transform:translateX(4%) translateY(1%);
    opacity:1;
  }
  100%{
    transform:translateX(-12%) translateY(0);
    opacity:0.78;
  }
}

@keyframes heroAuraShiftStrong{
  0%{
    transform:scale(1) translateY(0);
    opacity:0.86;
  }
  50%{
    transform:scale(1.04) translateY(-5px);
    opacity:1;
  }
  100%{
    transform:scale(1) translateY(0);
    opacity:0.86;
  }
}

@keyframes heroPanelPulse{
  0%{
    filter:brightness(1);
  }
  50%{
    filter:brightness(1.08);
  }
  100%{
    filter:brightness(1);
  }
}

/* ===== HERO LEFT BACKGROUND | LIFE + MOTION BOOST ===== */
.hero-copy{
  background:
    radial-gradient(circle at 12% 18%, rgba(255,255,255,0.18) 0%, rgba(255,255,255,0.06) 10%, transparent 20%),
    radial-gradient(circle at 86% 14%, rgba(120,235,255,0.26) 0%, rgba(120,235,255,0.10) 14%, transparent 24%),
    radial-gradient(circle at 18% 86%, rgba(255,212,0,0.24) 0%, rgba(255,212,0,0.08) 12%, transparent 22%),
    radial-gradient(circle at 72% 62%, rgba(90,220,255,0.14) 0%, transparent 18%),
    linear-gradient(135deg, #18afe3 0%, #1099cd 18%, #0b7db4 46%, #085f93 74%, #05476e 100%) !important;
}

.hero-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:-14% !important;
  background:
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px),
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 12px,
      rgba(255,255,255,0.05) 13px,
      rgba(255,255,255,0.16) 14px,
      rgba(255,255,255,0.05) 15px,
      rgba(255,255,255,0.00) 16px,
      rgba(255,255,255,0.00) 30px
    ),
    linear-gradient(
      118deg,
      transparent 0%,
      transparent 16%,
      rgba(255,255,255,0.06) 22%,
      rgba(255,255,255,0.20) 28%,
      rgba(255,255,255,0.08) 33%,
      transparent 40%,
      transparent 100%
    ),
    linear-gradient(
      132deg,
      transparent 0%,
      transparent 54%,
      rgba(255,255,255,0.04) 60%,
      rgba(255,255,255,0.16) 66%,
      rgba(255,255,255,0.03) 71%,
      transparent 78%,
      transparent 100%
    ) !important;
  background-size: 52px 52px, 52px 52px, auto, auto, auto !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  mix-blend-mode:screen !important;
  animation:
    heroHudGridMoveStrong 9s linear infinite,
    heroLightScanX 3.6s linear infinite,
    heroLightScanY 7.2s linear infinite !important;
}

.hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 84% 16%, rgba(255,255,255,0.24) 0%, transparent 12%),
    radial-gradient(circle at 22% 78%, rgba(255,212,0,0.16) 0%, transparent 14%),
    radial-gradient(circle at 68% 54%, rgba(100,225,255,0.14) 0%, transparent 18%),
    radial-gradient(circle at 36% 42%, rgba(255,255,255,0.08) 0%, transparent 12%),
    linear-gradient(90deg, rgba(255,255,255,0.07) 0%, transparent 14%, transparent 84%, rgba(255,255,255,0.05) 100%),
    linear-gradient(0deg, rgba(255,255,255,0.04) 0%, transparent 16%, transparent 82%, rgba(255,255,255,0.05) 100%) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:
    heroAuraShiftWild 4.8s ease-in-out infinite,
    heroPulseField 3.8s ease-in-out infinite !important;
}

@keyframes heroHudGridMoveStrong{
  0%{
    background-position: 0 0, 0 0, 0 0, 0 0, 0 0;
  }
  100%{
    background-position: 52px 52px, 52px 52px, 26px -18px, 100px 0, -80px 20px;
  }
}

@keyframes heroLightScanX{
  0%{
    transform:translateX(-18%) translateY(0) scale(1.02);
    opacity:0.80;
  }
  25%{
    transform:translateX(-6%) translateY(-1%) scale(1.03);
    opacity:1;
  }
  50%{
    transform:translateX(8%) translateY(0%) scale(1.04);
    opacity:0.92;
  }
  75%{
    transform:translateX(2%) translateY(1%) scale(1.03);
    opacity:1;
  }
  100%{
    transform:translateX(-18%) translateY(0) scale(1.02);
    opacity:0.80;
  }
}

@keyframes heroLightScanY{
  0%{
    transform:translateY(0) scale(1);
  }
  50%{
    transform:translateY(-6px) scale(1.015);
  }
  100%{
    transform:translateY(0) scale(1);
  }
}

@keyframes heroAuraShiftWild{
  0%{
    transform:scale(1) translateY(0) translateX(0);
    opacity:0.86;
  }
  33%{
    transform:scale(1.03) translateY(-4px) translateX(2px);
    opacity:1;
  }
  66%{
    transform:scale(1.02) translateY(2px) translateX(-2px);
    opacity:0.92;
  }
  100%{
    transform:scale(1) translateY(0) translateX(0);
    opacity:0.86;
  }
}

@keyframes heroPulseField{
  0%{
    filter:brightness(1) saturate(1);
  }
  50%{
    filter:brightness(1.12) saturate(1.12);
  }
  100%{
    filter:brightness(1) saturate(1);
  }
}

/* ===== HERO LEFT CARD | BIG TECH PANELS ===== */
.hero-copy{
  background:
    linear-gradient(135deg, #19afe3 0%, #1099cd 18%, #0b7db4 46%, #085f93 74%, #05476e 100%) !important;
}

.hero-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(115deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.00) 18%, rgba(255,255,255,0.10) 26%, rgba(255,255,255,0.02) 34%, rgba(255,255,255,0.00) 42%, rgba(255,255,255,0.00) 100%),
    linear-gradient(145deg, rgba(255,255,255,0.00) 0%, rgba(255,255,255,0.00) 54%, rgba(255,255,255,0.08) 62%, rgba(255,255,255,0.02) 69%, rgba(255,255,255,0.00) 78%, rgba(255,255,255,0.00) 100%),
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 16px,
      rgba(255,255,255,0.04) 17px,
      rgba(255,255,255,0.16) 18px,
      rgba(255,255,255,0.04) 19px,
      rgba(255,255,255,0.00) 20px,
      rgba(255,255,255,0.00) 34px
    ) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  mix-blend-mode:screen !important;
  animation:heroPanelSweep 5s linear infinite !important;
}

.hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, transparent 0%, transparent 8%, rgba(255,255,255,0.08) 8.5%, rgba(255,255,255,0.02) 15%, transparent 15.5%, transparent 100%),
    linear-gradient(0deg, transparent 0%, transparent 72%, rgba(255,255,255,0.06) 72.5%, rgba(255,255,255,0.02) 79%, transparent 79.5%, transparent 100%),
    radial-gradient(circle at 18% 82%, rgba(255,212,0,0.22) 0%, rgba(255,212,0,0.06) 12%, transparent 20%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.06) 10%, transparent 16%),
    radial-gradient(circle at 72% 56%, rgba(120,235,255,0.20) 0%, rgba(120,235,255,0.06) 14%, transparent 22%) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:heroPanelsFloat 4.5s ease-in-out infinite !important;
}

.hero-copy{
  box-shadow:
    0 38px 100px rgba(8,115,163,0.34),
    0 0 65px rgba(18,168,221,0.24),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 0 140px rgba(255,255,255,0.04) !important;
}

@keyframes heroPanelSweep{
  0%{
    transform:translateX(-10%) scale(1.02);
    opacity:0.82;
  }
  25%{
    transform:translateX(-2%) scale(1.03);
    opacity:1;
  }
  50%{
    transform:translateX(8%) scale(1.04);
    opacity:0.94;
  }
  75%{
    transform:translateX(2%) scale(1.03);
    opacity:1;
  }
  100%{
    transform:translateX(-10%) scale(1.02);
    opacity:0.82;
  }
}

@keyframes heroPanelsFloat{
  0%{
    transform:translateY(0px) translateX(0px);
    filter:brightness(1) saturate(1);
  }
  50%{
    transform:translateY(-6px) translateX(2px);
    filter:brightness(1.12) saturate(1.1);
  }
  100%{
    transform:translateY(0px) translateX(0px);
    filter:brightness(1) saturate(1);
  }
}

/* ===== HERO LEFT CARD | FINAL AGGRESSIVE HUD ===== */
.hero-copy{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  background:
    linear-gradient(135deg, #19afe3 0%, #1199cd 18%, #0b7eb5 46%, #075e92 74%, #04466e 100%) !important;
  box-shadow:
    0 42px 110px rgba(8,115,163,0.34),
    0 0 90px rgba(18,168,221,0.24),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 0 160px rgba(255,255,255,0.04) !important;
}

.hero-copy::before{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(125deg, transparent 0%, transparent 18%, rgba(255,255,255,0.12) 18.5%, rgba(255,255,255,0.02) 24%, transparent 24.5%, transparent 100%),
    linear-gradient(145deg, transparent 0%, transparent 56%, rgba(255,255,255,0.10) 56.5%, rgba(255,255,255,0.02) 63%, transparent 63.5%, transparent 100%),
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 12px,
      rgba(255,255,255,0.05) 13px,
      rgba(255,255,255,0.18) 14px,
      rgba(255,255,255,0.05) 15px,
      rgba(255,255,255,0.00) 16px,
      rgba(255,255,255,0.00) 28px
    ),
    linear-gradient(90deg, rgba(255,255,255,0.06) 1px, transparent 1px),
    linear-gradient(rgba(255,255,255,0.05) 1px, transparent 1px) !important;
  background-size:auto, auto, auto, 56px 56px, 56px 56px !important;
  background-position:center, center, center, 0 0, 0 0 !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  mix-blend-mode:screen !important;
  animation:heroFinalGrid 8s linear infinite, heroFinalSweep 3.5s linear infinite !important;
}

.hero-copy::after{
  content:"" !important;
  display:block !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(90deg, transparent 0%, transparent 8%, rgba(255,255,255,0.14) 8.5%, rgba(255,255,255,0.03) 16%, transparent 16.5%, transparent 100%),
    linear-gradient(0deg, transparent 0%, transparent 72%, rgba(255,255,255,0.10) 72.5%, rgba(255,255,255,0.03) 80%, transparent 80.5%, transparent 100%),
    radial-gradient(circle at 18% 82%, rgba(255,212,0,0.26) 0%, rgba(255,212,0,0.08) 12%, transparent 20%),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.06) 10%, transparent 16%),
    radial-gradient(circle at 72% 56%, rgba(120,235,255,0.22) 0%, rgba(120,235,255,0.08) 14%, transparent 22%),
    linear-gradient(135deg, rgba(255,255,255,0.10) 0%, transparent 26%, transparent 74%, rgba(255,255,255,0.06) 100%) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:heroFinalPanels 4.2s ease-in-out infinite !important;
}

.hero-copy > *{
  position:relative !important;
  z-index:3 !important;
}

@keyframes heroFinalGrid{
  0%{
    background-position:center, center, center, 0 0, 0 0;
  }
  100%{
    background-position:center, center, 18px -12px, 56px 56px, 56px 56px;
  }
}

@keyframes heroFinalSweep{
  0%{
    transform:translateX(-14%) scale(1.02);
    opacity:0.82;
  }
  25%{
    transform:translateX(-4%) scale(1.03);
    opacity:1;
  }
  50%{
    transform:translateX(8%) scale(1.04);
    opacity:0.92;
  }
  75%{
    transform:translateX(2%) scale(1.03);
    opacity:1;
  }
  100%{
    transform:translateX(-14%) scale(1.02);
    opacity:0.82;
  }
}

@keyframes heroFinalPanels{
  0%{
    transform:translateY(0px) translateX(0px);
    filter:brightness(1) saturate(1);
  }
  50%{
    transform:translateY(-6px) translateX(2px);
    filter:brightness(1.16) saturate(1.14);
  }
  100%{
    transform:translateY(0px) translateX(0px);
    filter:brightness(1) saturate(1);
  }
}

/* ===== HERO SECTION BACKGROUND | BRUTAL MODE | DO NOT TOUCH CARDS ===== */
.hero{
  position:relative !important;
  overflow:hidden !important;
  background:
    radial-gradient(circle at 12% 18%, rgba(90,220,255,0.14) 0%, transparent 22%),
    radial-gradient(circle at 86% 16%, rgba(255,212,0,0.10) 0%, transparent 18%),
    linear-gradient(135deg, #edf6fb 0%, #dbeaf3 38%, #e9f1f6 72%, #f3efe4 100%) !important;
}

.hero::before{
  content:"" !important;
  position:absolute !important;
  inset:-8% !important;
  background:
    radial-gradient(circle at 28% 52%, rgba(18,168,221,0.22) 0%, rgba(18,168,221,0.10) 10%, transparent 24%),
    radial-gradient(circle at 24% 56%, rgba(255,255,255,0.14) 0%, transparent 8%),
    radial-gradient(circle at 72% 38%, rgba(255,212,0,0.12) 0%, transparent 14%),
    linear-gradient(120deg, transparent 0%, transparent 38%, rgba(255,255,255,0.32) 46%, rgba(255,255,255,0.04) 52%, transparent 60%, transparent 100%) !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:1 !important;
  animation:heroBgBeam 5.2s linear infinite !important;
}

.hero::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    repeating-linear-gradient(
      120deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 52px,
      rgba(255,255,255,0.10) 53px,
      rgba(255,255,255,0.18) 54px,
      rgba(255,255,255,0.08) 55px,
      rgba(255,255,255,0.00) 56px,
      rgba(255,255,255,0.00) 96px
    ),
    linear-gradient(rgba(15,149,200,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(15,149,200,0.06) 1px, transparent 1px) !important;
  background-size:auto, 64px 64px, 64px 64px !important;
  pointer-events:none !important;
  z-index:0 !important;
  opacity:0.9 !important;
  animation:heroBgGrid 12s linear infinite !important;
}

.hero .container.hero-grid{
  position:relative !important;
  z-index:2 !important;
}

.hero .container.hero-grid::before{
  content:"" !important;
  position:absolute !important;
  width:520px !important;
  height:520px !important;
  left:-140px !important;
  top:-40px !important;
  border-radius:50% !important;
  background:
    radial-gradient(circle,
      rgba(18,168,221,0.00) 0%,
      rgba(18,168,221,0.00) 48%,
      rgba(18,168,221,0.16) 49%,
      rgba(18,168,221,0.04) 54%,
      rgba(18,168,221,0.00) 60%),
    radial-gradient(circle,
      rgba(255,212,0,0.00) 0%,
      rgba(255,212,0,0.00) 64%,
      rgba(255,212,0,0.12) 65%,
      rgba(255,212,0,0.00) 71%) !important;
  filter:blur(0.5px) !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  animation:heroRingRotate 14s linear infinite !important;
}

.hero .container.hero-grid::after{
  content:"" !important;
  position:absolute !important;
  width:420px !important;
  height:220px !important;
  right:-80px !important;
  bottom:10px !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), rgba(255,255,255,0.02)),
    linear-gradient(90deg, rgba(18,168,221,0.16), rgba(255,212,0,0.06)) !important;
  border:1px solid rgba(255,255,255,0.14) !important;
  box-shadow:
    0 0 40px rgba(18,168,221,0.12),
    inset 0 1px 0 rgba(255,255,255,0.10) !important;
  backdrop-filter:blur(6px) !important;
  transform:skewX(-24deg) rotate(-8deg) !important;
  opacity:0.75 !important;
  pointer-events:none !important;
  z-index:0 !important;
  animation:heroHudPlate 7s ease-in-out infinite !important;
}

@keyframes heroBgBeam{
  0%{
    transform:translateX(-12%) translateY(0) scale(1.02);
    opacity:0.82;
  }
  25%{
    transform:translateX(-2%) translateY(-1%) scale(1.03);
    opacity:1;
  }
  50%{
    transform:translateX(10%) translateY(0%) scale(1.04);
    opacity:0.92;
  }
  75%{
    transform:translateX(2%) translateY(1%) scale(1.03);
    opacity:1;
  }
  100%{
    transform:translateX(-12%) translateY(0) scale(1.02);
    opacity:0.82;
  }
}

@keyframes heroBgGrid{
  0%{
    background-position:0 0, 0 0, 0 0;
  }
  100%{
    background-position:26px -18px, 64px 64px, 64px 64px;
  }
}

@keyframes heroRingRotate{
  0%{
    transform:rotate(0deg) scale(1);
    opacity:0.82;
  }
  50%{
    transform:rotate(180deg) scale(1.03);
    opacity:1;
  }
  100%{
    transform:rotate(360deg) scale(1);
    opacity:0.82;
  }
}

@keyframes heroHudPlate{
  0%{
    transform:skewX(-24deg) rotate(-8deg) translateY(0px);
    opacity:0.62;
  }
  50%{
    transform:skewX(-24deg) rotate(-8deg) translateY(-10px);
    opacity:0.9;
  }
  100%{
    transform:skewX(-24deg) rotate(-8deg) translateY(0px);
    opacity:0.62;
  }
}

/* ===== HERO VIDEO BACKGROUND ===== */
.hero-copy{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.hero-video-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:0.34;
  pointer-events:none;
  filter:saturate(1.15) contrast(1.08) brightness(0.82);
}

.hero-copy > *{
  position:relative !important;
  z-index:3 !important;
}

/* ===== HERO SECTION VIDEO | BACKGROUND ONLY ===== */
.hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.hero-section-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  pointer-events:none;
  opacity:0.28;
  filter:saturate(1.08) contrast(1.04) brightness(0.78);
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(237,246,251,0.82) 0%, rgba(237,246,251,0.40) 26%, rgba(237,246,251,0.18) 48%, rgba(243,239,228,0.28) 100%);
}

.hero .container.hero-grid{
  position:relative !important;
  z-index:2 !important;
}

.hero-copy,
.hero-choice-panel,
.choice-card{
  position:relative;
  z-index:3;
}

/* ===== HERO CLEANER VIDEO MODE ===== */
.hero-copy::before,
.hero-copy::after{
  display:none !important;
  content:none !important;
  background:none !important;
  animation:none !important;
}

.hero-choice-panel .choice-card::before,
.hero-choice-panel .choice-card::after{
  display:none !important;
  content:none !important;
  background:none !important;
  animation:none !important;
}

.hero .container.hero-grid{
  width:min(calc(100% - 32px), 1080px) !important;
  transform:scale(0.88);
  transform-origin:center top;
  margin:0 auto -90px auto !important;
}

@media (max-width: 1100px){
  .hero .container.hero-grid{
    width:min(calc(100% - 32px), 100%);
    transform:scale(0.94);
    margin:0 auto -40px auto !important;
  }
}

@media (max-width: 760px){
  .hero .container.hero-grid{
    transform:scale(1);
    margin:0 auto !important;
  }
}

/* ===== HERO FINAL OVERRIDE | NO DIAGONAL LINES + CARDS 80% ===== */
.hero::before,
.hero::after,
.hero-copy::before,
.hero-copy::after,
.choice-card::before,
.choice-card::after,
.hero .container.hero-grid::before,
.hero .container.hero-grid::after{
  background:none !important;
  background-image:none !important;
  animation:none !important;
  content:none !important;
  display:none !important;
  box-shadow:none !important;
  border:none !important;
}

/* mantém o vídeo no fundo e reduz só os cards */
.hero .container.hero-grid{
  width:min(calc(100% - 32px), 1280px) !important;
  display:grid !important;
  grid-template-columns:0.8fr 0.8fr !important;
  justify-content:center !important;
  gap:22px !important;
  margin:0 auto !important;
}

.hero-copy{
  width:80% !important;
  justify-self:end !important;
}

.hero-choice-panel{
  width:80% !important;
  justify-self:start !important;
}

.hero{
  padding-top:54px !important;
  padding-bottom:54px !important;
}

@media (max-width: 1100px){
  .hero .container.hero-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .hero-copy,
  .hero-choice-panel{
    width:90% !important;
    justify-self:center !important;
  }
}

@media (max-width: 760px){
  .hero-copy,
  .hero-choice-panel{
    width:100% !important;
  }
}

/* ===== FLOATING CARDS MOTION ===== */
.hero-copy,
.choice-card-clientes,
.choice-card-parceiros{
  will-change: transform;
}

.hero-copy{
  animation:floatHeroMain 5.8s ease-in-out infinite !important;
}

.choice-card-clientes{
  animation:floatHeroClient 4.9s ease-in-out infinite !important;
}

.choice-card-parceiros{
  animation:floatHeroPartner 5.4s ease-in-out infinite !important;
}

@keyframes floatHeroMain{
  0%{
    transform:translateY(0px);
  }
  25%{
    transform:translateY(-6px);
  }
  50%{
    transform:translateY(-10px);
  }
  75%{
    transform:translateY(-4px);
  }
  100%{
    transform:translateY(0px);
  }
}

@keyframes floatHeroClient{
  0%{
    transform:translateY(0px);
  }
  20%{
    transform:translateY(4px);
  }
  50%{
    transform:translateY(-8px);
  }
  80%{
    transform:translateY(3px);
  }
  100%{
    transform:translateY(0px);
  }
}

@keyframes floatHeroPartner{
  0%{
    transform:translateY(0px);
  }
  30%{
    transform:translateY(-5px);
  }
  55%{
    transform:translateY(-11px);
  }
  85%{
    transform:translateY(-3px);
  }
  100%{
    transform:translateY(0px);
  }
}

@media (prefers-reduced-motion: reduce){
  .hero-copy,
  .choice-card-clientes,
  .choice-card-parceiros{
    animation:none !important;
  }
}

/* ===== SECOND BLOCK | 3D BLUE CARDS WITH YELLOW HOVER ===== */
#solucoes .info-card{
  position:relative;
  overflow:hidden;
  border-radius:24px !important;
  padding:26px 24px !important;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 22px 40px rgba(8,115,163,0.20),
    0 10px 0 rgba(4,70,110,0.22),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

#solucoes .info-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.14), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.12), transparent 18%),
    repeating-linear-gradient(
      125deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 18px,
      rgba(255,255,255,0.03) 19px,
      rgba(255,255,255,0.08) 20px,
      rgba(255,255,255,0.03) 21px,
      rgba(255,255,255,0.00) 22px,
      rgba(255,255,255,0.00) 44px
    );
  opacity:0.95;
  pointer-events:none;
  z-index:0;
}

#solucoes .info-card::after{
  content:"";
  position:absolute;
  width:140px;
  height:140px;
  right:-32px;
  top:-32px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,0.16) 0%, transparent 70%);
  opacity:0.9;
  pointer-events:none;
  z-index:0;
}

#solucoes .info-card > *{
  position:relative;
  z-index:2;
}

#solucoes .info-card h3{
  color:#ffffff !important;
  text-shadow:0 8px 22px rgba(0,0,0,0.16);
}

#solucoes .info-card p{
  color:rgba(255,255,255,0.88) !important;
}

#solucoes .info-card:hover{
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  border-color:rgba(255,255,255,0.20) !important;
  box-shadow:
    0 26px 48px rgba(244,196,0,0.24),
    0 10px 0 rgba(172,132,0,0.24),
    inset 0 1px 0 rgba(255,255,255,0.20),
    inset 0 -1px 0 rgba(255,255,255,0.06) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px);
}

#solucoes .info-card:hover::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 26%, transparent 70%, rgba(255,255,255,0.06)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.14), transparent 18%),
    repeating-linear-gradient(
      125deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 18px,
      rgba(255,255,255,0.04) 19px,
      rgba(255,255,255,0.10) 20px,
      rgba(255,255,255,0.04) 21px,
      rgba(255,255,255,0.00) 22px,
      rgba(255,255,255,0.00) 44px
    );
}

#solucoes .info-card:hover h3{
  color:#12344b !important;
  text-shadow:none;
}

#solucoes .info-card:hover p{
  color:#35566b !important;
}

@media (max-width:760px){
  #solucoes .info-card:hover{
    transform:translateY(-4px);
  }
}

/* ===== BLOCO 3 | DIFERENCIAIS PREMIUM ===== */
.diferenciais-layout{
  display:grid;
  grid-template-columns:1.15fr 0.85fr;
  gap:22px;
  align-items:stretch;
}

.destaque-card{
  position:relative;
  overflow:hidden;
  border-radius:28px;
  padding:34px 30px;
  background:
    linear-gradient(145deg, #139fd4 0%, #0c86bc 46%, #075f92 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 24px 46px rgba(8,115,163,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04);
}

.destaque-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.12), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 16%),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.14), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.destaque-card > *{
  position:relative;
  z-index:2;
}

.destaque-label{
  display:inline-flex;
  min-height:36px;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,212,0,0.14);
  border:1px solid rgba(255,212,0,0.28);
  color:#fff1a8;
  font-weight:800;
  font-size:0.84rem;
  margin-bottom:18px;
}

.destaque-card h3{
  font-size:clamp(1.7rem, 3vw, 2.5rem);
  line-height:1.08;
  letter-spacing:-0.035em;
  color:#ffffff;
  margin-bottom:16px;
  max-width:16ch;
}

.destaque-card p{
  color:rgba(255,255,255,0.90);
  font-size:1.02rem;
  line-height:1.75;
  max-width:60ch;
  margin-bottom:24px;
}

.destaque-points{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
}

.destaque-points span{
  padding:10px 14px;
  border-radius:999px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-size:0.9rem;
  font-weight:700;
}

.mini-cards-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:16px;
}

.mini-card{
  position:relative;
  overflow:hidden;
  min-height:150px;
  border-radius:24px;
  padding:24px 22px;
  background:
    linear-gradient(145deg, #ffffff 0%, #f7fbfe 100%);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 14px 30px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease;
}

.mini-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(19,159,212,0.07), transparent 34%, transparent 70%, rgba(255,212,0,0.05)),
    radial-gradient(circle at 84% 18%, rgba(19,159,212,0.08), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.mini-card > *{
  position:relative;
  z-index:2;
}

.mini-card h3{
  color:#11324a;
  font-size:1.15rem;
  margin-bottom:10px;
}

.mini-card p{
  color:#5f7f95;
  line-height:1.7;
}

.mini-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 20px 40px rgba(8,115,163,0.14),
    0 10px 0 rgba(8,115,163,0.08);
  background:
    linear-gradient(145deg, #fff8d6 0%, #ffe67d 100%);
}

.mini-card:hover h3{
  color:#14324a;
}

.mini-card:hover p{
  color:#51697a;
}

@media (max-width: 980px){
  .diferenciais-layout{
    grid-template-columns:1fr;
  }
}

/* ===== BLOCO 3 | DIFERENCIAIS REFINADOS ===== */
.diferenciais-layout,
.destaque-card,
.mini-cards-grid,
.mini-card{
  all: unset;
}

.diferenciais-cards-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:20px;
}

.diferencial-card{
  position:relative;
  overflow:hidden;
  min-height:220px;
  border-radius:26px;
  padding:28px 24px;
  background:linear-gradient(145deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 18px 34px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease;
}

.diferencial-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(19,159,212,0.08), transparent 32%, transparent 72%, rgba(255,212,0,0.05)),
    radial-gradient(circle at 84% 18%, rgba(19,159,212,0.08), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.diferencial-card > *{
  position:relative;
  z-index:2;
}

.diferencial-mini-tag{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(19,159,212,0.08);
  border:1px solid rgba(19,159,212,0.14);
  color:#0b79ad;
  font-size:0.82rem;
  font-weight:800;
  margin-bottom:16px;
}

.diferencial-card h3{
  color:#11324a;
  font-size:1.2rem;
  line-height:1.2;
  margin-bottom:12px;
}

.diferencial-card p{
  color:#5f7f95;
  line-height:1.75;
}

.diferencial-card:hover{
  transform:translateY(-6px);
  box-shadow:
    0 24px 40px rgba(8,115,163,0.14),
    0 10px 0 rgba(8,115,163,0.08);
  background:linear-gradient(145deg, #fff8d9 0%, #ffe989 100%);
}

.diferencial-card:hover .diferencial-mini-tag{
  background:rgba(255,255,255,0.24);
  border-color:rgba(255,255,255,0.24);
  color:#8d6d00;
}

.diferencial-card:hover h3{
  color:#17354c;
}

.diferencial-card:hover p{
  color:#526879;
}

@media (max-width:980px){
  .diferenciais-cards-grid{
    grid-template-columns:1fr;
  }
}

/* ===== BLOCO 3 | FUNDO VIVO AZUL + AMARELO ===== */
#diferenciais{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  background:
    radial-gradient(circle at 14% 20%, rgba(19,159,212,0.10) 0%, transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.10) 0%, transparent 16%),
    linear-gradient(135deg, #edf7fb 0%, #e5f1f8 44%, #f6f1df 100%) !important;
}

#diferenciais::before{
  content:"";
  position:absolute;
  inset:-8%;
  background:
    repeating-linear-gradient(
      125deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 24px,
      rgba(19,159,212,0.035) 25px,
      rgba(19,159,212,0.08) 26px,
      rgba(19,159,212,0.035) 27px,
      rgba(255,255,255,0.00) 28px,
      rgba(255,255,255,0.00) 58px
    ),
    linear-gradient(rgba(19,159,212,0.04) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,212,0,0.035) 1px, transparent 1px);
  background-size:auto, 58px 58px, 58px 58px;
  opacity:0.85;
  pointer-events:none;
  z-index:0;
  animation:diferenciaisGridFlow 12s linear infinite;
}

#diferenciais::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 18% 72%, rgba(19,159,212,0.12) 0%, transparent 14%),
    radial-gradient(circle at 76% 26%, rgba(255,212,0,0.14) 0%, transparent 16%),
    radial-gradient(circle at 52% 48%, rgba(255,255,255,0.18) 0%, transparent 12%),
    linear-gradient(115deg, transparent 0%, transparent 38%, rgba(255,255,255,0.20) 46%, rgba(255,255,255,0.04) 52%, transparent 60%, transparent 100%);
  opacity:0.9;
  pointer-events:none;
  z-index:0;
  animation:diferenciaisAuraMove 7s ease-in-out infinite;
}

#diferenciais .container{
  position:relative;
  z-index:2;
}

@keyframes diferenciaisGridFlow{
  0%{
    background-position:0 0, 0 0, 0 0;
  }
  100%{
    background-position:22px -18px, 58px 58px, 58px 58px;
  }
}

@keyframes diferenciaisAuraMove{
  0%{
    transform:translateY(0px) scale(1);
    opacity:0.82;
  }
  50%{
    transform:translateY(-8px) scale(1.03);
    opacity:1;
  }
  100%{
    transform:translateY(0px) scale(1);
    opacity:0.82;
  }
}

/* ===== BLOCO 3 | DARKER BACKGROUND TUNE ===== */
#diferenciais{
  background:
    radial-gradient(circle at 14% 20%, rgba(19,159,212,0.16) 0%, transparent 20%),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.14) 0%, transparent 18%),
    linear-gradient(135deg, #dcecf5 0%, #d3e4ef 42%, #ebe5cf 100%) !important;
}

#diferenciais::before{
  opacity:0.95 !important;
}

#diferenciais::after{
  opacity:1 !important;
  filter:brightness(0.92) saturate(1.04) !important;
}

/* ===== BLOCO 3 | DARK + STRONG MOTION BOOST ===== */
#diferenciais{
  background:
    radial-gradient(circle at 14% 20%, rgba(19,159,212,0.22) 0%, transparent 22%),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.18) 0%, transparent 20%),
    linear-gradient(135deg, #c7dbe7 0%, #bfd4e1 38%, #ddd4b6 100%) !important;
}

#diferenciais::before{
  inset:-12% !important;
  background:
    repeating-linear-gradient(
      125deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 18px,
      rgba(19,159,212,0.05) 19px,
      rgba(19,159,212,0.13) 20px,
      rgba(19,159,212,0.05) 21px,
      rgba(255,255,255,0.00) 22px,
      rgba(255,255,255,0.00) 42px
    ),
    linear-gradient(rgba(19,159,212,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,212,0,0.05) 1px, transparent 1px),
    linear-gradient(
      118deg,
      transparent 0%,
      transparent 24%,
      rgba(255,255,255,0.16) 32%,
      rgba(255,255,255,0.04) 40%,
      transparent 48%,
      transparent 100%
    ) !important;
  background-size:auto, 52px 52px, 52px 52px, auto !important;
  opacity:1 !important;
  animation:diferenciaisGridFlowStrong 6.5s linear infinite !important;
}

#diferenciais::after{
  inset:-4% !important;
  background:
    radial-gradient(circle at 18% 72%, rgba(19,159,212,0.18) 0%, transparent 16%),
    radial-gradient(circle at 76% 26%, rgba(255,212,0,0.20) 0%, transparent 18%),
    radial-gradient(circle at 52% 48%, rgba(255,255,255,0.24) 0%, transparent 14%),
    radial-gradient(circle at 86% 18%, rgba(255,255,255,0.16) 0%, transparent 12%),
    linear-gradient(115deg, transparent 0%, transparent 30%, rgba(255,255,255,0.26) 38%, rgba(255,255,255,0.05) 46%, transparent 54%, transparent 100%),
    linear-gradient(145deg, transparent 0%, transparent 58%, rgba(255,212,0,0.12) 66%, rgba(255,212,0,0.03) 73%, transparent 80%, transparent 100%) !important;
  opacity:1 !important;
  filter:brightness(0.88) saturate(1.1) !important;
  animation:diferenciaisAuraMoveStrong 3.8s ease-in-out infinite, diferenciaisFlashSweep 5.5s linear infinite !important;
}

@keyframes diferenciaisGridFlowStrong{
  0%{
    background-position:0 0, 0 0, 0 0, 0 0;
  }
  100%{
    background-position:30px -26px, 52px 52px, 52px 52px, 120px 0;
  }
}

@keyframes diferenciaisAuraMoveStrong{
  0%{
    transform:translateY(0px) scale(1);
    opacity:0.86;
  }
  25%{
    transform:translateY(-10px) scale(1.03);
    opacity:1;
  }
  50%{
    transform:translateY(-4px) scale(1.05);
    opacity:0.96;
  }
  75%{
    transform:translateY(-12px) scale(1.02);
    opacity:1;
  }
  100%{
    transform:translateY(0px) scale(1);
    opacity:0.86;
  }
}

@keyframes diferenciaisFlashSweep{
  0%{
    transform:translateX(-10%) scale(1.02);
  }
  50%{
    transform:translateX(10%) scale(1.05);
  }
  100%{
    transform:translateX(-10%) scale(1.02);
  }
}

/* ===== BLOCO 3 | GLOBAL LIGHT FLOW ===== */
#diferenciais{
  animation:diferenciaisBreath 4.8s ease-in-out infinite !important;
}

#diferenciais::before{
  animation:
    diferenciaisGridFlowStrong 6.5s linear infinite,
    diferenciaisBluePulse 3.6s ease-in-out infinite !important;
}

#diferenciais::after{
  animation:
    diferenciaisAuraMoveStrong 3.8s ease-in-out infinite,
    diferenciaisFlashSweep 5.5s linear infinite,
    diferenciaisGoldPulse 3.2s ease-in-out infinite !important;
}

@keyframes diferenciaisBreath{
  0%{
    filter:brightness(0.92) saturate(0.98);
  }
  25%{
    filter:brightness(1.00) saturate(1.04);
  }
  50%{
    filter:brightness(1.08) saturate(1.10);
  }
  75%{
    filter:brightness(0.98) saturate(1.03);
  }
  100%{
    filter:brightness(0.92) saturate(0.98);
  }
}

@keyframes diferenciaisBluePulse{
  0%{
    opacity:0.88;
    filter:brightness(0.92) saturate(1);
  }
  50%{
    opacity:1;
    filter:brightness(1.18) saturate(1.22);
  }
  100%{
    opacity:0.88;
    filter:brightness(0.92) saturate(1);
  }
}

@keyframes diferenciaisGoldPulse{
  0%{
    opacity:0.84;
    filter:brightness(0.90) saturate(0.96);
  }
  50%{
    opacity:1;
    filter:brightness(1.22) saturate(1.20);
  }
  100%{
    opacity:0.84;
    filter:brightness(0.90) saturate(0.96);
  }
}

/* ===== CONVÊNIOS | VIDEO + BADGES 3D ===== */
.convenios-section{
  position:relative;
  overflow:hidden;
}

.convenios-heading{
  max-width:760px;
}

.convenios-layout{
  display:grid;
  grid-template-columns:0.92fr 1.08fr;
  gap:28px;
  align-items:center;
}

.convenios-video-wrap{
  position:relative;
  min-height:460px;
  border-radius:34px;
  overflow:hidden;
  background:linear-gradient(145deg, #0e8ec0 0%, #096c9d 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 28px 60px rgba(8,115,163,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14);
}

.convenios-video-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.14), transparent 26%, transparent 72%, rgba(255,212,0,0.08)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:1;
}

.convenios-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:0.95;
  filter:saturate(1.06) contrast(1.04) brightness(0.94);
}

.convenios-orbit-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:18px 20px;
  justify-items:center;
  align-items:center;
}

.convenio-badge{
  width:210px;
  min-height:210px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:26px;
  background:
    linear-gradient(145deg, #139fd4 0%, #0c86bc 46%, #075f92 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 20px 36px rgba(8,115,163,0.18),
    0 10px 0 rgba(7,95,146,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04);
  color:#ffffff;
  font-size:1rem;
  font-weight:800;
  line-height:1.35;
  position:relative;
  overflow:hidden;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease;
}

.convenio-badge::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.convenio-badge > *{
  position:relative;
  z-index:2;
}

.convenio-badge:hover{
  transform:translateY(-8px) scale(1.03);
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%);
  color:#16384f;
  box-shadow:
    0 24px 42px rgba(244,196,0,0.24),
    0 10px 0 rgba(172,132,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.20);
}

@media (max-width: 1080px){
  .convenios-layout{
    grid-template-columns:1fr;
  }

  .convenios-video-wrap{
    min-height:360px;
  }
}

@media (max-width: 760px){
  .convenios-orbit-grid{
    grid-template-columns:1fr;
  }

  .convenio-badge{
    width:100%;
    min-height:120px;
    border-radius:28px;
  }
}

/* ===== CONVÊNIOS | VIDEO FULL BACKGROUND + CENTER BADGES ===== */
.convenios-layout,
.convenios-video-wrap,
.convenios-video{
  all: unset;
}

.convenios-section{
  position:relative;
  overflow:hidden;
  isolation:isolate;
  min-height:760px;
}

.convenios-section-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  opacity:0.34;
  filter:saturate(1.06) contrast(1.04) brightness(0.82);
  pointer-events:none;
}

.convenios-section::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(237,246,251,0.86) 0%, rgba(237,246,251,0.46) 34%, rgba(243,239,228,0.42) 100%);
}

.convenios-section .container{
  position:relative;
  z-index:2;
}

.convenios-heading{
  max-width:760px;
  margin:0 auto 32px auto;
  text-align:center;
}

.convenios-center-wrap{
  display:flex;
  justify-content:center;
  align-items:center;
}

.convenios-orbit-grid{
  width:100%;
  max-width:980px;
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:20px 22px;
  justify-items:center;
  align-items:center;
}

.convenio-badge{
  width:190px;
  min-height:190px;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:24px;
  background:
    linear-gradient(145deg, rgba(19,159,212,0.96) 0%, rgba(12,134,188,0.96) 46%, rgba(7,95,146,0.96) 100%);
  border:1px solid rgba(255,255,255,0.18);
  box-shadow:
    0 20px 38px rgba(8,115,163,0.18),
    0 10px 0 rgba(7,95,146,0.16),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04);
  color:#ffffff;
  font-size:0.98rem;
  font-weight:800;
  line-height:1.3;
  position:relative;
  overflow:hidden;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease;
}

.convenio-badge::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.convenio-badge:hover{
  transform:translateY(-8px) scale(1.03);
  background:
    linear-gradient(145deg, rgba(255,212,0,0.98) 0%, rgba(239,193,0,0.98) 48%, rgba(217,169,0,0.98) 100%);
  color:#16384f;
  box-shadow:
    0 24px 42px rgba(244,196,0,0.24),
    0 10px 0 rgba(172,132,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.20);
}

@media (max-width: 1100px){
  .convenios-orbit-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
    max-width:520px;
  }
}

@media (max-width: 760px){
  .convenios-section{
    min-height:auto;
  }

  .convenios-orbit-grid{
    grid-template-columns:1fr;
  }

  .convenio-badge{
    width:100%;
    max-width:340px;
    min-height:120px;
    border-radius:28px;
  }
}

/* ===== CONVÊNIOS | DARKER BACKGROUND TUNE ===== */
.convenios-section-video{
  opacity:0.46 !important;
  filter:saturate(1.08) contrast(1.06) brightness(0.62) !important;
}

.convenios-section::before{
  background:
    linear-gradient(135deg, rgba(214,228,236,0.84) 0%, rgba(214,228,236,0.52) 34%, rgba(226,220,199,0.46) 100%) !important;
}

/* ===== CONVÊNIOS | VIDEO DARKER ONLY ===== */
.convenios-section-video{
  opacity:0.52 !important;
  filter:saturate(1.06) contrast(1.08) brightness(0.42) !important;
}

/* ===== CONVÊNIOS | SUBTÍTULO MAIS ESCURO ===== */
#convenios .section-heading p{
  color:#29485f !important;
}

/* ===== CONTATO FINAL | 3D TOP + COLOR INVERT ===== */
.contact-box{
  position:relative;
  overflow:hidden;
  border-radius:34px !important;
  padding:36px 34px !important;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 26px 48px rgba(8,115,163,0.20),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0);
  transition:
    transform 0.30s ease,
    box-shadow 0.30s ease,
    background 0.30s ease,
    color 0.30s ease,
    border-color 0.30s ease !important;
}

.contact-box::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.12), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.contact-box > *{
  position:relative;
  z-index:2;
}

.contact-copy .section-tag{
  color:#fff1a8 !important;
}

.contact-copy h2{
  color:#ffffff !important;
}

.contact-copy p{
  color:rgba(255,255,255,0.90) !important;
}

.contact-box .btn-primary{
  background:linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  color:#17354c !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 16px 30px rgba(244,196,0,0.26),
    0 8px 0 rgba(172,132,0,0.18) !important;
}

.contact-box .btn-secondary{
  background:rgba(255,255,255,0.10) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.16) !important;
}

.contact-box:hover{
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  border-color:rgba(255,255,255,0.20) !important;
  box-shadow:
    0 30px 52px rgba(244,196,0,0.24),
    0 12px 0 rgba(172,132,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-3deg) translateY(-8px);
}

.contact-box:hover .contact-copy .section-tag{
  color:#8a6a00 !important;
}

.contact-box:hover .contact-copy h2{
  color:#14324a !important;
}

.contact-box:hover .contact-copy p{
  color:#4f6878 !important;
}

.contact-box:hover .btn-primary{
  background:linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  color:#ffffff !important;
  box-shadow:
    0 16px 30px rgba(8,115,163,0.24),
    0 8px 0 rgba(4,70,110,0.18) !important;
}

.contact-box:hover .btn-secondary{
  background:rgba(20,159,212,0.10) !important;
  color:#17354c !important;
  border-color:rgba(20,159,212,0.18) !important;
}

@media (max-width:760px){
  .contact-box:hover{
    transform:translateY(-4px);
  }
}

/* ===== CLIENTES PAGE ===== */
.clientes-hero{
  position:relative;
  overflow:hidden;
  padding:72px 0 54px;
  background:
    radial-gradient(circle at 14% 18%, rgba(19,159,212,0.10) 0%, transparent 18%),
    radial-gradient(circle at 86% 20%, rgba(255,212,0,0.10) 0%, transparent 16%),
    linear-gradient(135deg, #eef7fb 0%, #e4f0f7 44%, #f5f1df 100%);
}

.clientes-hero-grid{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:28px;
  align-items:center;
}

.clientes-eyebrow{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(19,159,212,0.10);
  border:1px solid rgba(19,159,212,0.14);
  color:#0b79ad;
  font-weight:800;
  font-size:0.9rem;
  margin-bottom:18px;
}

.clientes-hero-copy h1{
  font-size:clamp(2.4rem, 5vw, 4.3rem);
  line-height:1.04;
  letter-spacing:-0.045em;
  color:#11324a;
  max-width:15ch;
  margin-bottom:18px;
}

.clientes-hero-text{
  max-width:62ch;
  color:#47657c;
  font-size:1.06rem;
  line-height:1.75;
  margin-bottom:26px;
}

.clientes-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.clientes-hero-panel{
  display:flex;
  justify-content:flex-end;
}

.clientes-hero-card{
  width:min(100%, 460px);
  border-radius:28px;
  padding:28px 24px;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 24px 46px rgba(8,115,163,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14);
  position:relative;
  overflow:hidden;
}

.clientes-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.14), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.14), transparent 18%);
  pointer-events:none;
}

.clientes-hero-card > *{
  position:relative;
  z-index:2;
}

.clientes-mini-tag{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,212,0,0.14);
  border:1px solid rgba(255,212,0,0.28);
  color:#fff1a8;
  font-size:0.82rem;
  font-weight:800;
  margin-bottom:16px;
}

.clientes-hero-card h3{
  color:#ffffff;
  font-size:1.55rem;
  line-height:1.15;
  margin-bottom:18px;
}

.clientes-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.clientes-mini-grid span{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-weight:700;
  text-align:center;
}

.clientes-solutions-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.cliente-solution-card{
  border-radius:24px;
  padding:24px;
  background:
    linear-gradient(145deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 16px 30px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
  transition:transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.cliente-solution-card h3{
  color:#11324a;
  margin-bottom:10px;
  font-size:1.12rem;
}

.cliente-solution-card p{
  color:#5f7f95;
  line-height:1.72;
}

.cliente-solution-card:hover{
  transform:translateY(-6px);
  background:
    linear-gradient(145deg, #fff8d6 0%, #ffe67d 100%);
  box-shadow:
    0 22px 38px rgba(244,196,0,0.18),
    0 10px 0 rgba(172,132,0,0.12);
}

.clientes-publicos-grid{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:16px;
}

.cliente-publico-pill{
  min-height:86px;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  padding:16px;
  border-radius:22px;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 16px 28px rgba(8,115,163,0.16),
    inset 0 1px 0 rgba(255,255,255,0.14);
  color:#ffffff;
  font-weight:800;
}

.clientes-benefits-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.cliente-benefit-card{
  border-radius:24px;
  padding:24px;
  background:
    linear-gradient(145deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 16px 30px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
}

.cliente-benefit-card h3{
  color:#11324a;
  margin-bottom:10px;
  font-size:1.12rem;
}

.cliente-benefit-card p{
  color:#5f7f95;
  line-height:1.72;
}

.clientes-contact-box{
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
}

.clientes-contact-box .section-tag{
  color:#fff1a8 !important;
}

.clientes-contact-box h2{
  color:#ffffff !important;
}

.clientes-contact-box p{
  color:rgba(255,255,255,0.90) !important;
}

@media (max-width:1080px){
  .clientes-hero-grid{
    grid-template-columns:1fr;
  }

  .clientes-hero-panel{
    justify-content:flex-start;
  }

  .clientes-solutions-grid,
  .clientes-benefits-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .clientes-publicos-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .clientes-hero{
    padding:42px 0 32px;
  }

  .clientes-hero-copy h1{
    max-width:100%;
    font-size:clamp(2rem, 10vw, 3.2rem);
  }

  .clientes-mini-grid,
  .clientes-solutions-grid,
  .clientes-benefits-grid,
  .clientes-publicos-grid{
    grid-template-columns:1fr;
  }
}

/* ===== CLIENTES HERO CARD | 3D TOP + YELLOW HOVER ===== */
.clientes-hero-card{
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0);
  transition:
    transform 0.30s ease,
    box-shadow 0.30s ease,
    background 0.30s ease,
    color 0.30s ease,
    border-color 0.30s ease !important;
}

.clientes-hero-card:hover{
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  border-color:rgba(255,255,255,0.20) !important;
  box-shadow:
    0 28px 48px rgba(244,196,0,0.24),
    0 12px 0 rgba(172,132,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px);
}

.clientes-hero-card:hover::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 28%, transparent 72%, rgba(255,255,255,0.06)),
    radial-gradient(circle at 84% 18%, rgba(19,159,212,0.14), transparent 18%) !important;
}

.clientes-hero-card:hover .clientes-mini-tag{
  background:rgba(20,159,212,0.10) !important;
  border-color:rgba(20,159,212,0.18) !important;
  color:#0b79ad !important;
}

.clientes-hero-card:hover h3{
  color:#17354c !important;
}

.clientes-hero-card:hover .clientes-mini-grid span{
  background:rgba(255,255,255,0.28) !important;
  border-color:rgba(20,159,212,0.18) !important;
  color:#17354c !important;
}

@media (max-width:760px){
  .clientes-hero-card:hover{
    transform:translateY(-4px);
  }
}

/* ===== CLIENTES HERO CARD | BIGGER + CTA ===== */
.clientes-hero-grid{
  grid-template-columns:1fr 1fr !important;
  align-items:stretch !important;
}

.clientes-hero-copy{
  display:flex;
  flex-direction:column;
  justify-content:center;
}

.clientes-hero-panel{
  display:flex;
  justify-content:flex-end;
  align-items:stretch !important;
}

.clientes-hero-card{
  width:min(100%, 540px) !important;
  min-height:100% !important;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:30px 26px !important;
}

.clientes-simular-btn{
  align-self:flex-start;
  margin-bottom:18px;
  background:linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  color:#17354c !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 16px 30px rgba(244,196,0,0.24),
    0 8px 0 rgba(172,132,0,0.16) !important;
}

.clientes-hero-card:hover .clientes-simular-btn{
  background:linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  color:#ffffff !important;
  box-shadow:
    0 16px 30px rgba(8,115,163,0.22),
    0 8px 0 rgba(4,70,110,0.16) !important;
}

@media (max-width:1080px){
  .clientes-hero-grid{
    grid-template-columns:1fr !important;
  }

  .clientes-hero-card{
    width:min(100%, 100%) !important;
  }
}

/* ===== CLIENTES HERO CARD | REFINO FINAL ===== */
.clientes-hero-card{
  width:min(100%, 560px) !important;
  min-height:520px !important;
  padding:34px 30px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  gap:22px !important;
}

.clientes-mini-tag{
  align-self:flex-start !important;
  min-height:38px !important;
  padding:10px 16px !important;
  font-size:0.86rem !important;
  margin-bottom:0 !important;
}

.clientes-hero-card h3{
  color:#ffffff !important;
  font-size:2rem !important;
  line-height:1.08 !important;
  max-width:12ch !important;
  margin:0 !important;
}

.clientes-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:auto !important;
}

.clientes-mini-grid span{
  min-height:64px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  font-size:1rem !important;
  font-weight:800 !important;
}

.clientes-simular-btn{
  align-self:flex-start !important;
  margin-top:6px !important;
  min-height:54px !important;
  padding:14px 22px !important;
  font-size:0.98rem !important;
}

.clientes-hero-card:hover h3{
  color:#17354c !important;
}

@media (max-width:760px){
  .clientes-hero-card{
    min-height:auto !important;
    padding:24px 22px !important;
  }

  .clientes-hero-card h3{
    font-size:1.5rem !important;
    max-width:100% !important;
  }

  .clientes-mini-grid{
    grid-template-columns:1fr !important;
  }

  .clientes-mini-grid span{
    min-height:56px !important;
  }
}

/* ===== CLIENTES HERO CARD | COMPACT PREMIUM PANEL ===== */
.clientes-hero-card{
  width:min(100%, 560px) !important;
  min-height:390px !important;
  padding:28px 28px 26px !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:flex-start !important;
  gap:18px !important;
}

.clientes-mini-tag{
  align-self:flex-start !important;
  min-height:36px !important;
  padding:8px 14px !important;
  font-size:0.82rem !important;
  margin-bottom:2px !important;
}

.clientes-hero-card h3{
  color:#ffffff !important;
  font-size:1.85rem !important;
  line-height:1.08 !important;
  letter-spacing:-0.03em !important;
  max-width:14ch !important;
  margin:0 !important;
}

.clientes-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:4px !important;
}

.clientes-mini-grid span{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:12px 14px !important;
  border-radius:18px !important;
  font-size:0.96rem !important;
  font-weight:800 !important;
}

.clientes-simular-btn{
  align-self:flex-start !important;
  margin-top:8px !important;
  min-height:52px !important;
  padding:13px 22px !important;
  font-size:0.96rem !important;
}

@media (max-width:760px){
  .clientes-hero-card{
    min-height:auto !important;
    padding:22px 22px 24px !important;
    gap:16px !important;
  }

  .clientes-hero-card h3{
    font-size:1.5rem !important;
    max-width:100% !important;
  }

  .clientes-mini-grid{
    grid-template-columns:1fr !important;
  }

  .clientes-mini-grid span{
    min-height:54px !important;
  }
}

/* ===== CLIENTES HERO CARD | REVERT TO PREVIOUS BALANCED VERSION ===== */
.clientes-hero-card{
  width:min(100%, 540px) !important;
  min-height:100% !important;
  display:flex !important;
  flex-direction:column !important;
  justify-content:space-between !important;
  padding:30px 26px !important;
  gap:22px !important;
}

.clientes-simular-btn{
  align-self:flex-start !important;
  margin-bottom:18px !important;
  margin-top:0 !important;
  background:linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  color:#17354c !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 16px 30px rgba(244,196,0,0.24),
    0 8px 0 rgba(172,132,0,0.16) !important;
}

.clientes-mini-tag{
  min-height:34px !important;
  padding:8px 14px !important;
  font-size:0.82rem !important;
  margin-bottom:16px !important;
}

.clientes-hero-card h3{
  color:#ffffff !important;
  font-size:1.55rem !important;
  line-height:1.15 !important;
  max-width:12ch !important;
  margin-bottom:18px !important;
}

.clientes-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:0 !important;
}

.clientes-mini-grid span{
  min-height:58px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  font-size:0.92rem !important;
  font-weight:700 !important;
}

@media (max-width:1080px){
  .clientes-hero-card{
    width:min(100%, 100%) !important;
  }
}

@media (max-width:760px){
  .clientes-hero-card{
    min-height:auto !important;
    padding:24px 22px !important;
  }

  .clientes-hero-card h3{
    font-size:1.5rem !important;
    max-width:100% !important;
  }

  .clientes-mini-grid{
    grid-template-columns:1fr !important;
  }

  .clientes-mini-grid span{
    min-height:54px !important;
  }
}

/* ===== CLIENTES HERO CARD | HARD REVERT ===== */
.clientes-simular-btn{
  display:none !important;
}

.clientes-hero-card{
  width:min(100%, 460px) !important;
  min-height:auto !important;
  padding:28px 24px !important;
  display:block !important;
}

.clientes-mini-tag{
  display:inline-flex !important;
  min-height:34px !important;
  padding:8px 14px !important;
  font-size:0.82rem !important;
  margin-bottom:16px !important;
}

.clientes-hero-card h3{
  color:#ffffff !important;
  font-size:1.55rem !important;
  line-height:1.15 !important;
  max-width:12ch !important;
  margin:0 0 18px 0 !important;
}

.clientes-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:0 !important;
}

.clientes-mini-grid span{
  min-height:52px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  font-size:0.92rem !important;
  font-weight:700 !important;
}

@media (max-width:1080px){
  .clientes-hero-card{
    width:min(100%, 460px) !important;
  }
}

@media (max-width:760px){
  .clientes-hero-card{
    width:100% !important;
    padding:24px 22px !important;
  }

  .clientes-hero-card h3{
    font-size:1.5rem !important;
    max-width:100% !important;
  }

  .clientes-mini-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== CLIENTES HERO CARD | VOLTAR PEQUENO ===== */
.clientes-hero-card{
  width:min(100%, 460px) !important;
  min-height:auto !important;
  padding:28px 24px !important;
  display:block !important;
}

.clientes-hero-card h3{
  font-size:1.55rem !important;
  line-height:1.15 !important;
  max-width:12ch !important;
  margin:0 0 18px 0 !important;
}

.clientes-mini-grid{
  display:grid !important;
  grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  gap:12px !important;
}

.clientes-mini-grid span{
  min-height:52px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  font-size:0.92rem !important;
  font-weight:700 !important;
}

@media (max-width:1080px){
  .clientes-hero-card{
    width:min(100%, 460px) !important;
  }
}

@media (max-width:760px){
  .clientes-hero-card{
    width:100% !important;
    padding:24px 22px !important;
  }

  .clientes-hero-card h3{
    font-size:1.5rem !important;
    max-width:100% !important;
  }

  .clientes-mini-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== FORCE HERO CARD SMALL NOW ===== */
.clientes-hero-panel{
  display:flex !important;
  justify-content:flex-start !important;
  align-items:flex-start !important;
}

.clientes-hero-card{
  width:420px !important;
  max-width:420px !important;
  min-height:0 !important;
  height:auto !important;
  padding:24px !important;
  display:block !important;
  flex:none !important;
  align-self:flex-start !important;
}

.clientes-hero-card h3{
  font-size:1.4rem !important;
  line-height:1.12 !important;
  max-width:11ch !important;
  margin:0 0 16px 0 !important;
}

.clientes-mini-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:10px !important;
}

.clientes-mini-grid span{
  min-height:48px !important;
  font-size:0.88rem !important;
  padding:10px 12px !important;
}

@media (max-width:1080px){
  .clientes-hero-card{
    width:420px !important;
    max-width:100% !important;
  }
}

@media (max-width:760px){
  .clientes-hero-card{
    width:100% !important;
    max-width:100% !important;
  }

  .clientes-mini-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== CENTER HERO CARD IN RIGHT COLUMN ===== */
.clientes-hero-panel{
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
}

/* ===== HERO CLIENTES | CENTRALIZAÇÃO REAL DO CARD ===== */
.clientes-hero-grid{
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
}

.clientes-hero-panel{
  display: flex !important;
  justify-content: center !important;
  align-items: center !important;
  min-height: 100% !important;
}

.clientes-hero-card{
  margin: 0 auto !important;
}

/* ===== HERO CLIENTES | CENTRALIZAÇÃO VERTICAL REAL ===== */
.clientes-hero{
  min-height: 760px !important;
  display: flex !important;
  align-items: center !important;
}

.clientes-hero-grid{
  width: 100% !important;
  min-height: 760px !important;
  display: grid !important;
  grid-template-columns: 1fr 1fr !important;
  align-items: center !important;
}

.clientes-hero-copy{
  align-self: center !important;
}

.clientes-hero-panel{
  min-height: 760px !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
}

.clientes-hero-card{
  margin: 0 auto !important;
}

@media (max-width:1080px){
  .clientes-hero,
  .clientes-hero-grid,
  .clientes-hero-panel{
    min-height: auto !important;
  }
}

/* ===== CLIENTES HERO | RESET LIMPO DEFINITIVO ===== */
.clientes-hero{
  min-height:auto !important;
  display:block !important;
  padding:56px 0 44px !important;
}

.clientes-hero-grid{
  width:min(calc(100% - 32px), 1180px) !important;
  margin:0 auto !important;
  display:grid !important;
  grid-template-columns:minmax(0,1.12fr) minmax(380px,420px) !important;
  gap:40px !important;
  align-items:center !important;
}

.clientes-hero-copy{
  display:block !important;
  align-self:center !important;
  max-width:760px !important;
}

.clientes-eyebrow{
  margin-bottom:18px !important;
}

.clientes-hero-copy h1{
  max-width:11ch !important;
  font-size:clamp(2.7rem, 5vw, 4.6rem) !important;
  line-height:0.98 !important;
  margin:0 0 18px 0 !important;
}

.clientes-hero-text{
  max-width:62ch !important;
  margin:0 0 24px 0 !important;
}

.clientes-hero-actions{
  margin-top:0 !important;
}

.clientes-hero-panel{
  min-height:auto !important;
  display:flex !important;
  justify-content:center !important;
  align-items:center !important;
  align-self:center !important;
}

.clientes-hero-card{
  width:420px !important;
  max-width:420px !important;
  min-height:auto !important;
  height:auto !important;
  margin:0 !important;
  padding:28px 24px !important;
  display:block !important;
}

.clientes-mini-tag{
  margin:0 0 14px 0 !important;
}

.clientes-hero-card h3{
  font-size:1.6rem !important;
  line-height:1.1 !important;
  max-width:11ch !important;
  margin:0 0 18px 0 !important;
}

.clientes-mini-grid{
  display:grid !important;
  grid-template-columns:1fr 1fr !important;
  gap:12px !important;
  margin:0 !important;
}

.clientes-mini-grid span{
  min-height:50px !important;
  padding:10px 12px !important;
  font-size:0.9rem !important;
}

.clientes-simular-btn{
  display:none !important;
}

@media (max-width:1080px){
  .clientes-hero-grid{
    grid-template-columns:1fr !important;
    gap:24px !important;
  }

  .clientes-hero-copy{
    max-width:100% !important;
  }

  .clientes-hero-copy h1{
    max-width:100% !important;
  }

  .clientes-hero-panel{
    justify-content:flex-start !important;
  }

  .clientes-hero-card{
    width:min(100%,420px) !important;
    max-width:100% !important;
  }
}

@media (max-width:760px){
  .clientes-hero{
    padding:38px 0 28px !important;
  }

  .clientes-hero-grid{
    width:min(calc(100% - 24px), 1180px) !important;
  }

  .clientes-hero-copy h1{
    font-size:clamp(2.1rem, 10vw, 3.4rem) !important;
    line-height:1.02 !important;
  }

  .clientes-hero-card{
    width:100% !important;
    padding:22px !important;
  }

  .clientes-mini-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== CLIENTES HERO CARD | TEXTO MAIS ENQUADRADO ===== */
.clientes-hero-card{
  padding:34px 28px 28px !important;
}

.clientes-mini-tag{
  margin:0 0 18px 0 !important;
}

.clientes-hero-card h3{
  max-width:10ch !important;
  font-size:1.72rem !important;
  line-height:1.05 !important;
  margin:0 0 22px 0 !important;
}

.clientes-mini-grid{
  margin-top:4px !important;
}

@media (max-width:760px){
  .clientes-hero-card{
    padding:24px 22px !important;
  }

  .clientes-hero-card h3{
    max-width:100% !important;
    font-size:1.5rem !important;
    margin:0 0 18px 0 !important;
  }
}

/* ===== CLIENTES HERO CARD | TÍTULO CENTRALIZADO ===== */
.clientes-hero-card{
  text-align:center !important;
}

.clientes-mini-tag{
  align-self:center !important;
  margin:0 auto 18px auto !important;
}

.clientes-hero-card h3{
  max-width:100% !important;
  margin:0 auto 22px auto !important;
  text-align:center !important;
}

.clientes-mini-grid{
  margin-top:4px !important;
}

/* ===== CLIENTES HERO | BOTÕES 3D TOP ===== */
.clientes-hero-actions .btn{
  min-height:56px !important;
  padding:14px 24px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  font-size:0.98rem !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

.clientes-hero-actions .btn-primary{
  background:linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  color:#17354c !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 18px 30px rgba(244,196,0,0.24),
    0 8px 0 rgba(172,132,0,0.16) !important;
}

.clientes-hero-actions .btn-primary:hover{
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-6px) !important;
  box-shadow:
    0 22px 36px rgba(244,196,0,0.28),
    0 10px 0 rgba(172,132,0,0.18) !important;
}

.clientes-hero-actions .btn-secondary{
  background:linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 18px 30px rgba(8,115,163,0.22),
    0 8px 0 rgba(4,70,110,0.16) !important;
  opacity:1 !important;
}

.clientes-hero-actions .btn-secondary:hover{
  transform:perspective(1200px) rotateX(4deg) rotateY(4deg) translateY(-6px) !important;
  background:linear-gradient(145deg, #0f95c8 0%, #0b7db4 48%, #075f92 100%) !important;
  box-shadow:
    0 22px 36px rgba(8,115,163,0.26),
    0 10px 0 rgba(4,70,110,0.18) !important;
}

/* ===== CLIENTES HERO CARD | FLOAT + WHITE LIGHT MOTION ===== */
.clientes-hero-card{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
  animation:clientesCardFloatStrong 4.2s ease-in-out infinite !important;
}

.clientes-hero-card::before{
  content:"" !important;
  position:absolute !important;
  inset:-18% !important;
  background:
    linear-gradient(
      118deg,
      transparent 0%,
      transparent 18%,
      rgba(255,255,255,0.00) 24%,
      rgba(255,255,255,0.10) 30%,
      rgba(255,255,255,0.24) 34%,
      rgba(255,255,255,0.06) 38%,
      rgba(255,255,255,0.00) 44%,
      transparent 52%,
      transparent 100%
    ),
    linear-gradient(
      138deg,
      transparent 0%,
      transparent 58%,
      rgba(255,255,255,0.00) 64%,
      rgba(255,255,255,0.08) 69%,
      rgba(255,255,255,0.18) 72%,
      rgba(255,255,255,0.04) 75%,
      rgba(255,255,255,0.00) 80%,
      transparent 100%
    ) !important;
  mix-blend-mode:screen !important;
  opacity:1 !important;
  pointer-events:none !important;
  z-index:0 !important;
  animation:clientesCardLightSweep 3.6s linear infinite !important;
}

.clientes-hero-card::after{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.14) 0%, transparent 14%),
    radial-gradient(circle at 82% 16%, rgba(255,255,255,0.16) 0%, transparent 12%),
    repeating-linear-gradient(
      125deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 18px,
      rgba(255,255,255,0.03) 19px,
      rgba(255,255,255,0.09) 20px,
      rgba(255,255,255,0.03) 21px,
      rgba(255,255,255,0.00) 22px,
      rgba(255,255,255,0.00) 42px
    ) !important;
  opacity:0.72 !important;
  pointer-events:none !important;
  z-index:1 !important;
  animation:clientesCardPulseGlow 3.2s ease-in-out infinite !important;
}

.clientes-hero-card > *{
  position:relative !important;
  z-index:3 !important;
}

.clientes-hero-card h3{
  text-shadow:
    0 12px 28px rgba(0,0,0,0.14),
    0 0 18px rgba(255,255,255,0.10) !important;
}

.clientes-mini-grid span{
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 0 12px rgba(255,255,255,0.04) !important;
}

@keyframes clientesCardFloatStrong{
  0%{
    transform:translateY(0px);
  }
  20%{
    transform:translateY(-6px);
  }
  50%{
    transform:translateY(-14px);
  }
  75%{
    transform:translateY(-7px);
  }
  100%{
    transform:translateY(0px);
  }
}

@keyframes clientesCardLightSweep{
  0%{
    transform:translateX(-18%) scale(1.02);
    opacity:0.78;
  }
  25%{
    transform:translateX(-4%) scale(1.03);
    opacity:1;
  }
  50%{
    transform:translateX(10%) scale(1.04);
    opacity:0.92;
  }
  75%{
    transform:translateX(2%) scale(1.03);
    opacity:1;
  }
  100%{
    transform:translateX(-18%) scale(1.02);
    opacity:0.78;
  }
}

@keyframes clientesCardPulseGlow{
  0%{
    filter:brightness(0.96) saturate(1);
    opacity:0.62;
  }
  50%{
    filter:brightness(1.16) saturate(1.10);
    opacity:0.92;
  }
  100%{
    filter:brightness(0.96) saturate(1);
    opacity:0.62;
  }
}

/* ===== CLIENTES | MÉTRICAS EM GRÁFICO ===== */
.clientes-solutions-grid,
.cliente-solution-card{
  all: unset;
}

.clientes-metrics-chart{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:18px;
  align-items:end;
  min-height:460px;
  padding-top:20px;
}

.metric-bar{
  position:relative;
  min-height:260px;
  border-radius:28px 28px 22px 22px;
  overflow:hidden;
  display:flex;
  align-items:flex-end;
  background:rgba(255,255,255,0.18);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 20px 40px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
}

.metric-bar-fill{
  position:absolute;
  left:0;
  right:0;
  bottom:0;
  border-radius:28px 28px 0 0;
  background:linear-gradient(180deg, #2bb8ea 0%, #139fd4 40%, #0b7db4 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.16),
    0 0 26px rgba(19,159,212,0.18);
  animation:metricRise 1.6s ease forwards;
  transform-origin:bottom;
}

.metric-bar::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.14), transparent 28%, transparent 72%, rgba(255,255,255,0.06)),
    repeating-linear-gradient(
      125deg,
      rgba(255,255,255,0.00) 0px,
      rgba(255,255,255,0.00) 20px,
      rgba(255,255,255,0.03) 21px,
      rgba(255,255,255,0.08) 22px,
      rgba(255,255,255,0.03) 23px,
      rgba(255,255,255,0.00) 24px,
      rgba(255,255,255,0.00) 44px
    );
  pointer-events:none;
  z-index:1;
}

.metric-bar-content{
  position:relative;
  z-index:2;
  width:100%;
  padding:22px 18px 20px;
  text-align:center;
  color:#ffffff;
}

.metric-bar-content strong{
  display:block;
  font-size:1.8rem;
  line-height:1;
  margin-bottom:8px;
  text-shadow:0 10px 22px rgba(0,0,0,0.14);
}

.metric-bar-content span{
  display:block;
  font-size:0.98rem;
  line-height:1.45;
  color:rgba(255,255,255,0.90);
  font-weight:600;
}

.metric-bar-1{ min-height:360px; }
.metric-bar-2{ min-height:430px; }
.metric-bar-3{ min-height:300px; }
.metric-bar-4{ min-height:390px; }

.metric-bar-1 .metric-bar-fill{ height:78%; animation-delay:0.05s; }
.metric-bar-2 .metric-bar-fill{
  height:92%;
  animation-delay:0.15s;
  background:linear-gradient(180deg, #ffd400 0%, #efc100 42%, #d9a900 100%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.20),
    0 0 30px rgba(244,196,0,0.20);
}
.metric-bar-2 .metric-bar-content,
.metric-bar-2 .metric-bar-content span{
  color:#17354c;
}
.metric-bar-3 .metric-bar-fill{ height:68%; animation-delay:0.25s; }
.metric-bar-4 .metric-bar-fill{ height:84%; animation-delay:0.35s; }

.metric-bar:hover{
  transform:translateY(-10px);
  transition:transform 0.28s ease, box-shadow 0.28s ease;
  box-shadow:
    0 28px 46px rgba(8,115,163,0.16),
    inset 0 1px 0 rgba(255,255,255,0.90);
}

.metric-bar:hover .metric-bar-fill{
  filter:brightness(1.08) saturate(1.08);
}

@keyframes metricRise{
  0%{
    transform:scaleY(0.08);
    opacity:0.3;
  }
  100%{
    transform:scaleY(1);
    opacity:1;
  }
}

@media (max-width:1080px){
  .clientes-metrics-chart{
    grid-template-columns:repeat(2, minmax(0,1fr));
    min-height:auto;
  }
}

@media (max-width:760px){
  .clientes-metrics-chart{
    grid-template-columns:1fr;
  }

  .metric-bar{
    min-height:220px !important;
  }

  .metric-bar-fill{
    height:100% !important;
  }
}

/* ===== MÉTRICAS | ANIMAÇÃO AO ENTRAR NA TELA ===== */
.metric-bar-fill{
  transform-origin:bottom;
  transform:scaleY(0.08);
  opacity:0.25;
  animation:none !important;
}

.clientes-metrics-chart.metrics-visible .metric-bar-1 .metric-bar-fill{
  animation:metricRise 1.2s ease forwards !important;
}

.clientes-metrics-chart.metrics-visible .metric-bar-2 .metric-bar-fill{
  animation:metricRise 1.35s ease forwards !important;
}

.clientes-metrics-chart.metrics-visible .metric-bar-3 .metric-bar-fill{
  animation:metricRise 1.1s ease forwards !important;
}

.clientes-metrics-chart.metrics-visible .metric-bar-4 .metric-bar-fill{
  animation:metricRise 1.45s ease forwards !important;
}

/* ===== MÉTRICAS | SEM TOPO BRANCO + NÚMEROS ANIMADOS ===== */
.metric-bar{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  align-items:flex-end !important;
}

.metric-bar::before{
  opacity:0.55 !important;
}

.metric-bar-fill{
  top:auto !important;
  border-radius:28px 28px 22px 22px !important;
}

.metric-bar-content strong.metric-number{
  display:block;
  font-size:1.8rem;
  line-height:1;
  margin-bottom:8px;
}

/* ===== MÉTRICAS | COLUNAS 3D ===== */
.metric-bar{
  position:relative !important;
  overflow:visible !important;
  perspective:1200px;
}

.metric-bar-fill{
  position:absolute !important;
  left:0 !important;
  right:18px !important;
  bottom:0 !important;
  top:auto !important;
  border-radius:22px 0 18px 18px !important;
  transform-origin:bottom !important;
  transform:scaleY(0.08) translateZ(0) !important;
  box-shadow:
    0 18px 30px rgba(8,115,163,0.16),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.metric-bar-fill::before{
  content:"";
  position:absolute;
  top:-18px;
  left:0;
  right:18px;
  height:18px;
  border-radius:18px 18px 0 0;
  background:linear-gradient(145deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 100%);
  transform:skewX(-45deg);
  transform-origin:bottom left;
}

.metric-bar-fill::after{
  content:"";
  position:absolute;
  top:-9px;
  right:-18px;
  bottom:0;
  width:18px;
  border-radius:0 18px 18px 0;
  background:linear-gradient(180deg, rgba(4,70,110,0.32) 0%, rgba(4,70,110,0.18) 100%);
  transform:skewY(-45deg);
  transform-origin:left top;
}

.metric-bar-2 .metric-bar-fill::after{
  background:linear-gradient(180deg, rgba(172,132,0,0.34) 0%, rgba(172,132,0,0.20) 100%);
}

.metric-bar:hover .metric-bar-fill{
  filter:brightness(1.08) saturate(1.08);
  transform:scaleY(1) translateY(-8px) !important;
  transition:transform 0.28s ease, filter 0.28s ease;
}

.metric-bar-content{
  padding:0 18px 12px !important;
}

.metric-bar-content strong.metric-number{
  text-shadow:0 10px 20px rgba(0,0,0,0.14);
}

@media (max-width:760px){
  .metric-bar-fill{
    right:14px !important;
  }

  .metric-bar-fill::before{
    right:14px;
  }

  .metric-bar-fill::after{
    width:14px;
    right:-14px;
  }
}

/* ===== MÉTRICAS | FIX 3D LIMPO ===== */
.metric-bar{
  position:relative !important;
  overflow:hidden !important;
  perspective:none !important;
  min-height:260px !important;
  border-radius:28px 28px 22px 22px !important;
  background:rgba(255,255,255,0.14) !important;
  border:1px solid rgba(8,115,163,0.08) !important;
  box-shadow:
    0 14px 26px rgba(8,115,163,0.08),
    inset 0 1px 0 rgba(255,255,255,0.85) !important;
}

.metric-bar-fill{
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  border-radius:24px 24px 20px 20px !important;
  transform-origin:bottom !important;
  box-shadow:
    12px 0 0 rgba(4,70,110,0.12),
    0 -8px 0 rgba(255,255,255,0.08) inset,
    0 18px 28px rgba(8,115,163,0.14) !important;
}

.metric-bar-fill::before,
.metric-bar-fill::after{
  content:none !important;
  display:none !important;
}

.metric-bar-2 .metric-bar-fill{
  box-shadow:
    12px 0 0 rgba(172,132,0,0.14),
    0 -8px 0 rgba(255,255,255,0.10) inset,
    0 18px 28px rgba(244,196,0,0.14) !important;
}

.metric-bar:hover{
  transform:translateY(-8px) !important;
  transition:transform 0.28s ease, box-shadow 0.28s ease !important;
  box-shadow:
    0 22px 36px rgba(8,115,163,0.12),
    inset 0 1px 0 rgba(255,255,255,0.85) !important;
}

.metric-bar:hover .metric-bar-fill{
  transform:scaleY(1) !important;
  filter:brightness(1.06) saturate(1.05) !important;
}

.metric-bar-content{
  padding:0 18px 14px !important;
}

/* ===== MÉTRICAS | RESET PREMIUM LIMPO ===== */
.clientes-metrics-chart{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:20px !important;
  align-items:end !important;
  min-height:460px !important;
  padding-top:26px !important;
}

.metric-bar{
  position:relative !important;
  min-height:260px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:flex !important;
  align-items:flex-end !important;
}

.metric-bar::before{
  content:none !important;
  display:none !important;
}

.metric-bar-fill{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:0 !important;
  top:auto !important;
  border-radius:26px 26px 18px 18px !important;
  transform-origin:bottom !important;
  transform:scaleY(0.08) !important;
  opacity:0.95 !important;
  box-shadow:
    0 18px 28px rgba(8,115,163,0.16),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.metric-bar-fill::before,
.metric-bar-fill::after{
  content:none !important;
  display:none !important;
}

.metric-bar-1{ min-height:300px !important; }
.metric-bar-2{ min-height:380px !important; }
.metric-bar-3{ min-height:240px !important; }
.metric-bar-4{ min-height:340px !important; }

.metric-bar-1 .metric-bar-fill{
  height:74% !important;
  background:linear-gradient(180deg, #32bdf0 0%, #149fd4 42%, #0b7db4 100%) !important;
}

.metric-bar-2 .metric-bar-fill{
  height:92% !important;
  background:linear-gradient(180deg, #ffd400 0%, #efc100 42%, #d9a900 100%) !important;
  box-shadow:
    0 18px 28px rgba(244,196,0,0.16),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
}

.metric-bar-3 .metric-bar-fill{
  height:58% !important;
  background:linear-gradient(180deg, #32bdf0 0%, #149fd4 42%, #0b7db4 100%) !important;
}

.metric-bar-4 .metric-bar-fill{
  height:82% !important;
  background:linear-gradient(180deg, #32bdf0 0%, #149fd4 42%, #0b7db4 100%) !important;
}

.metric-bar-content{
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  bottom:18px !important;
  z-index:3 !important;
  padding:0 14px !important;
  text-align:center !important;
}

.metric-bar-content strong.metric-number{
  display:block !important;
  font-size:1.7rem !important;
  line-height:1 !important;
  margin-bottom:8px !important;
  color:#ffffff !important;
  text-shadow:0 10px 22px rgba(0,0,0,0.14) !important;
}

.metric-bar-content span{
  display:block !important;
  font-size:0.96rem !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:rgba(255,255,255,0.92) !important;
}

.metric-bar-2 .metric-bar-content strong.metric-number,
.metric-bar-2 .metric-bar-content span{
  color:#17354c !important;
  text-shadow:none !important;
}

.metric-bar:hover{
  transform:translateY(-8px) !important;
  transition:transform 0.28s ease !important;
}

.metric-bar:hover .metric-bar-fill{
  filter:brightness(1.06) saturate(1.04) !important;
}

@media (max-width:1080px){
  .clientes-metrics-chart{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    min-height:auto !important;
  }
}

@media (max-width:760px){
  .clientes-metrics-chart{
    grid-template-columns:1fr !important;
  }

  .metric-bar{
    min-height:220px !important;
  }

  .metric-bar-content strong.metric-number{
    font-size:1.5rem !important;
  }
}

/* ===== MÉTRICAS 3D | REBUILD LIMPO ===== */
.clientes-metrics-chart{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:28px !important;
  align-items:end !important;
  min-height:520px !important;
  padding-top:24px !important;
}

.metric-bar{
  position:relative !important;
  min-height:260px !important;
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:flex !important;
  align-items:flex-end !important;
  justify-content:center !important;
}

.metric-bar::before{
  content:none !important;
  display:none !important;
}

.metric-bar-fill{
  position:absolute !important;
  left:0 !important;
  right:22px !important;
  bottom:0 !important;
  top:auto !important;
  border-radius:22px 0 0 18px !important;
  transform-origin:bottom left !important;
  transform:scaleY(0.08) !important;
  opacity:1 !important;
  overflow:visible !important;
  box-shadow:
    0 20px 30px rgba(8,115,163,0.14),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.metric-bar-fill::before{
  content:"" !important;
  position:absolute !important;
  top:-18px !important;
  left:0 !important;
  right:22px !important;
  height:18px !important;
  border-radius:18px 18px 0 0 !important;
  transform:skewX(-50deg) !important;
  transform-origin:bottom left !important;
  background:linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 100%) !important;
  display:block !important;
}

.metric-bar-fill::after{
  content:"" !important;
  position:absolute !important;
  top:-9px !important;
  right:-22px !important;
  bottom:0 !important;
  width:22px !important;
  transform:skewY(-40deg) !important;
  transform-origin:left top !important;
  border-radius:0 16px 14px 0 !important;
  display:block !important;
}

.metric-bar-1{
  min-height:360px !important;
}
.metric-bar-2{
  min-height:430px !important;
}
.metric-bar-3{
  min-height:300px !important;
}
.metric-bar-4{
  min-height:390px !important;
}

.metric-bar-1 .metric-bar-fill{
  height:78% !important;
  background:linear-gradient(180deg, #35c2f2 0%, #149fd4 42%, #0b7db4 100%) !important;
}
.metric-bar-1 .metric-bar-fill::after{
  background:linear-gradient(180deg, #0a6c99 0%, #08597f 100%) !important;
}

.metric-bar-2 .metric-bar-fill{
  height:92% !important;
  background:linear-gradient(180deg, #ffd400 0%, #efc100 42%, #d9a900 100%) !important;
  box-shadow:
    0 20px 30px rgba(244,196,0,0.16),
    inset 0 1px 0 rgba(255,255,255,0.18) !important;
}
.metric-bar-2 .metric-bar-fill::after{
  background:linear-gradient(180deg, #b98900 0%, #9b7200 100%) !important;
}

.metric-bar-3 .metric-bar-fill{
  height:58% !important;
  background:linear-gradient(180deg, #35c2f2 0%, #149fd4 42%, #0b7db4 100%) !important;
}
.metric-bar-3 .metric-bar-fill::after{
  background:linear-gradient(180deg, #0a6c99 0%, #08597f 100%) !important;
}

.metric-bar-4 .metric-bar-fill{
  height:82% !important;
  background:linear-gradient(180deg, #35c2f2 0%, #149fd4 42%, #0b7db4 100%) !important;
}
.metric-bar-4 .metric-bar-fill::after{
  background:linear-gradient(180deg, #0a6c99 0%, #08597f 100%) !important;
}

.metric-bar-content{
  position:absolute !important;
  left:0 !important;
  right:22px !important;
  bottom:18px !important;
  z-index:4 !important;
  padding:0 16px !important;
  text-align:center !important;
}

.metric-bar-content strong.metric-number{
  display:block !important;
  font-size:1.7rem !important;
  line-height:1 !important;
  margin-bottom:8px !important;
  color:#ffffff !important;
  text-shadow:0 10px 22px rgba(0,0,0,0.14) !important;
}

.metric-bar-content span{
  display:block !important;
  font-size:0.96rem !important;
  line-height:1.35 !important;
  font-weight:700 !important;
  color:rgba(255,255,255,0.92) !important;
}

.metric-bar-2 .metric-bar-content strong.metric-number,
.metric-bar-2 .metric-bar-content span{
  color:#17354c !important;
  text-shadow:none !important;
}

.metric-bar:hover{
  transform:translateY(-8px) !important;
  transition:transform 0.28s ease !important;
}

.metric-bar:hover .metric-bar-fill{
  filter:brightness(1.06) saturate(1.04) !important;
}

@media (max-width:1080px){
  .clientes-metrics-chart{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
    min-height:auto !important;
  }
}

@media (max-width:760px){
  .clientes-metrics-chart{
    grid-template-columns:1fr !important;
  }

  .metric-bar{
    min-height:220px !important;
  }

  .metric-bar-fill{
    right:16px !important;
  }

  .metric-bar-fill::before{
    right:16px !important;
  }

  .metric-bar-fill::after{
    right:-16px !important;
    width:16px !important;
  }

  .metric-bar-content{
    right:16px !important;
  }
}

/* ===== MÉTRICAS | FIX FINAL ===== */
.metric-bar{
  background:transparent !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.metric-bar-fill{
  top:auto !important;
  bottom:0 !important;
  opacity:1 !important;
}

.metric-bar-fill::before{
  background:inherit !important;
  opacity:1 !important;
}

.metric-bar-fill::after{
  opacity:1 !important;
}

/* remove qualquer sobra branca visual */
.metric-bar > .metric-bar-content{
  z-index:5 !important;
}

.metric-bar:hover{
  transform:none !important;
}

.metric-bar:hover .metric-bar-fill{
  transform:scaleY(1) !important;
  filter:none !important;
}

/* animação sobe e para */
.metric-bar-fill{
  animation-fill-mode:forwards !important;
}

.clientes-metrics-chart.metrics-visible .metric-bar-1 .metric-bar-fill{
  animation:metricRise 1.2s ease forwards !important;
}
.clientes-metrics-chart.metrics-visible .metric-bar-2 .metric-bar-fill{
  animation:metricRise 1.35s ease forwards !important;
}
.clientes-metrics-chart.metrics-visible .metric-bar-3 .metric-bar-fill{
  animation:metricRise 1.1s ease forwards !important;
}
.clientes-metrics-chart.metrics-visible .metric-bar-4 .metric-bar-fill{
  animation:metricRise 1.45s ease forwards !important;
}

/* ===== MÉTRICAS | TIRAR A CAIXA BRANCA DE VEZ ===== */
.metric-bar{
  background:none !important;
  border:none !important;
  box-shadow:none !important;
  overflow:visible !important;
}

.metric-bar-fill{
  left:0 !important;
  right:22px !important;
  bottom:0 !important;
  top:auto !important;
  opacity:1 !important;
}

.metric-bar-content{
  position:absolute !important;
  left:0 !important;
  right:22px !important;
  bottom:20px !important;
  z-index:6 !important;
  text-align:center !important;
  padding:0 12px !important;
}

.metric-bar-content strong.metric-number{
  color:#ffffff !important;
  text-shadow:0 8px 18px rgba(0,0,0,0.16) !important;
}

.metric-bar-content span{
  color:rgba(255,255,255,0.92) !important;
}

.metric-bar-2 .metric-bar-content strong.metric-number,
.metric-bar-2 .metric-bar-content span{
  color:#17354c !important;
  text-shadow:none !important;
}

/* esconde visualmente a parte vazia superior */
.metric-bar::after{
  content:"" !important;
  position:absolute !important;
  left:0 !important;
  right:0 !important;
  top:0 !important;
  bottom:110px !important;
  background:transparent !important;
  pointer-events:none !important;
}

@media (max-width:760px){
  .metric-bar-fill{
    right:16px !important;
  }

  .metric-bar-content{
    right:16px !important;
  }
}
/* ===== CLEAN METRICS CHART | RESET TOTAL ===== */
.clean-metrics-chart{
  display:grid;
  grid-template-columns:repeat(4, minmax(0,1fr));
  gap:28px;
  align-items:end;
  min-height:460px;
  padding-top:26px;
}

.clean-metric{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
}

.clean-bar{
  position:relative;
  width:100%;
  max-width:220px;
  height:var(--bar-height);
}

.clean-bar-face{
  position:absolute;
  left:0;
  right:22px;
  bottom:0;
  height:100%;
  border-radius:22px 0 18px 18px;
  background:var(--bar-face);
  box-shadow:
    0 18px 28px rgba(8,115,163,0.16),
    inset 0 1px 0 rgba(255,255,255,0.14);
  transform-origin:bottom;
  transform:scaleY(0.08);
}

.clean-bar-side{
  position:absolute;
  top:9px;
  right:0;
  bottom:0;
  width:22px;
  border-radius:0 16px 14px 0;
  background:var(--bar-side);
  transform:skewY(-40deg);
  transform-origin:left top;
  transform:scaleY(0.08);
}

.clean-bar-top{
  position:absolute;
  top:-18px;
  left:0;
  right:22px;
  height:18px;
  border-radius:18px 18px 0 0;
  background:var(--bar-top);
  transform:skewX(-50deg) scaleY(0.08);
  transform-origin:bottom left;
}

.clean-bar-label{
  position:absolute;
  left:0;
  right:22px;
  bottom:18px;
  z-index:5;
  padding:0 14px;
  text-align:center;
  color:#fff;
}

.clean-bar-label strong{
  display:block;
  font-size:1.7rem;
  line-height:1;
  margin-bottom:8px;
  color:#fff;
  text-shadow:0 10px 22px rgba(0,0,0,0.14);
}

.clean-bar-label span{
  display:block;
  font-size:0.96rem;
  line-height:1.35;
  font-weight:700;
  color:rgba(255,255,255,0.92);
}

.clean-bar-label.dark-text strong,
.clean-bar-label.dark-text span{
  color:#17354c;
  text-shadow:none;
}

.clean-metric-1{
  --bar-height: 300px;
  --bar-face: linear-gradient(180deg, #35c2f2 0%, #149fd4 42%, #0b7db4 100%);
  --bar-side: linear-gradient(180deg, #0a6c99 0%, #08597f 100%);
  --bar-top: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 100%);
}

.clean-metric-2{
  --bar-height: 380px;
  --bar-face: linear-gradient(180deg, #ffd400 0%, #efc100 42%, #d9a900 100%);
  --bar-side: linear-gradient(180deg, #b98900 0%, #9b7200 100%);
  --bar-top: linear-gradient(180deg, rgba(255,255,255,0.24) 0%, rgba(255,255,255,0.10) 100%);
}

.clean-metric-3{
  --bar-height: 240px;
  --bar-face: linear-gradient(180deg, #35c2f2 0%, #149fd4 42%, #0b7db4 100%);
  --bar-side: linear-gradient(180deg, #0a6c99 0%, #08597f 100%);
  --bar-top: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 100%);
}

.clean-metric-4{
  --bar-height: 340px;
  --bar-face: linear-gradient(180deg, #35c2f2 0%, #149fd4 42%, #0b7db4 100%);
  --bar-side: linear-gradient(180deg, #0a6c99 0%, #08597f 100%);
  --bar-top: linear-gradient(180deg, rgba(255,255,255,0.22) 0%, rgba(255,255,255,0.08) 100%);
}

.clean-metrics-chart.metrics-visible .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-bar-side,
.clean-metrics-chart.metrics-visible .clean-bar-top{
  animation:cleanBarRise 1.2s ease forwards;
}

.clean-metrics-chart.metrics-visible .clean-metric-2 .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-metric-2 .clean-bar-side,
.clean-metrics-chart.metrics-visible .clean-metric-2 .clean-bar-top{
  animation-duration:1.35s;
}

.clean-metrics-chart.metrics-visible .clean-metric-3 .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-metric-3 .clean-bar-side,
.clean-metrics-chart.metrics-visible .clean-metric-3 .clean-bar-top{
  animation-duration:1.1s;
}

.clean-metrics-chart.metrics-visible .clean-metric-4 .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-metric-4 .clean-bar-side,
.clean-metrics-chart.metrics-visible .clean-metric-4 .clean-bar-top{
  animation-duration:1.45s;
}

@keyframes cleanBarRise{
  0%{ transform:scaleY(0.08); opacity:0.3; }
  100%{ transform:scaleY(1); opacity:1; }
}

@media (max-width:1080px){
  .clean-metrics-chart{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .clean-metrics-chart{
    grid-template-columns:1fr;
  }

  .clean-bar{
    max-width:100%;
  }

  .clean-bar-face{
    right:16px;
  }

  .clean-bar-top{
    right:16px;
  }

  .clean-bar-side{
    width:16px;
  }

  .clean-bar-label{
    right:16px;
  }
}

/* ===== CLEAN PREMIUM 3D METRICS ===== */
.clean-bar-side{
  display:none !important;
}

.clean-bar{
  max-width:210px !important;
}

.clean-bar-face{
  right:0 !important;
  border-radius:24px 24px 20px 20px !important;
  box-shadow:
    0 22px 34px rgba(8,115,163,0.16),
    0 10px 20px rgba(8,115,163,0.08),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 -10px 24px rgba(0,0,0,0.05) !important;
}

.clean-bar-top{
  right:0 !important;
  height:14px !important;
  top:-14px !important;
  border-radius:18px 18px 0 0 !important;
  transform:skewX(-28deg) scaleY(0.08) !important;
  background:linear-gradient(180deg, rgba(255,255,255,0.26) 0%, rgba(255,255,255,0.10) 100%) !important;
}

.clean-bar-label{
  right:0 !important;
  bottom:16px !important;
}

.clean-bar-label strong{
  font-size:1.65rem !important;
}

.clean-bar-label span{
  font-size:0.92rem !important;
}

.clean-metric{
  filter:drop-shadow(0 16px 24px rgba(8,115,163,0.08));
}

.clean-metric-2{
  filter:drop-shadow(0 18px 26px rgba(244,196,0,0.10));
}

.clean-metric:hover .clean-bar-face{
  transform:scaleY(1) translateY(-6px) !important;
  filter:brightness(1.05) saturate(1.03) !important;
  transition:transform 0.28s ease, filter 0.28s ease !important;
}

.clean-metric:hover .clean-bar-top{
  transform:skewX(-28deg) translateY(-6px) !important;
  transition:transform 0.28s ease !important;
}

@media (max-width:760px){
  .clean-bar-face,
  .clean-bar-top,
  .clean-bar-label{
    right:0 !important;
  }
}

/* ===== MÉTRICAS | ENTRADA MAIS FORTE ===== */
.clean-metrics-chart.metrics-visible .clean-metric-1 .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-metric-1 .clean-bar-top{
  animation:barRiseStrong 1.2s cubic-bezier(.18,.9,.22,1) forwards !important;
}

.clean-metrics-chart.metrics-visible .clean-metric-2 .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-metric-2 .clean-bar-top{
  animation:barRiseStrong 1.35s cubic-bezier(.18,.9,.22,1) forwards !important;
}

.clean-metrics-chart.metrics-visible .clean-metric-3 .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-metric-3 .clean-bar-top{
  animation:barRiseStrong 1.1s cubic-bezier(.18,.9,.22,1) forwards !important;
}

.clean-metrics-chart.metrics-visible .clean-metric-4 .clean-bar-face,
.clean-metrics-chart.metrics-visible .clean-metric-4 .clean-bar-top{
  animation:barRiseStrong 1.45s cubic-bezier(.18,.9,.22,1) forwards !important;
}

@keyframes barRiseStrong{
  0%{
    transform:scaleY(0.04);
    opacity:0.2;
    filter:brightness(0.9);
  }
  55%{
    transform:scaleY(1.06);
    opacity:1;
    filter:brightness(1.08);
  }
  75%{
    transform:scaleY(0.98);
    opacity:1;
  }
  100%{
    transform:scaleY(1);
    opacity:1;
    filter:brightness(1);
  }
}

/* ===== MÉTRICAS | 3D LEVE E SEGURO ===== */
.clean-bar{
  max-width:220px !important;
}

.clean-bar-face{
  right:12px !important;
  border-radius:22px 0 18px 18px !important;
  box-shadow:
    0 22px 34px rgba(8,115,163,0.16),
    0 10px 20px rgba(8,115,163,0.08),
    inset 0 1px 0 rgba(255,255,255,0.16),
    inset 0 -10px 24px rgba(0,0,0,0.05) !important;
}

.clean-bar-top{
  display:block !important;
  right:12px !important;
  height:12px !important;
  top:-12px !important;
  border-radius:16px 16px 0 0 !important;
  transform:skewX(-26deg) scaleY(0.08) !important;
  transform-origin:bottom left !important;
  background:linear-gradient(180deg, rgba(255,255,255,0.28) 0%, rgba(255,255,255,0.10) 100%) !important;
}

.clean-bar::after{
  content:"";
  position:absolute;
  top:6px;
  right:0;
  bottom:0;
  width:12px;
  border-radius:0 16px 14px 0;
  background:linear-gradient(180deg, rgba(6,92,138,0.65) 0%, rgba(4,70,110,0.72) 100%);
  transform:skewY(-36deg);
  transform-origin:left top;
  z-index:2;
}

.clean-metric-2 .clean-bar::after{
  background:linear-gradient(180deg, rgba(191,145,0,0.70) 0%, rgba(155,114,0,0.76) 100%);
}

.clean-bar-label{
  right:12px !important;
}

.clean-metric{
  filter:drop-shadow(0 16px 24px rgba(8,115,163,0.08));
}

.clean-metric-2{
  filter:drop-shadow(0 18px 26px rgba(244,196,0,0.10));
}

@media (max-width:760px){
  .clean-bar-face,
  .clean-bar-top,
  .clean-bar-label{
    right:10px !important;
  }

  .clean-bar::after{
    width:10px !important;
  }
}

/* ===== PÚBLICOS ATENDIDOS | CÍRCULOS 3D ===== */
.clientes-publicos-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:22px !important;
  justify-items:center !important;
  align-items:center !important;
}

.cliente-publico-pill{
  width:210px !important;
  min-height:210px !important;
  border-radius:50% !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:26px !important;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 22px 38px rgba(8,115,163,0.18),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  color:#ffffff !important;
  font-size:1rem !important;
  font-weight:800 !important;
  line-height:1.35 !important;
  position:relative !important;
  overflow:hidden !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0) !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

.cliente-publico-pill::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.cliente-publico-pill > *{
  position:relative;
  z-index:2;
}

.cliente-publico-pill:hover{
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  color:#17354c !important;
  border-color:rgba(255,255,255,0.20) !important;
  box-shadow:
    0 26px 44px rgba(244,196,0,0.24),
    0 10px 0 rgba(172,132,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.20) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px) !important;
}

@media (max-width:1080px){
  .clientes-publicos-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .clientes-publicos-grid{
    grid-template-columns:1fr !important;
  }

  .cliente-publico-pill{
    width:100% !important;
    max-width:320px !important;
    min-height:110px !important;
    border-radius:28px !important;
  }

  .cliente-publico-pill:hover{
    transform:translateY(-4px) !important;
  }
}

/* ===== ÚLTIMO BLOCO CLIENTES | CARDS AMARELOS 3D ===== */
.clientes-benefits-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:20px !important;
}

.cliente-benefit-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  padding:26px 24px !important;
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 22px 40px rgba(244,196,0,0.20),
    0 10px 0 rgba(172,132,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0) !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

.cliente-benefit-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 28%, transparent 72%, rgba(255,255,255,0.06)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.cliente-benefit-card > *{
  position:relative;
  z-index:2;
}

.cliente-benefit-card h3{
  color:#17354c !important;
  margin-bottom:10px !important;
  font-size:1.14rem !important;
}

.cliente-benefit-card p{
  color:#4f6878 !important;
  line-height:1.72 !important;
}

.cliente-benefit-card:hover{
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border-color:rgba(255,255,255,0.16) !important;
  box-shadow:
    0 24px 42px rgba(8,115,163,0.22),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px) !important;
}

.cliente-benefit-card:hover h3{
  color:#ffffff !important;
}

.cliente-benefit-card:hover p{
  color:rgba(255,255,255,0.90) !important;
}

@media (max-width:1080px){
  .clientes-benefits-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .clientes-benefits-grid{
    grid-template-columns:1fr !important;
  }

  .cliente-benefit-card:hover{
    transform:translateY(-4px) !important;
  }
}

/* ===== PARCEIROS PAGE ===== */
.parceiros-hero{
  position:relative;
  overflow:hidden;
  padding:72px 0 54px;
  background:
    radial-gradient(circle at 14% 18%, rgba(19,159,212,0.10) 0%, transparent 18%),
    radial-gradient(circle at 86% 20%, rgba(255,212,0,0.10) 0%, transparent 16%),
    linear-gradient(135deg, #eef7fb 0%, #e4f0f7 44%, #f5f1df 100%);
}

.parceiros-hero-grid{
  display:grid;
  grid-template-columns:1.05fr 0.95fr;
  gap:28px;
  align-items:center;
}

.parceiros-eyebrow{
  display:inline-flex;
  min-height:40px;
  align-items:center;
  padding:10px 16px;
  border-radius:999px;
  background:rgba(19,159,212,0.10);
  border:1px solid rgba(19,159,212,0.14);
  color:#0b79ad;
  font-weight:800;
  font-size:0.9rem;
  margin-bottom:18px;
}

.parceiros-hero-copy h1{
  font-size:clamp(2.4rem, 5vw, 4.3rem);
  line-height:1.04;
  letter-spacing:-0.045em;
  color:#11324a;
  max-width:15ch;
  margin-bottom:18px;
}

.parceiros-hero-text{
  max-width:62ch;
  color:#47657c;
  font-size:1.06rem;
  line-height:1.75;
  margin-bottom:26px;
}

.parceiros-hero-actions{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
}

.parceiros-hero-panel{
  display:flex;
  justify-content:flex-end;
}

.parceiros-hero-card{
  width:min(100%, 460px);
  border-radius:28px;
  padding:28px 24px;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 24px 46px rgba(8,115,163,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14);
  position:relative;
  overflow:hidden;
}

.parceiros-hero-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.14), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.14), transparent 18%);
  pointer-events:none;
}

.parceiros-hero-card > *{
  position:relative;
  z-index:2;
}

.parceiros-mini-tag{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:8px 14px;
  border-radius:999px;
  background:rgba(255,212,0,0.14);
  border:1px solid rgba(255,212,0,0.28);
  color:#fff1a8;
  font-size:0.82rem;
  font-weight:800;
  margin-bottom:16px;
}

.parceiros-hero-card h3{
  color:#ffffff;
  font-size:1.55rem;
  line-height:1.15;
  margin-bottom:18px;
  max-width:13ch;
}

.parceiros-mini-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0,1fr));
  gap:12px;
}

.parceiros-mini-grid span{
  padding:12px 14px;
  border-radius:16px;
  background:rgba(255,255,255,0.10);
  border:1px solid rgba(255,255,255,0.14);
  color:#ffffff;
  font-weight:700;
  text-align:center;
}

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

.parceiro-estrutura-card{
  border-radius:24px;
  padding:24px;
  background:
    linear-gradient(145deg, #ffffff 0%, #f8fbfe 100%);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 16px 30px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
  transition:transform 0.28s ease, box-shadow 0.28s ease, background 0.28s ease;
}

.parceiro-estrutura-card h3{
  color:#11324a;
  margin-bottom:10px;
  font-size:1.12rem;
}

.parceiro-estrutura-card p{
  color:#5f7f95;
  line-height:1.72;
}

.parceiro-estrutura-card:hover{
  transform:translateY(-6px);
  background:
    linear-gradient(145deg, #fff8d6 0%, #ffe67d 100%);
  box-shadow:
    0 22px 38px rgba(244,196,0,0.18),
    0 10px 0 rgba(172,132,0,0.12);
}

.parceiros-growth-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:18px;
}

.parceiro-growth-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:26px 24px;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 22px 40px rgba(8,115,163,0.18),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14);
  color:#ffffff;
}

.parceiro-growth-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
}

.parceiro-growth-card > *{
  position:relative;
  z-index:2;
}

.parceiro-growth-card h3{
  color:#ffffff;
  margin-bottom:10px;
  font-size:1.14rem;
}

.parceiro-growth-card p{
  color:rgba(255,255,255,0.90);
  line-height:1.72;
}

.parceiros-diferenciais-grid{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:20px;
}

.parceiro-diferencial-card{
  position:relative;
  overflow:hidden;
  border-radius:26px;
  padding:26px 24px;
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%);
  border:1px solid rgba(255,255,255,0.18);
  box-shadow:
    0 22px 40px rgba(244,196,0,0.20),
    0 10px 0 rgba(172,132,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,255,255,0.04);
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0);
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease;
}

.parceiro-diferencial-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 28%, transparent 72%, rgba(255,255,255,0.06)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.parceiro-diferencial-card > *{
  position:relative;
  z-index:2;
}

.parceiro-diferencial-card h3{
  color:#17354c;
  margin-bottom:10px;
  font-size:1.14rem;
}

.parceiro-diferencial-card p{
  color:#4f6878;
  line-height:1.72;
}

.parceiro-diferencial-card:hover{
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%);
  border-color:rgba(255,255,255,0.16);
  box-shadow:
    0 24px 42px rgba(8,115,163,0.22),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14);
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px);
}

.parceiro-diferencial-card:hover h3{
  color:#ffffff;
}

.parceiro-diferencial-card:hover p{
  color:rgba(255,255,255,0.90);
}

.parceiros-contact-box{
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
}

.parceiros-contact-box .section-tag{
  color:#fff1a8 !important;
}

.parceiros-contact-box h2{
  color:#ffffff !important;
}

.parceiros-contact-box p{
  color:rgba(255,255,255,0.90) !important;
}

@media (max-width:1080px){
  .parceiros-hero-grid{
    grid-template-columns:1fr;
  }

  .parceiros-hero-panel{
    justify-content:flex-start;
  }

  .parceiros-estrutura-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }

  .parceiros-growth-grid,
  .parceiros-diferenciais-grid{
    grid-template-columns:repeat(2, minmax(0,1fr));
  }
}

@media (max-width:760px){
  .parceiros-hero{
    padding:42px 0 32px;
  }

  .parceiros-hero-copy h1{
    max-width:100%;
    font-size:clamp(2rem, 10vw, 3.2rem);
  }

  .parceiros-mini-grid,
  .parceiros-estrutura-grid,
  .parceiros-growth-grid,
  .parceiros-diferenciais-grid{
    grid-template-columns:1fr;
  }
}

/* ===== PARCEIROS HERO CARD | 3D FORTE + HOVER AMARELO ===== */
.parceiros-hero-card{
  width:min(100%, 500px) !important;
  padding:32px 28px !important;
  border-radius:30px !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0) !important;
  box-shadow:
    0 28px 48px rgba(8,115,163,0.20),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

.parceiros-mini-tag{
  min-height:38px !important;
  padding:10px 16px !important;
  font-size:0.85rem !important;
  margin-bottom:18px !important;
}

.parceiros-hero-card h3{
  font-size:2rem !important;
  line-height:1.06 !important;
  letter-spacing:-0.035em !important;
  max-width:11ch !important;
  margin-bottom:20px !important;
}

.parceiros-mini-grid{
  gap:14px !important;
}

.parceiros-mini-grid span{
  min-height:60px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  padding:14px 16px !important;
  border-radius:18px !important;
  font-size:0.98rem !important;
  font-weight:800 !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,0.14),
    0 0 12px rgba(255,255,255,0.04) !important;
}

.parceiros-hero-card:hover{
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  border-color:rgba(255,255,255,0.20) !important;
  box-shadow:
    0 30px 52px rgba(244,196,0,0.24),
    0 12px 0 rgba(172,132,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px) !important;
}

.parceiros-hero-card:hover::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 28%, transparent 72%, rgba(255,255,255,0.06)),
    radial-gradient(circle at 84% 18%, rgba(19,159,212,0.14), transparent 18%) !important;
}

.parceiros-hero-card:hover .parceiros-mini-tag{
  background:rgba(20,159,212,0.10) !important;
  border-color:rgba(20,159,212,0.18) !important;
  color:#0b79ad !important;
}

.parceiros-hero-card:hover h3{
  color:#17354c !important;
}

.parceiros-hero-card:hover .parceiros-mini-grid span{
  background:rgba(255,255,255,0.28) !important;
  border-color:rgba(20,159,212,0.18) !important;
  color:#17354c !important;
}

@media (max-width:760px){
  .parceiros-hero-card{
    width:100% !important;
    padding:24px 22px !important;
  }

  .parceiros-hero-card h3{
    font-size:1.6rem !important;
    max-width:100% !important;
  }

  .parceiros-hero-card:hover{
    transform:translateY(-4px) !important;
  }
}

/* ===== PARCEIROS HERO CARD | AMARELO PADRÃO + HOVER AZUL ===== */
.parceiros-hero-card{
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  border-color:rgba(255,255,255,0.20) !important;
  box-shadow:
    0 30px 52px rgba(244,196,0,0.24),
    0 12px 0 rgba(172,132,0,0.20),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
}

.parceiros-hero-card::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 28%, transparent 72%, rgba(255,255,255,0.06)),
    radial-gradient(circle at 84% 18%, rgba(19,159,212,0.14), transparent 18%) !important;
}

.parceiros-mini-tag{
  background:rgba(20,159,212,0.10) !important;
  border-color:rgba(20,159,212,0.18) !important;
  color:#0b79ad !important;
}

.parceiros-hero-card h3{
  color:#17354c !important;
  max-width:10ch !important;
  margin:0 auto 22px auto !important;
  text-align:center !important;
}

.parceiros-mini-grid{
  margin-top:4px !important;
}

.parceiros-mini-grid span{
  background:rgba(255,255,255,0.28) !important;
  border-color:rgba(20,159,212,0.18) !important;
  color:#17354c !important;
}

.parceiros-hero-card{
  text-align:center !important;
}

.parceiros-mini-tag{
  display:inline-flex !important;
  margin:0 auto 18px auto !important;
}

.parceiros-hero-card:hover{
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border-color:rgba(255,255,255,0.16) !important;
  box-shadow:
    0 28px 48px rgba(8,115,163,0.20),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px) !important;
}

.parceiros-hero-card:hover::before{
  background:
    linear-gradient(135deg, rgba(255,255,255,0.14), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.14), transparent 18%) !important;
}

.parceiros-hero-card:hover .parceiros-mini-tag{
  background:rgba(255,212,0,0.14) !important;
  border-color:rgba(255,212,0,0.28) !important;
  color:#fff1a8 !important;
}

.parceiros-hero-card:hover h3{
  color:#ffffff !important;
}

.parceiros-hero-card:hover .parceiros-mini-grid span{
  background:rgba(255,255,255,0.10) !important;
  border-color:rgba(255,255,255,0.14) !important;
  color:#ffffff !important;
}

@media (max-width:760px){
  .parceiros-hero-card h3{
    max-width:100% !important;
  }
}

/* ===== PARCEIROS HERO CARD | AJUSTE DO TÍTULO ===== */
.parceiros-hero-card h3{
  max-width:8ch !important;
  font-size:2.05rem !important;
  line-height:1.02 !important;
  letter-spacing:-0.04em !important;
  margin:4px auto 24px auto !important;
  text-align:center !important;
}

@media (max-width:760px){
  .parceiros-hero-card h3{
    max-width:9ch !important;
    font-size:1.65rem !important;
    margin:2px auto 20px auto !important;
  }
}

/* ===== PARCEIROS HERO CARD | TÍTULO MAIS FORTE E MENOS QUEBRADO ===== */
.parceiros-hero-card h3{
  max-width:12ch !important;
  font-size:1.9rem !important;
  line-height:1.08 !important;
  letter-spacing:-0.035em !important;
  margin:6px auto 22px auto !important;
  text-align:center !important;
}

@media (max-width:760px){
  .parceiros-hero-card h3{
    max-width:12ch !important;
    font-size:1.55rem !important;
    margin:4px auto 18px auto !important;
  }
}
/* ===== PARCEIROS HERO CARD | TÍTULO FINAL ===== */
.parceiros-hero-card h3{
  max-width:11ch !important;
  font-size:2rem !important;
  line-height:1.06 !important;
  letter-spacing:-0.04em !important;
  margin:8px auto 22px auto !important;
  text-align:center !important;
}

/* ===== PARCEIROS HERO CARD | TÍTULO MAIOR E MAIS PROPORCIONAL ===== */
.parceiros-hero-card h3{
  max-width:12ch !important;
  font-size:2.45rem !important;
  line-height:0.98 !important;
  letter-spacing:-0.05em !important;
  margin:14px auto 26px auto !important;
  text-align:center !important;
}

@media (max-width:760px){
  .parceiros-hero-card h3{
    font-size:2rem !important;
    max-width:11ch !important;
  }
}

/* ===== PARCEIROS HERO CARD | REFERÊNCIA DO CARD BOM ===== */
.parceiros-hero-card{
  padding:30px 24px 24px !important;
}

.parceiros-mini-tag{
  margin:0 auto 16px auto !important;
}

.parceiros-hero-card h3{
  max-width:10ch !important;
  font-size:2rem !important;
  line-height:1.02 !important;
  letter-spacing:-0.04em !important;
  margin:6px auto 20px auto !important;
  text-align:center !important;
}

.parceiros-mini-grid{
  gap:12px !important;
  margin-top:0 !important;
}

.parceiros-mini-grid span{
  min-height:54px !important;
  padding:12px 14px !important;
  border-radius:16px !important;
  font-size:0.94rem !important;
}

@media (max-width:760px){
  .parceiros-hero-card{
    padding:24px 20px 22px !important;
  }

  .parceiros-hero-card h3{
    max-width:10ch !important;
    font-size:1.7rem !important;
    margin:4px auto 18px auto !important;
  }
}
.parceiros-hero-card h3{
  max-width:12ch !important;
  font-size:2.2rem !important;
  line-height:1.02 !important;
  letter-spacing:-0.04em !important;
  margin:8px auto 20px auto !important;
  text-align:center !important;
}
/* ===== PARCEIROS HERO CARD | ALINHAMENTO PROFISSIONAL ===== */
.parceiros-hero-card{
  text-align:left !important;
  padding:30px 26px 24px !important;
}

.parceiros-mini-tag{
  margin:0 0 16px 0 !important;
}

.parceiros-hero-card h3{
  max-width:11ch !important;
  font-size:2rem !important;
  line-height:1.02 !important;
  letter-spacing:-0.04em !important;
  margin:0 0 20px 0 !important;
  text-align:left !important;
}

.parceiros-mini-grid{
  margin-top:0 !important;
}

.parceiros-mini-grid span{
  text-align:center !important;
}

@media (max-width:760px){
  .parceiros-hero-card h3{
    max-width:12ch !important;
    font-size:1.7rem !important;
  }
}

/* ===== PARCEIROS HERO | VIDEO BACKGROUND ===== */
.parceiros-hero{
  position:relative !important;
  overflow:hidden !important;
  isolation:isolate !important;
}

.parceiros-hero-video{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:0;
  pointer-events:none;
  opacity:0.30;
  filter:saturate(1.06) contrast(1.04) brightness(0.72);
}

.parceiros-hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(135deg, rgba(238,247,251,0.84) 0%, rgba(228,240,247,0.54) 34%, rgba(245,241,223,0.42) 100%);
}

.parceiros-hero > .container{
  position:relative;
  z-index:2;
}

/* ===== PARCEIROS HERO | SEM CARD + VIDEO MAIS VIVO ===== */
.parceiros-hero-grid{
  grid-template-columns:minmax(0, 820px) !important;
  justify-content:center !important;
}

.parceiros-hero-copy{
  max-width:820px !important;
  margin:0 auto !important;
  text-align:left !important;
}

.parceiros-hero-copy h1{
  max-width:11ch !important;
  font-size:clamp(3rem, 5.4vw, 5.4rem) !important;
  line-height:0.98 !important;
  letter-spacing:-0.05em !important;
}

.parceiros-hero-text{
  max-width:66ch !important;
  font-size:1.08rem !important;
  line-height:1.8 !important;
}

.parceiros-hero-actions{
  margin-top:4px !important;
}

.parceiros-hero-video{
  opacity:0.50 !important;
  filter:saturate(1.10) contrast(1.08) brightness(0.58) !important;
}

.parceiros-hero::before{
  background:
    linear-gradient(
      135deg,
      rgba(238,247,251,0.60) 0%,
      rgba(228,240,247,0.30) 34%,
      rgba(245,241,223,0.26) 100%
    ) !important;
}

@media (max-width:1080px){
  .parceiros-hero-grid{
    grid-template-columns:1fr !important;
  }

  .parceiros-hero-copy{
    max-width:100% !important;
  }

  .parceiros-hero-copy h1{
    max-width:12ch !important;
  }
}

@media (max-width:760px){
  .parceiros-hero-copy h1{
    max-width:100% !important;
    font-size:clamp(2.2rem, 10vw, 3.7rem) !important;
  }

  .parceiros-hero-video{
    opacity:0.44 !important;
    filter:saturate(1.08) contrast(1.05) brightness(0.62) !important;
  }
}

/* ===== PARCEIROS HERO | BOTÕES 3D REFINADOS ===== */
.parceiros-hero-actions .btn{
  min-height:56px !important;
  padding:14px 24px !important;
  border-radius:999px !important;
  font-weight:800 !important;
  font-size:0.98rem !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0) !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

.parceiros-hero-actions .btn-primary{
  background:linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  color:#17354c !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 18px 30px rgba(244,196,0,0.24),
    0 8px 0 rgba(172,132,0,0.16) !important;
}

.parceiros-hero-actions .btn-primary:hover{
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-6px) !important;
  box-shadow:
    0 22px 36px rgba(244,196,0,0.28),
    0 10px 0 rgba(172,132,0,0.18) !important;
}

.parceiros-hero-actions .btn-secondary{
  background:linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  color:#ffffff !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 18px 30px rgba(8,115,163,0.22),
    0 8px 0 rgba(4,70,110,0.16) !important;
  opacity:1 !important;
}

.parceiros-hero-actions .btn-secondary:hover{
  transform:perspective(1200px) rotateX(4deg) rotateY(4deg) translateY(-6px) !important;
  background:linear-gradient(145deg, #0f95c8 0%, #0b7db4 48%, #075f92 100%) !important;
  box-shadow:
    0 22px 36px rgba(8,115,163,0.26),
    0 10px 0 rgba(4,70,110,0.18) !important;
}

/* ===== PARCEIROS HERO | 80% VISUAL + VIDEO MAIS VIVO ===== */
.parceiros-hero{
  padding:48px 0 38px !important;
}

.parceiros-hero-grid{
  width:min(calc(100% - 32px), 1120px) !important;
  transform:scale(0.88) !important;
  transform-origin:center top !important;
  margin:0 auto -70px auto !important;
}

.parceiros-hero-copy{
  max-width:760px !important;
}

.parceiros-hero-video{
  opacity:0.62 !important;
  filter:saturate(1.16) contrast(1.08) brightness(0.78) !important;
}

.parceiros-hero::before{
  background:
    linear-gradient(
      135deg,
      rgba(238,247,251,0.44) 0%,
      rgba(228,240,247,0.20) 34%,
      rgba(245,241,223,0.18) 100%
    ) !important;
}

@media (max-width:1080px){
  .parceiros-hero-grid{
    transform:scale(0.94) !important;
    margin:0 auto -28px auto !important;
  }
}

@media (max-width:760px){
  .parceiros-hero-grid{
    transform:scale(1) !important;
    margin:0 auto !important;
    width:min(calc(100% - 24px), 1120px) !important;
  }

  .parceiros-hero-video{
    opacity:0.54 !important;
    filter:saturate(1.12) contrast(1.06) brightness(0.82) !important;
  }
}

/* ===== PARCEIROS HERO | TEXTO DE APOIO MAIS ESCURO ===== */
.parceiros-hero-text{
  color:#29485f !important;
}

/* ===== PARCEIROS BLOCO 2 | CARDS AMARELOS 3D ===== */
.parceiros-estrutura-grid{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0,1fr)) !important;
  gap:18px !important;
}

.parceiro-estrutura-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  padding:26px 24px !important;
  background:
    linear-gradient(145deg, #ffd400 0%, #efc100 48%, #d9a900 100%) !important;
  border:1px solid rgba(255,255,255,0.18) !important;
  box-shadow:
    0 22px 40px rgba(244,196,0,0.20),
    0 10px 0 rgba(172,132,0,0.18),
    inset 0 1px 0 rgba(255,255,255,0.18),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
  transform:perspective(1200px) rotateX(0deg) rotateY(0deg) translateY(0) !important;
  transition:
    transform 0.28s ease,
    box-shadow 0.28s ease,
    background 0.28s ease,
    color 0.28s ease,
    border-color 0.28s ease !important;
}

.parceiro-estrutura-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.18), transparent 28%, transparent 72%, rgba(255,255,255,0.06)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.parceiro-estrutura-card > *{
  position:relative;
  z-index:2;
}

.parceiro-estrutura-card h3{
  color:#17354c !important;
  margin-bottom:10px !important;
  font-size:1.12rem !important;
}

.parceiro-estrutura-card p{
  color:#4f6878 !important;
  line-height:1.72 !important;
}

.parceiro-estrutura-card:hover{
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border-color:rgba(255,255,255,0.16) !important;
  box-shadow:
    0 24px 42px rgba(8,115,163,0.22),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  transform:perspective(1200px) rotateX(4deg) rotateY(-4deg) translateY(-8px) !important;
}

.parceiro-estrutura-card:hover h3{
  color:#ffffff !important;
}

.parceiro-estrutura-card:hover p{
  color:rgba(255,255,255,0.90) !important;
}

@media (max-width:1080px){
  .parceiros-estrutura-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .parceiros-estrutura-grid{
    grid-template-columns:1fr !important;
  }

  .parceiro-estrutura-card:hover{
    transform:translateY(-4px) !important;
  }
}

/* ===== PARCEIROS BLOCO 3 | GRÁFICO DE LINHA ===== */
.parceiros-growth-grid,
.parceiro-growth-card{
  all: unset;
}

.parceiros-growth-chart{
  position:relative;
  margin-top:12px;
}

.growth-chart-line-wrap{
  position:relative;
  min-height:520px;
  border-radius:34px;
  overflow:hidden;
  padding:36px 28px 28px;
  background:
    radial-gradient(circle at 14% 18%, rgba(19,159,212,0.08) 0%, transparent 20%),
    radial-gradient(circle at 84% 18%, rgba(255,212,0,0.10) 0%, transparent 18%),
    linear-gradient(145deg, #f7fbfe 0%, #eef6fb 58%, #f9f3dc 100%);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 24px 46px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
}

.growth-chart-line-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(20,159,212,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,159,212,0.06) 1px, transparent 1px);
  background-size:80px 80px;
  pointer-events:none;
  z-index:0;
  opacity:0.45;
}

.growth-chart-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
}

.growth-area{
  fill:rgba(20,159,212,0.12);
}

.growth-line{
  fill:none;
  stroke:url(#growthLineGradient);
  stroke-width:10;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:drop-shadow(0 8px 16px rgba(20,159,212,0.20));
  stroke-dasharray:1400;
  stroke-dashoffset:1400;
  animation:growthLineDraw 2.2s ease forwards;
}

.growth-dot{
  fill:#ffffff;
  stroke:#149fd4;
  stroke-width:8;
  filter:drop-shadow(0 8px 16px rgba(20,159,212,0.24));
  transform-origin:center;
  opacity:0;
  animation:growthDotPop 0.55s ease forwards;
}

.growth-dot-1{ animation-delay:0.55s; }
.growth-dot-2{ animation-delay:1.1s; }
.growth-dot-3{ animation-delay:1.7s; stroke:#d9a900; }

.growth-step{
  position:absolute;
  width:280px;
  border-radius:24px;
  padding:22px 20px;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 20px 36px rgba(8,115,163,0.18),
    0 8px 0 rgba(4,70,110,0.16),
    inset 0 1px 0 rgba(255,255,255,0.14);
  color:#ffffff;
  z-index:3;
  transform:translateY(20px);
  opacity:0;
  animation:growthCardRise 0.7s ease forwards;
}

.growth-step-1{
  left:70px;
  top:210px;
  animation-delay:0.45s;
}

.growth-step-2{
  left:430px;
  top:120px;
  animation-delay:1s;
}

.growth-step-3{
  right:55px;
  top:40px;
  animation-delay:1.55s;
}

.growth-step-number{
  display:inline-flex;
  min-height:34px;
  align-items:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(255,212,0,0.14);
  border:1px solid rgba(255,212,0,0.28);
  color:#fff1a8;
  font-size:0.8rem;
  font-weight:800;
  margin-bottom:14px;
}

.growth-step h3{
  color:#ffffff;
  font-size:1.2rem;
  margin-bottom:10px;
}

.growth-step p{
  color:rgba(255,255,255,0.92);
  line-height:1.68;
}

.growth-step:hover{
  transform:translateY(-6px);
  transition:transform 0.28s ease, box-shadow 0.28s ease;
  box-shadow:
    0 24px 42px rgba(8,115,163,0.22),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14);
}

@keyframes growthLineDraw{
  to{
    stroke-dashoffset:0;
  }
}

@keyframes growthDotPop{
  0%{
    transform:scale(0.2);
    opacity:0;
  }
  70%{
    transform:scale(1.18);
    opacity:1;
  }
  100%{
    transform:scale(1);
    opacity:1;
  }
}

@keyframes growthCardRise{
  0%{
    transform:translateY(24px);
    opacity:0;
  }
  100%{
    transform:translateY(0);
    opacity:1;
  }
}

@media (max-width:1080px){
  .growth-chart-line-wrap{
    min-height:760px;
    padding:30px 22px 26px;
  }

  .growth-step{
    width:calc(100% - 44px);
    max-width:none;
  }

  .growth-step-1{
    left:22px;
    top:210px;
  }

  .growth-step-2{
    left:22px;
    top:390px;
  }

  .growth-step-3{
    left:22px;
    right:auto;
    top:570px;
  }
}

@media (max-width:760px){
  .growth-chart-line-wrap{
    min-height:760px;
  }

  .growth-step{
    width:calc(100% - 32px);
    padding:18px 16px;
  }

  .growth-step h3{
    font-size:1.08rem;
  }
}

/* ===== PARCEIROS BLOCO 3 | PELE PREMIUM FUTURISTA ===== */
.growth-chart-line-wrap{
  background:
    radial-gradient(circle at 12% 16%, rgba(19,159,212,0.10) 0%, transparent 18%),
    radial-gradient(circle at 88% 18%, rgba(255,212,0,0.10) 0%, transparent 18%),
    linear-gradient(145deg, #f7fbfe 0%, #eef6fb 58%, #f9f3dc 100%) !important;
  border:1px solid rgba(8,115,163,0.10) !important;
  box-shadow:
    0 24px 46px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90) !important;
}

.growth-chart-line-wrap::before{
  background:
    linear-gradient(rgba(20,159,212,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,159,212,0.06) 1px, transparent 1px) !important;
  background-size:72px 72px !important;
  opacity:0.42 !important;
}

.growth-chart-line-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 66%, rgba(19,159,212,0.08), transparent 18%),
    radial-gradient(circle at 74% 26%, rgba(255,212,0,0.08), transparent 18%),
    linear-gradient(115deg, transparent 0%, transparent 42%, rgba(255,255,255,0.18) 48%, rgba(255,255,255,0.04) 54%, transparent 60%, transparent 100%);
  pointer-events:none;
  z-index:0;
}

.growth-chart-svg{
  z-index:1 !important;
}

.growth-area{
  fill:rgba(20,159,212,0.10) !important;
  filter:drop-shadow(0 14px 24px rgba(20,159,212,0.08));
}

.growth-line{
  stroke-width:12 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  filter:
    drop-shadow(0 0 18px rgba(50,189,240,0.28))
    drop-shadow(0 10px 18px rgba(20,159,212,0.18)) !important;
}

.growth-dot{
  stroke-width:9 !important;
  filter:
    drop-shadow(0 0 16px rgba(50,189,240,0.32))
    drop-shadow(0 8px 16px rgba(20,159,212,0.20)) !important;
}

.growth-step{
  border-radius:28px !important;
  padding:24px 22px !important;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 22px 40px rgba(8,115,163,0.18),
    0 10px 0 rgba(4,70,110,0.16),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  overflow:hidden !important;
}

.growth-step::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.growth-step > *{
  position:relative;
  z-index:2;
}

.growth-step-number{
  min-height:38px !important;
  padding:10px 13px !important;
  font-size:0.82rem !important;
  margin-bottom:16px !important;
  background:rgba(255,212,0,0.14) !important;
  border:1px solid rgba(255,212,0,0.28) !important;
  color:#fff1a8 !important;
  box-shadow:0 0 14px rgba(255,212,0,0.10) !important;
}

.growth-step h3{
  font-size:1.25rem !important;
  margin-bottom:10px !important;
}

.growth-step p{
  line-height:1.72 !important;
}

.growth-step:hover{
  transform:translateY(-8px) scale(1.01) !important;
  box-shadow:
    0 26px 46px rgba(8,115,163,0.22),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

.growth-step-1{
  left:62px !important;
  top:220px !important;
}

.growth-step-2{
  left:428px !important;
  top:124px !important;
}

.growth-step-3{
  right:46px !important;
  top:52px !important;
}

@media (max-width:1080px){
  .growth-step-1{
    left:22px !important;
    top:210px !important;
  }

  .growth-step-2{
    left:22px !important;
    top:390px !important;
  }

  .growth-step-3{
    left:22px !important;
    right:auto !important;
    top:570px !important;
  }
}

/* ===== PARCEIROS BLOCO 3 | BIGGER + 3D + FLOAT ===== */
.growth-step-number{
  display:none !important;
}

.growth-chart-line-wrap{
  min-height:620px !important;
  padding:40px 28px 30px !important;
}

.growth-line{
  stroke-width:14 !important;
  filter:
    drop-shadow(0 0 22px rgba(50,189,240,0.34))
    drop-shadow(0 12px 22px rgba(20,159,212,0.20)) !important;
}

.growth-dot{
  stroke-width:10 !important;
  filter:
    drop-shadow(0 0 18px rgba(50,189,240,0.34))
    drop-shadow(0 10px 18px rgba(20,159,212,0.22)) !important;
}

.growth-step{
  width:320px !important;
  border-radius:30px !important;
  padding:28px 24px !important;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 26px 46px rgba(8,115,163,0.20),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  transform:translateY(20px);
  opacity:0;
  animation:growthCardRise 0.7s ease forwards, growthFloatStrong 4.4s ease-in-out infinite !important;
}

.growth-step::after{
  content:"";
  position:absolute;
  top:10px;
  right:10px;
  width:90px;
  height:90px;
  border-radius:50%;
  background:radial-gradient(circle, rgba(255,255,255,0.14) 0%, rgba(255,255,255,0.04) 40%, transparent 70%);
  pointer-events:none;
  z-index:0;
}

.growth-step h3{
  font-size:1.42rem !important;
  line-height:1.08 !important;
  margin-bottom:12px !important;
}

.growth-step p{
  font-size:1rem !important;
  line-height:1.72 !important;
}

.growth-step-1{
  left:38px !important;
  top:248px !important;
  animation-delay:0.45s, 0s !important;
}

.growth-step-2{
  left:360px !important;
  top:128px !important;
  animation-delay:1s, 0.4s !important;
}

.growth-step-3{
  right:24px !important;
  top:34px !important;
  animation-delay:1.55s, 0.8s !important;
}

.growth-step:hover{
  transform:translateY(-12px) scale(1.02) !important;
  box-shadow:
    0 30px 50px rgba(8,115,163,0.24),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

@keyframes growthFloatStrong{
  0%{
    transform:translateY(0px);
  }
  20%{
    transform:translateY(-7px);
  }
  50%{
    transform:translateY(-16px);
  }
  75%{
    transform:translateY(-8px);
  }
  100%{
    transform:translateY(0px);
  }
}

@media (max-width:1080px){
  .growth-chart-line-wrap{
    min-height:860px !important;
  }

  .growth-step{
    width:calc(100% - 44px) !important;
  }

  .growth-step-1{
    left:22px !important;
    top:230px !important;
  }

  .growth-step-2{
    left:22px !important;
    top:450px !important;
  }

  .growth-step-3{
    left:22px !important;
    right:auto !important;
    top:670px !important;
  }
}

@media (max-width:760px){
  .growth-chart-line-wrap{
    min-height:860px !important;
  }

  .growth-step{
    width:calc(100% - 32px) !important;
    padding:22px 18px !important;
  }

  .growth-step h3{
    font-size:1.18rem !important;
  }

  .growth-step p{
    font-size:0.94rem !important;
  }
}

/* ===== PARCEIROS BLOCO 3 | AJUSTE FINO CARD 2 ===== */
.growth-step-2{
  left:390px !important;
}

/* ===== PARCEIROS BLOCO 3 | CARD 2 MAIS AO CENTRO ===== */
.growth-step-2{
  left:450px !important;
}

/* ===== PARCEIROS BLOCO 3 | CARDS 3D MAIS FORTE ===== */
.growth-step{
  transform:perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(20px) !important;
  box-shadow:
    0 30px 52px rgba(8,115,163,0.24),
    0 14px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14),
    inset 0 -1px 0 rgba(255,255,255,0.04) !important;
}

.growth-step::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:1;
}

.growth-step > *{
  position:relative;
  z-index:2;
}

.growth-step:hover{
  transform:perspective(1400px) rotateX(6deg) rotateY(-6deg) translateY(-12px) scale(1.02) !important;
  box-shadow:
    0 34px 58px rgba(8,115,163,0.28),
    0 16px 0 rgba(4,70,110,0.20),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

.growth-step h3{
  text-shadow:0 10px 22px rgba(0,0,0,0.12) !important;
}

.growth-step p{
  text-shadow:0 6px 14px rgba(0,0,0,0.08) !important;
}

@media (max-width:760px){
  .growth-step:hover{
    transform:translateY(-6px) scale(1.01) !important;
  }
}

/* ===== PARCEIROS BLOCO 3 | FLOAT NOS 3 CARDS ===== */
.growth-step{
  animation: growthCardRise 0.7s ease forwards, growthFloatLoop 4.6s ease-in-out infinite !important;
}

.growth-step-1{
  animation-delay: 0.45s, 0s !important;
}

.growth-step-2{
  animation-delay: 1s, 0.45s !important;
}

.growth-step-3{
  animation-delay: 1.55s, 0.9s !important;
}

@keyframes growthFloatLoop{
  0%{
    transform:perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
  25%{
    transform:perspective(1400px) rotateX(1deg) rotateY(-1deg) translateY(-8px);
  }
  50%{
    transform:perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-16px);
  }
  75%{
    transform:perspective(1400px) rotateX(1deg) rotateY(-1deg) translateY(-7px);
  }
  100%{
    transform:perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px);
  }
}

/* ===== PARCEIROS BLOCO 3 | FLOAT REAL NOS CARDS ===== */
.growth-step{
  animation: none !important;
}

.growth-step-1{
  animation: growthFloatReal1 4.4s ease-in-out infinite !important;
}

.growth-step-2{
  animation: growthFloatReal2 4.8s ease-in-out infinite !important;
}

.growth-step-3{
  animation: growthFloatReal3 5.2s ease-in-out infinite !important;
}

@keyframes growthFloatReal1{
  0%   { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
  25%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-10px); }
  50%  { transform: perspective(1400px) rotateX(3deg) rotateY(-3deg) translateY(-18px); }
  75%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-8px); }
  100% { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
}

@keyframes growthFloatReal2{
  0%   { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
  25%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-12px); }
  50%  { transform: perspective(1400px) rotateX(3deg) rotateY(-3deg) translateY(-22px); }
  75%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-10px); }
  100% { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
}

@keyframes growthFloatReal3{
  0%   { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
  25%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-9px); }
  50%  { transform: perspective(1400px) rotateX(3deg) rotateY(-3deg) translateY(-17px); }
  75%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-7px); }
  100% { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
}

/* ===== PARCEIROS BLOCO 3 | VOLTA PARA CARDS ===== */
.parceiros-growth-chart,
.growth-chart-line-wrap,
.growth-chart-svg,
.growth-line,
.growth-area,
.growth-dot{
  all: unset !important;
}

.parceiros-growth-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:start !important;
}

.parceiro-growth-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  padding:28px 24px !important;
  background:linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 24px 42px rgba(8,115,163,0.20),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  color:#ffffff !important;
}

.parceiro-growth-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.parceiro-growth-card > *{
  position:relative;
  z-index:2;
}

.parceiro-growth-card h3{
  color:#ffffff !important;
  font-size:1.3rem !important;
  margin-bottom:12px !important;
  text-shadow:0 10px 22px rgba(0,0,0,0.12) !important;
}

.parceiro-growth-card p{
  color:rgba(255,255,255,0.92) !important;
  line-height:1.72 !important;
  text-shadow:0 6px 14px rgba(0,0,0,0.08) !important;
}

.growth-step{
  transform:perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px);
}

.growth-step-1{
  animation:growthFloatReal1 4.4s ease-in-out infinite !important;
}

.growth-step-2{
  animation:growthFloatReal2 4.8s ease-in-out infinite !important;
}

.growth-step-3{
  animation:growthFloatReal3 5.2s ease-in-out infinite !important;
}

.growth-step:hover{
  transform:perspective(1400px) rotateX(6deg) rotateY(-6deg) translateY(-12px) scale(1.02) !important;
  transition:transform 0.28s ease, box-shadow 0.28s ease !important;
  box-shadow:
    0 30px 50px rgba(8,115,163,0.24),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.16) !important;
}

@media (max-width:1080px){
  .parceiros-growth-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .parceiros-growth-grid{
    grid-template-columns:1fr !important;
  }

  .growth-step:hover{
    transform:translateY(-6px) scale(1.01) !important;
  }
}

/* ===== PARCEIROS BLOCO 3 | FORCE CARDS VISÍVEIS ===== */
.parceiros-growth-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:22px !important;
  align-items:start !important;
  margin-top:18px !important;
}

.parceiro-growth-card{
  display:block !important;
  visibility:visible !important;
  opacity:1 !important;
  min-height:220px !important;
  position:relative !important;
  overflow:hidden !important;
  border-radius:28px !important;
  padding:28px 24px !important;
  background:linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 24px 42px rgba(8,115,163,0.20),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  color:#ffffff !important;
}

.parceiro-growth-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.10), transparent 18%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.parceiro-growth-card > *{
  position:relative !important;
  z-index:2 !important;
}

.parceiro-growth-card h3{
  display:block !important;
  color:#ffffff !important;
  font-size:1.3rem !important;
  margin:0 0 12px 0 !important;
  text-shadow:0 10px 22px rgba(0,0,0,0.12) !important;
}

.parceiro-growth-card p{
  display:block !important;
  color:rgba(255,255,255,0.92) !important;
  line-height:1.72 !important;
  margin:0 !important;
  text-shadow:0 6px 14px rgba(0,0,0,0.08) !important;
}

.growth-step{
  transform:perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px) !important;
}

.growth-step-1{
  animation:growthFloatReal1 4.4s ease-in-out infinite !important;
}

.growth-step-2{
  animation:growthFloatReal2 4.8s ease-in-out infinite !important;
}

.growth-step-3{
  animation:growthFloatReal3 5.2s ease-in-out infinite !important;
}

.growth-step:hover{
  transform:perspective(1400px) rotateX(6deg) rotateY(-6deg) translateY(-12px) scale(1.02) !important;
  transition:transform 0.28s ease, box-shadow 0.28s ease !important;
}

@media (max-width:1080px){
  .parceiros-growth-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .parceiros-growth-grid{
    grid-template-columns:1fr !important;
  }

  .growth-step:hover{
    transform:translateY(-6px) scale(1.01) !important;
  }
}

/* ===== RESTORE BLOCO 3 PARCEIROS ===== */
.parceiros-growth-grid,
.parceiro-growth-card{
  all: unset !important;
}

.parceiros-growth-chart{
  position:relative;
  margin-top:12px;
}

.growth-chart-line-wrap{
  position:relative;
  min-height:620px;
  border-radius:34px;
  overflow:hidden;
  padding:40px 28px 30px;
  background:
    radial-gradient(circle at 12% 16%, rgba(19,159,212,0.10) 0%, transparent 18%),
    radial-gradient(circle at 88% 18%, rgba(255,212,0,0.10) 0%, transparent 18%),
    linear-gradient(145deg, #f7fbfe 0%, #eef6fb 58%, #f9f3dc 100%);
  border:1px solid rgba(8,115,163,0.10);
  box-shadow:
    0 24px 46px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90);
}

.growth-chart-line-wrap::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(rgba(20,159,212,0.06) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,159,212,0.06) 1px, transparent 1px);
  background-size:72px 72px;
  opacity:0.42;
  pointer-events:none;
  z-index:0;
}

.growth-chart-line-wrap::after{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 66%, rgba(19,159,212,0.08), transparent 18%),
    radial-gradient(circle at 74% 26%, rgba(255,212,0,0.08), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.growth-chart-svg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  z-index:1;
}

.growth-area{
  fill:rgba(20,159,212,0.10);
}

.growth-line{
  fill:none;
  stroke:url(#growthLineGradientRestore);
  stroke-width:14;
  stroke-linecap:round;
  stroke-linejoin:round;
  filter:
    drop-shadow(0 0 22px rgba(50,189,240,0.34))
    drop-shadow(0 12px 22px rgba(20,159,212,0.20));
}

.growth-dot{
  fill:#ffffff;
  stroke:#149fd4;
  stroke-width:10;
  filter:
    drop-shadow(0 0 18px rgba(50,189,240,0.34))
    drop-shadow(0 10px 18px rgba(20,159,212,0.22));
}

.growth-dot-3{
  stroke:#d9a900;
}

.growth-step{
  position:absolute;
  width:320px;
  border-radius:30px;
  padding:28px 24px;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%);
  border:1px solid rgba(255,255,255,0.16);
  box-shadow:
    0 26px 46px rgba(8,115,163,0.20),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14);
  overflow:hidden;
  z-index:3;
}

.growth-step::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:1;
}

.growth-step > *{
  position:relative;
  z-index:2;
}

.growth-step h3{
  color:#ffffff;
  font-size:1.42rem;
  line-height:1.08;
  margin-bottom:12px;
  text-shadow:0 10px 22px rgba(0,0,0,0.12);
}

.growth-step p{
  color:rgba(255,255,255,0.92);
  font-size:1rem;
  line-height:1.72;
  text-shadow:0 6px 14px rgba(0,0,0,0.08);
}

.growth-step-1{
  left:38px;
  top:248px;
  animation:growthFloatReal1 4.4s ease-in-out infinite;
}

.growth-step-2{
  left:450px;
  top:128px;
  animation:growthFloatReal2 4.8s ease-in-out infinite;
}

.growth-step-3{
  right:24px;
  top:34px;
  animation:growthFloatReal3 5.2s ease-in-out infinite;
}

.growth-step:hover{
  transform:perspective(1400px) rotateX(6deg) rotateY(-6deg) translateY(-12px) scale(1.02);
  transition:transform 0.28s ease, box-shadow 0.28s ease;
  box-shadow:
    0 30px 50px rgba(8,115,163,0.24),
    0 12px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.16);
}

@keyframes growthFloatReal1{
  0%   { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
  25%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-10px); }
  50%  { transform: perspective(1400px) rotateX(3deg) rotateY(-3deg) translateY(-18px); }
  75%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-8px); }
  100% { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
}

@keyframes growthFloatReal2{
  0%   { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
  25%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-12px); }
  50%  { transform: perspective(1400px) rotateX(3deg) rotateY(-3deg) translateY(-22px); }
  75%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-10px); }
  100% { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
}

@keyframes growthFloatReal3{
  0%   { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
  25%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-9px); }
  50%  { transform: perspective(1400px) rotateX(3deg) rotateY(-3deg) translateY(-17px); }
  75%  { transform: perspective(1400px) rotateX(2deg) rotateY(-2deg) translateY(-7px); }
  100% { transform: perspective(1400px) rotateX(0deg) rotateY(0deg) translateY(0px); }
}

@media (max-width:1080px){
  .growth-chart-line-wrap{
    min-height:860px;
  }

  .growth-step{
    width:calc(100% - 44px);
  }

  .growth-step-1{
    left:22px;
    top:230px;
  }

  .growth-step-2{
    left:22px;
    top:450px;
  }

  .growth-step-3{
    left:22px;
    right:auto;
    top:670px;
  }
}

@media (max-width:760px){
  .growth-chart-line-wrap{
    min-height:860px;
  }

  .growth-step{
    width:calc(100% - 32px);
    padding:22px 18px;
  }

  .growth-step h3{
    font-size:1.18rem;
  }

  .growth-step p{
    font-size:0.94rem;
  }

  .growth-step:hover{
    transform:translateY(-6px) scale(1.01);
  }
}

/* ===== RESET TOTAL BLOCO 3 PARCEIROS ===== */
.parceiros-growth-chart,
.growth-chart-line-wrap,
.growth-chart-svg,
.growth-line,
.growth-area,
.growth-dot,
.growth-step,
.growth-step-1,
.growth-step-2,
.growth-step-3{
  all: unset !important;
}

.reset-growth-grid{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0,1fr)) !important;
  gap:18px !important;
}

.reset-growth-card{
  position:relative !important;
  overflow:hidden !important;
  border-radius:26px !important;
  padding:26px 24px !important;
  background:
    linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 22px 40px rgba(8,115,163,0.18),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  color:#ffffff !important;
}

.reset-growth-card::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 18% 18%, rgba(255,255,255,0.10), transparent 18%);
  pointer-events:none;
  z-index:0;
}

.reset-growth-card > *{
  position:relative;
  z-index:2;
}

.reset-growth-card h3{
  color:#ffffff !important;
  font-size:1.14rem !important;
  margin:0 0 10px 0 !important;
}

.reset-growth-card p{
  color:rgba(255,255,255,0.90) !important;
  line-height:1.72 !important;
  margin:0 !important;
}

@media (max-width:1080px){
  .reset-growth-grid{
    grid-template-columns:repeat(2, minmax(0,1fr)) !important;
  }
}

@media (max-width:760px){
  .reset-growth-grid{
    grid-template-columns:1fr !important;
  }
}

/* ===== PARCEIROS BLOCO 3 | LINHA + CARDS ===== */
.parceiros-growth-chart-simple{
  margin-top:16px !important;
}

.growth-line-board{
  position:relative !important;
  min-height:470px !important;
  border-radius:30px !important;
  overflow:hidden !important;
  padding:28px !important;
  background:
    radial-gradient(circle at 14% 18%, rgba(19,159,212,0.08) 0%, transparent 18%),
    radial-gradient(circle at 86% 18%, rgba(255,212,0,0.08) 0%, transparent 18%),
    linear-gradient(145deg, #f7fbfe 0%, #eef6fb 58%, #f9f3dc 100%) !important;
  border:1px solid rgba(8,115,163,0.10) !important;
  box-shadow:
    0 24px 46px rgba(8,115,163,0.10),
    inset 0 1px 0 rgba(255,255,255,0.90) !important;
}

.growth-line-board::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(rgba(20,159,212,0.05) 1px, transparent 1px),
    linear-gradient(90deg, rgba(20,159,212,0.05) 1px, transparent 1px) !important;
  background-size:72px 72px !important;
  opacity:0.42 !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.growth-line-svg{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  z-index:1 !important;
}

.growth-line-simple{
  fill:none !important;
  stroke:url(#growthLineSimple) !important;
  stroke-width:14 !important;
  stroke-linecap:round !important;
  stroke-linejoin:round !important;
  filter:
    drop-shadow(0 0 18px rgba(50,189,240,0.28))
    drop-shadow(0 10px 18px rgba(20,159,212,0.18)) !important;
}

.growth-line-dot{
  fill:#ffffff !important;
  stroke:#149fd4 !important;
  stroke-width:8 !important;
  filter:drop-shadow(0 8px 16px rgba(20,159,212,0.20)) !important;
}

.growth-line-dot-last{
  stroke:#d9a900 !important;
}

.line-growth-card{
  position:absolute !important;
  width:290px !important;
  border-radius:26px !important;
  padding:24px 22px !important;
  background:linear-gradient(145deg, #149fd4 0%, #0d85bb 48%, #06679a 100%) !important;
  border:1px solid rgba(255,255,255,0.16) !important;
  box-shadow:
    0 22px 40px rgba(8,115,163,0.18),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
  color:#ffffff !important;
  overflow:hidden !important;
  z-index:3 !important;
}

.line-growth-card::before{
  content:"" !important;
  position:absolute !important;
  inset:0 !important;
  background:
    linear-gradient(135deg, rgba(255,255,255,0.16), transparent 28%, transparent 72%, rgba(255,255,255,0.05)),
    radial-gradient(circle at 82% 18%, rgba(255,255,255,0.10), transparent 18%) !important;
  pointer-events:none !important;
  z-index:0 !important;
}

.line-growth-card > *{
  position:relative !important;
  z-index:2 !important;
}

.line-growth-card h3{
  color:#ffffff !important;
  font-size:1.24rem !important;
  margin:0 0 10px 0 !important;
}

.line-growth-card p{
  color:rgba(255,255,255,0.92) !important;
  line-height:1.72 !important;
  margin:0 !important;
}

.line-growth-card-1{
  left:44px !important;
  top:208px !important;
}

.line-growth-card-2{
  left:410px !important;
  top:118px !important;
}

.line-growth-card-3{
  right:34px !important;
  top:54px !important;
}

.line-growth-card:hover{
  transform:translateY(-8px) !important;
  transition:transform 0.28s ease, box-shadow 0.28s ease !important;
  box-shadow:
    0 26px 44px rgba(8,115,163,0.22),
    0 10px 0 rgba(4,70,110,0.18),
    inset 0 1px 0 rgba(255,255,255,0.14) !important;
}

@media (max-width:1080px){
  .growth-line-board{
    min-height:760px !important;
  }

  .line-growth-card{
    width:calc(100% - 44px) !important;
  }

  .line-growth-card-1{
    left:22px !important;
    top:210px !important;
  }

  .line-growth-card-2{
    left:22px !important;
    top:390px !important;
  }

  .line-growth-card-3{
    left:22px !important;
    right:auto !important;
    top:570px !important;
  }
}

@media (max-width:760px){
  .growth-line-board{
    min-height:760px !important;
    padding:20px !important;
  }

  .line-growth-card{
    width:calc(100% - 24px) !important;
    padding:20px 18px !important;
  }
}

/* ===== PARCEIROS BLOCO 3 | FLOAT NOS 3 CARDS ===== */
.line-growth-card{
  animation:lineCardFloatBase 4.8s ease-in-out infinite !important;
}

.line-growth-card-1{
  animation-delay:0s !important;
}

.line-growth-card-2{
  animation-delay:0.45s !important;
}

.line-growth-card-3{
  animation-delay:0.9s !important;
}

@keyframes lineCardFloatBase{
  0%{
    transform:translateY(0px);
  }
  25%{
    transform:translateY(-8px);
  }
  50%{
    transform:translateY(-16px);
  }
  75%{
    transform:translateY(-7px);
  }
  100%{
    transform:translateY(0px);
  }
}