*{box-sizing:border-box;margin:0;padding:0}
:root{--green:#8dc600;--green2:#4d8f18;--dark:#07100c;--dark2:#0d1913;--text:#15221b;--muted:#657068;--white:#fff}
html{scroll-behavior:smooth}
body{font-family:Inter,Arial,sans-serif;color:var(--text);background:#f4f6f4;overflow-x:hidden}
h1,h2,h3,.btn,.plan-top,.speed,.price{font-family:"Exo 2",sans-serif}
.container{width:min(1180px,calc(100% - 40px));margin:auto}
.header{height:88px;background:rgba(4,12,8,.96);position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(141,198,0,.15);backdrop-filter:blur(15px)}
.nav{height:100%;display:flex;align-items:center;gap:32px}
.brand img{width:190px;height:68px;object-fit:contain;filter:drop-shadow(0 0 8px rgba(141,198,0,.15))}
nav{margin-left:auto;display:flex;gap:26px}
nav a{color:#dfe6df;text-decoration:none;font-size:.9rem;font-weight:600;transition:.2s}
nav a:hover{color:var(--green)}
.nav-whatsapp{background:var(--green);color:#081007;text-decoration:none;padding:13px 18px;border-radius:8px;font-weight:800;font-size:.86rem}
.menu-btn{display:none;background:none;border:0;color:white;font-size:28px}
.hero{min-height:650px;background:radial-gradient(circle at 72% 35%,rgba(96,150,26,.28),transparent 28%),linear-gradient(135deg,#06110b,#0b2115 60%,#07100c);color:white;position:relative;overflow:hidden}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(141,198,0,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(141,198,0,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent)}
.hero-content{min-height:650px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:70px;position:relative;z-index:2}
.eyebrow{font-size:.78rem;letter-spacing:2px;font-weight:800;color:#b6d96c;display:flex;align-items:center;gap:10px;margin-bottom:16px}.eyebrow span{width:36px;height:2px;background:var(--green);display:block}.eyebrow.dark{color:#537b1e}
.hero h1{font-size:clamp(3rem,6vw,5.6rem);line-height:.94;letter-spacing:-2px;max-width:780px;font-weight:800}.hero h1 strong,.plans-title strong{color:var(--green)}
.hero-copy>p{font-size:1.08rem;line-height:1.7;color:#b7c3ba;max-width:630px;margin:25px 0 30px}
.hero-actions{display:flex;flex-wrap:wrap;gap:14px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 22px;text-decoration:none;border-radius:8px;font-weight:800;transition:.25s}
.btn-primary{background:var(--green);color:#07100b;box-shadow:0 12px 30px rgba(141,198,0,.18)}.btn-primary:hover{transform:translateY(-2px);background:#a7df10}
.btn-outline{border:1px solid rgba(255,255,255,.25);color:white;background:rgba(255,255,255,.04)}.btn-outline:hover{border-color:var(--green)}
.hero-trust{display:flex;gap:30px;margin-top:42px;border-top:1px solid rgba(255,255,255,.1);padding-top:24px}.hero-trust div{display:flex;gap:10px;font-size:.78rem;color:#aeb9b1}.hero-trust b{font-size:1.25rem;color:var(--green)}.hero-trust strong{color:white;font-size:.82rem}
.hero-card{height:440px;border:1px solid rgba(141,198,0,.4);border-radius:24px;background:linear-gradient(145deg,rgba(20,47,30,.9),rgba(3,10,6,.82));box-shadow:0 30px 70px rgba(0,0,0,.4),inset 0 0 60px rgba(141,198,0,.05);padding:42px;position:relative;overflow:hidden}
.signal-icon{position:absolute;right:30px;top:15px;font-size:8rem;color:rgba(141,198,0,.12);transform:rotate(-20deg)}.card-label{color:#9bcf28;font-size:.8rem;font-weight:800;letter-spacing:3px;margin-bottom:50px}.hero-card h2{font-size:3rem;line-height:1;font-weight:800;position:relative}.hero-card h2 span{color:var(--green)}.hero-card p{position:absolute;bottom:30px;color:#b7c3ba;font-size:.85rem}
.fiber-lines{position:absolute;right:-50px;bottom:100px;display:flex;gap:8px;transform:rotate(-18deg)}.fiber-lines i{width:150px;height:2px;background:linear-gradient(90deg,transparent,var(--green),white);display:block;box-shadow:0 0 10px var(--green)}
.stats{background:#09130d;color:white}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stats-grid div{padding:24px;border-right:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:5px}.stats-grid strong{font-family:"Exo 2";font-size:1rem;color:#dce9d8}.stats-grid span{font-size:.75rem;color:#819087}
.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head h2,.why h2,.plans-title h2{font-size:clamp(2.4rem,4vw,4rem);line-height:1;font-weight:800}.section-head em,.why em,.contact em{color:var(--green2);font-style:normal}.section-head>p{max-width:370px;color:var(--muted);line-height:1.7}
.solutions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.solution-card{background:white;border:1px solid #dfe5df;border-radius:16px;padding:35px;min-height:320px;display:flex;flex-direction:column;transition:.25s}.solution-card:hover{transform:translateY(-7px);box-shadow:0 22px 45px rgba(20,50,25,.1)}.solution-card.featured{background:linear-gradient(145deg,#0a2014,#12351e);color:white;border-color:#24552d}.solution-icon{font-size:2.5rem;color:var(--green2);margin-bottom:28px}.featured .solution-icon{color:var(--green)}.tag{font-size:.68rem;letter-spacing:1.5px;font-weight:800;color:#6d8b54;margin-bottom:10px}.solution-card h3{font-size:1.7rem;margin-bottom:15px}.solution-card p{line-height:1.7;color:#68736c;font-size:.92rem}.featured p{color:#b9c8bd}.solution-card a{margin-top:auto;padding-top:25px;color:var(--green2);font-weight:800;text-decoration:none}
.plans-section{padding:100px 0;background:linear-gradient(145deg,#06100a,#0c1d12);color:white}.plans-title{text-align:center}.plans-title h2{margin:12px 0}.plans-title p{color:#9ba99f}.plans-title .eyebrow{justify-content:center}
.plan-tabs{display:flex;justify-content:center;gap:10px;margin:40px 0 30px;flex-wrap:wrap}.tab{background:transparent;color:#b6c2b8;border:1px solid rgba(255,255,255,.13);padding:13px 20px;border-radius:7px;font-family:Inter;font-weight:700;cursor:pointer}.tab.active{background:var(--green);color:#07100b;border-color:var(--green)}
.plans-group{display:none}.plans-group.active{display:block}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.plan-grid.two{grid-template-columns:repeat(2,1fr);max-width:780px;margin:auto}.plan-card{background:linear-gradient(180deg,#112018,#09120d);border:1px solid rgba(141,198,0,.25);border-radius:16px;padding:30px;position:relative;overflow:hidden;min-height:470px;display:flex;flex-direction:column}.plan-card.popular{border-color:var(--green);box-shadow:0 15px 45px rgba(141,198,0,.12)}.popular-badge{position:absolute;right:0;top:0;background:var(--green);color:#07100b;font-weight:900;font-size:.65rem;padding:9px 14px;border-radius:0 0 0 10px}.plan-top{font-size:.95rem;letter-spacing:1px;color:#c7d7ca}.plan-top span{color:var(--green);margin-right:6px}.speed{margin:25px 0 10px;display:flex;align-items:end;gap:8px}.speed strong{font-size:5rem;line-height:.8;font-weight:900;color:white}.speed span{font-size:1.3rem;font-weight:800;color:var(--green);padding-bottom:7px}.ideal{color:#a9b7ad;font-size:.88rem;min-height:42px}.plan-card ul{list-style:none;margin:18px 0 25px;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.plan-card li{font-size:.88rem;color:#c7d2c9;padding:6px 0}.price{margin-top:auto;background:linear-gradient(100deg,#173315,#6d9704);padding:18px;border-radius:10px;color:white;display:flex;align-items:baseline;gap:5px}.price small{font-size:1.3rem;font-weight:800}.price strong{font-size:2.8rem;line-height:1}.price span{font-size:.7rem;font-weight:700}.plan-card>a{margin-top:15px;text-align:center;background:white;color:#0a130d;text-decoration:none;padding:14px;border-radius:7px;font-weight:800}.premium .price{background:linear-gradient(100deg,#12334c,#075b78)}
.why{padding:100px 0;background:#f7f9f7}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.why p{color:#67736a;line-height:1.8;margin:25px 0}.benefits{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.benefits>div{background:white;padding:25px;border-radius:14px;border:1px solid #e0e7e0}.benefits b{font-size:2rem;color:var(--green2)}.benefits h3{font-size:1.05rem;margin:14px 0 7px}.benefits p{font-size:.82rem;margin:0}
.coverage{padding:0 0 100px;background:#f7f9f7}.coverage-box{background:linear-gradient(100deg,#0a2114,#102f1b);color:white;border-radius:18px;padding:35px 45px;display:flex;align-items:center;gap:25px;border:1px solid rgba(141,198,0,.25)}.coverage-icon{font-size:2.8rem}.coverage-box span{font-size:.68rem;letter-spacing:2px;color:#a7c97d;font-weight:800}.coverage-box h2{font-family:"Exo 2";font-size:2rem}.coverage-box h2 strong{color:var(--green)}.coverage-box p{font-size:.82rem;color:#aebbb1;margin-top:5px}.coverage-box .btn{margin-left:auto;white-space:nowrap}
.contact{background:#07100b;color:white;padding:75px 0}.contact-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:50px;align-items:center}.footer-logo{width:220px;height:75px;object-fit:contain;object-position:left;margin-bottom:15px}.contact h2{font-size:3rem;line-height:1}.contact p{color:#9cac9f;line-height:1.7;margin-top:15px;max-width:550px}.contact-card{border-left:3px solid var(--green);padding:22px 30px;background:rgba(255,255,255,.04);border-radius:0 12px 12px 0}.contact-card span{font-size:.7rem;color:#9cbd5d;letter-spacing:2px;font-weight:800}.contact-card h3{font-size:1.8rem;margin:12px 0}.contact-card a{color:var(--green);font-weight:800;text-decoration:none}
footer{background:#040a06;color:#7f8c82;font-size:.75rem}.footer-inner{padding:22px 0;display:flex;justify-content:space-between;gap:20px}
.floating-whatsapp{position:fixed;right:22px;bottom:22px;width:58px;height:58px;background:#28c76f;color:white;border-radius:50%;display:grid;place-items:center;text-decoration:none;font-size:1.6rem;box-shadow:0 10px 25px rgba(0,0,0,.3);z-index:20}
@media(max-width:900px){nav{display:none;position:absolute;top:88px;left:0;right:0;background:#08100b;padding:20px;flex-direction:column}.nav-whatsapp{display:none}.menu-btn{display:block;margin-left:auto}nav.open{display:flex}.hero-content{grid-template-columns:1fr;padding:80px 0}.hero-card{display:none}.hero{min-height:auto}.hero-trust{flex-wrap:wrap}.stats-grid{grid-template-columns:repeat(2,1fr)}.section-head,.why-grid,.contact-grid{grid-template-columns:1fr;display:grid}.solutions-grid,.plan-grid{grid-template-columns:1fr}.plan-grid.two{grid-template-columns:1fr}.coverage-box{flex-wrap:wrap}.coverage-box .btn{margin-left:0}.why-grid{gap:40px}.contact-grid{gap:35px}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.brand img{width:150px}.header{height:75px}.nav{gap:10px}.hero-content{padding:70px 0}.hero h1{font-size:3.1rem}.hero-trust{gap:15px}.hero-trust div{width:45%}.stats-grid{grid-template-columns:1fr}.section,.plans-section,.why{padding:70px 0}.solutions-grid{gap:14px}.section-head{gap:18px}.coverage{padding-bottom:70px}.coverage-box{padding:28px}.footer-inner{flex-direction:column}.contact h2{font-size:2.4rem}.speed strong{font-size:4.3rem}}


/* Material oficial dos planos */
.plan-presentation{display:grid;grid-template-columns:330px 1fr;gap:28px;align-items:center;margin-top:10px}
.plan-info{background:linear-gradient(145deg,#0d2015,#08120d);border:1px solid rgba(141,198,0,.28);border-radius:18px;padding:38px;min-height:420px;display:flex;flex-direction:column}
.plan-code{font-family:"Exo 2",sans-serif;color:var(--green);font-size:.82rem;letter-spacing:4px;font-weight:900;margin-bottom:16px}
.plan-info h3{font-size:2.25rem;line-height:1.05;margin-bottom:18px}.plan-info h3 strong{color:var(--green)}
.plan-info p{color:#aebbb1;line-height:1.7;font-size:.92rem}
.plan-info ul{list-style:none;margin:25px 0}.plan-info li{padding:7px 0;color:#d6dfd7;font-size:.88rem}
.plan-info .btn{margin-top:auto;width:100%}
.ready-plan-art{background:#030604;border:1px solid rgba(141,198,0,.35);border-radius:18px;padding:8px;overflow:hidden;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.ready-plan-art img{display:block;width:100%;height:auto;border-radius:11px}
.plans-note{margin:28px auto 0;max-width:850px;text-align:center;color:#93a198;font-size:.78rem;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.plans-note strong{color:var(--green)}
@media(max-width:900px){.plan-presentation{grid-template-columns:1fr}.plan-info{min-height:unset}.ready-plan-art{padding:5px}}


/* Nova identidade visual oficial da página inicial */
.hero-official-art{
  width:min(1400px, calc(100% - 32px));
  margin:28px auto 10px;
  position:relative;
  z-index:5;
}
.hero-official-art img{
  display:block;
  width:100%;
  height:auto;
  border-radius:18px;
  box-shadow:0 25px 70px rgba(0,0,0,.45);
}
.hero .hero-official-art{
  grid-column:1/-1;
}
@media(max-width:700px){
  .hero-official-art{
    width:calc(100% - 20px);
    margin:14px auto 4px;
  }
  .hero-official-art img{border-radius:10px}
}

/* Ajuste da identidade no topo */
.header{background:#08140e;}
.nav{justify-content:space-between;}
.brand{display:flex;align-items:center;background:transparent;padding:0;}
.brand img{width:225px;height:76px;object-fit:contain;background:transparent;filter:drop-shadow(0 0 10px rgba(141,198,0,.20));}
nav{margin-left:auto;}
@media(max-width:900px){
  .brand img{width:205px;height:70px;}
}
@media(max-width:560px){
  .brand img{width:180px;height:62px;}
}


/* =========================================================
   AJUSTE V5 — LOGO OFICIAL NO INÍCIO DA PÁGINA
   ========================================================= */
header,
.site-header,
.navbar {
  background: linear-gradient(90deg, #07150f 0%, #0a1c14 48%, #07120e 100%) !important;
  border-bottom: 1px solid rgba(141, 198, 0, .22);
}

header .brand,
.site-header .brand,
.navbar .brand,
header .logo,
.site-header .logo,
.navbar .logo {
  background: transparent !important;
  padding: 6px 10px !important;
  display: flex;
  align-items: center;
}

header .brand-logo,
.site-header .brand-logo,
.navbar .brand-logo,
header .brand img,
.site-header .brand img,
.navbar .brand img,
header .logo img,
.site-header .logo img,
.navbar .logo img {
  height: 68px !important;
  width: auto !important;
  max-width: 260px !important;
  object-fit: contain;
  display: block;
  background: transparent !important;
  filter: drop-shadow(0 5px 14px rgba(0,0,0,.45));
}

/* Remove qualquer caixa branca ou fundo claro que esteja atrás da logo */
header img,
.site-header img,
.navbar img {
  background-color: transparent !important;
}

@media (max-width: 760px) {
  header .brand-logo,
  .site-header .brand-logo,
  .navbar .brand-logo,
  header .brand img,
  .site-header .brand img,
  .navbar .brand img,
  header .logo img,
  .site-header .logo img,
  .navbar .logo img {
    height: 54px !important;
    max-width: 210px !important;
  }
}


/* =========================================================
   V6 — IMAGEM: PESSOAS CONECTADAS COM O FUTURO
   ========================================================= */
.future-hero-content{
  width:min(1320px, calc(100% - 48px));
  margin:32px auto 48px;
  display:grid;
  grid-template-columns:minmax(0, 1fr) minmax(420px, 1.05fr);
  align-items:center;
  gap:42px;
}

.future-text{
  position:relative;
  z-index:2;
}

.future-image{
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}

.future-image img{
  display:block;
  width:100%;
  max-width:680px;
  height:auto;
  object-fit:cover;
  border-radius:24px;
  border:1px solid rgba(151, 210, 22, .28);
  box-shadow:
    0 24px 70px rgba(0,0,0,.48),
    0 0 40px rgba(132, 198, 0, .08);
}

.future-image::before{
  content:"";
  position:absolute;
  inset:-12px;
  border-radius:32px;
  background:linear-gradient(135deg, rgba(132,198,0,.10), transparent 55%);
  filter:blur(14px);
  z-index:-1;
}

@media(max-width:900px){
  .future-hero-content{
    width:min(100% - 24px, 720px);
    grid-template-columns:1fr;
    gap:24px;
    margin:24px auto 34px;
  }

  .future-image{
    order:2;
  }

  .future-image img{
    border-radius:18px;
  }
}


/* =========================================================
   V7 — IMAGEM AO LADO DO TEXTO PRINCIPAL
   Substitui o quadro "Conectando você sem limites"
   ========================================================= */
.hero-future-image{
  position:relative;
  width:100%;
  min-height:440px;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  border-radius:26px;
  border:1px solid rgba(151, 210, 22, .26);
  background:linear-gradient(145deg, #071b12, #0b2a1a);
  box-shadow:0 28px 75px rgba(0,0,0,.45);
}

.hero-future-image img{
  width:100%;
  height:100%;
  min-height:440px;
  object-fit:cover;
  display:block;
}

/* Mantém a imagem harmonizada com a identidade escura e tecnológica */
.hero-future-image::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(135deg,
    rgba(3,18,12,.12) 0%,
    transparent 45%,
    rgba(125,190,0,.08) 100%);
}

@media(max-width:900px){
  .hero-future-image{
    min-height:320px;
    border-radius:20px;
    margin-top:10px;
  }

  .hero-future-image img{
    min-height:320px;
  }
}

@media(max-width:560px){
  .hero-future-image{
    min-height:240px;
  }

  .hero-future-image img{
    min-height:240px;
  }
}


/* =========================================================
   V8 — BANNER PRINCIPAL IGUAL AO EXEMPLO ENVIADO
   ========================================================= */
.future-banner{
  width:min(1320px, calc(100% - 48px));
  min-height:560px;
  margin:22px auto 42px;
  position:relative;
  overflow:hidden;
  border-radius:0;
  background:#06150f;
  border:1px solid rgba(132,198,0,.14);
  box-shadow:0 24px 60px rgba(0,0,0,.32);
}

.future-banner > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center;
}

.future-banner-overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,
      rgba(2,15,10,.96) 0%,
      rgba(2,15,10,.86) 28%,
      rgba(2,15,10,.35) 53%,
      rgba(2,15,10,.04) 74%),
    linear-gradient(0deg, rgba(2,13,9,.76) 0%, transparent 38%);
}

.future-banner-content{
  position:absolute;
  left:5%;
  top:50%;
  transform:translateY(-54%);
  width:min(46%, 530px);
  z-index:3;
}

.future-kicker{
  display:inline-block;
  margin-bottom:18px;
  font-size:13px;
  letter-spacing:5px;
  font-weight:800;
  color:#9ed600;
}

.future-banner-content h1{
  margin:0 0 22px;
  font-size:clamp(42px, 5vw, 76px);
  line-height:.98;
  font-weight:900;
  color:#f7f7f4;
  letter-spacing:-1.5px;
}

.future-banner-content h1 strong{
  color:#9bd400;
}

.future-banner-content p{
  max-width:480px;
  font-size:17px;
  line-height:1.6;
  color:#d0d7d3;
}

.future-banner-benefits{
  position:absolute;
  left:5%;
  right:5%;
  bottom:22px;
  min-height:88px;
  z-index:4;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  background:rgba(4,20,13,.88);
  border:1px solid rgba(150,210,20,.18);
  backdrop-filter:blur(6px);
}

.future-banner-benefits > div{
  padding:16px 18px;
  display:grid;
  grid-template-columns:40px 1fr;
  column-gap:10px;
  align-items:center;
  border-right:1px solid rgba(150,210,20,.14);
}

.future-banner-benefits > div:last-child{
  border-right:0;
}

.future-banner-benefits span{
  grid-row:1/3;
  color:#9bd400;
  font-size:30px;
}

.future-banner-benefits b{
  color:#f2f5f2;
  font-size:13px;
  letter-spacing:.3px;
}

.future-banner-benefits small{
  color:#aeb9b2;
  font-size:11px;
  line-height:1.35;
}

@media(max-width:900px){
  .future-banner{
    width:calc(100% - 24px);
    min-height:620px;
  }

  .future-banner > img{
    object-position:62% center;
  }

  .future-banner-overlay{
    background:
      linear-gradient(90deg, rgba(2,15,10,.94) 0%, rgba(2,15,10,.76) 58%, rgba(2,15,10,.18) 100%),
      linear-gradient(0deg, rgba(2,13,9,.9) 0%, transparent 50%);
  }

  .future-banner-content{
    width:62%;
    top:42%;
  }

  .future-banner-benefits{
    grid-template-columns:1fr 1fr;
    bottom:14px;
  }

  .future-banner-benefits > div:nth-child(2){
    border-right:0;
  }
}

@media(max-width:600px){
  .future-banner{
    min-height:680px;
    margin-top:10px;
  }

  .future-banner-content{
    left:7%;
    width:78%;
    top:37%;
    transform:none;
  }

  .future-banner-content h1{
    font-size:48px;
  }

  .future-banner-content p{
    font-size:15px;
  }

  .future-banner-benefits{
    left:4%;
    right:4%;
    grid-template-columns:1fr;
  }

  .future-banner-benefits > div{
    min-height:54px;
    padding:8px 12px;
    border-right:0;
    border-bottom:1px solid rgba(150,210,20,.12);
  }

  .future-banner-benefits > div:last-child{
    border-bottom:0;
  }
}


/* =========================================================
   V9 — IMAGEM COMO ÁREA SECUNDÁRIA HORIZONTAL DO SITE
   ========================================================= */
.secondary-image-banner{
  width:100%;
  height:clamp(360px, 42vw, 620px);
  margin:0;
  position:relative;
  overflow:hidden;
  background:#06140e;
  border-top:1px solid rgba(146,205,15,.16);
  border-bottom:1px solid rgba(146,205,15,.16);
}

.secondary-image-banner img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}

/* Integra a imagem ao tema tecnológico sem criar caixas laterais */
.secondary-image-banner::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(2,14,10,.18), transparent 35%, rgba(2,14,10,.10)),
    linear-gradient(0deg, rgba(2,14,10,.20), transparent 25%, rgba(2,14,10,.08));
}

@media(max-width:900px){
  .secondary-image-banner{
    height:clamp(300px, 58vw, 500px);
  }
}

@media(max-width:600px){
  .secondary-image-banner{
    height:260px;
  }

  .secondary-image-banner img{
    object-position:center center;
  }
}


/* Instagram HZI Telecom */
.social-section{
  padding:28px 20px;
  background:#07140e;
  border-top:1px solid rgba(150,220,20,.16);
  text-align:center;
}

.instagram-link{
  display:inline-flex;
  align-items:center;
  gap:10px;
  padding:12px 22px;
  border:1px solid rgba(160,220,25,.45);
  border-radius:10px;
  color:#fff;
  text-decoration:none;
  font-weight:700;
  transition:transform .2s ease, box-shadow .2s ease, background .2s ease;
}

.instagram-link:hover{
  transform:translateY(-2px);
  background:rgba(150,220,20,.10);
  box-shadow:0 0 20px rgba(150,220,20,.18);
}

.instagram-icon{
  color:#a8dc18;
  font-size:24px;
  line-height:1;
}

/* =========================================================
   PRÉVIA ATUAL — CABEÇALHO BRANCO + MENU ESCURO
   ========================================================= */
.header{
  height:108px;
  background:#ffffff !important;
  border-bottom:1px solid #e2e7e2 !important;
  box-shadow:0 4px 18px rgba(0,0,0,.08);
  backdrop-filter:none;
}
.header .nav{gap:26px;}
.header .brand{background:#fff !important;padding:0 !important;}
.header .brand-logo,
.header .brand img{
  height:98px !important;
  width:auto !important;
  max-width:330px !important;
  object-fit:contain !important;
  background:#fff !important;
  filter:none !important;
}
.header nav{gap:10px;align-items:center;}
.header nav a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:44px;
  padding:0 20px;
  border-radius:9px;
  background:#07130e;
  color:#fff !important;
  font-family:"Exo 2",sans-serif;
  font-size:.92rem;
  font-weight:800;
  text-decoration:none;
  border:1px solid #16271e;
  box-shadow:0 3px 8px rgba(0,0,0,.10);
  transition:transform .18s ease, background .18s ease, color .18s ease;
}
.header nav a:hover{
  background:#14251c;
  color:var(--green) !important;
  transform:translateY(-1px);
}
.header-links{display:flex;align-items:center;gap:9px;margin-left:8px;}
.header-links .quick-link{
  width:48px;height:48px;border-radius:12px;display:grid;place-items:center;
  background:#fff;border:1px solid #dfe7df;box-shadow:0 3px 10px rgba(0,0,0,.10);
  overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.header-links .quick-link img{width:100%;height:100%;object-fit:contain;display:block;}
.header-links .quick-link.client{background:#07130e;border-color:#8dc600;padding:4px;border-radius:50%;}
.header-links .quick-link.client img{object-fit:contain;border-radius:50%;}
.header-links .quick-link:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 15px rgba(0,0,0,.18);border-color:#8dc600;}
.header-social{display:flex;align-items:center;gap:10px;margin-left:8px;}
.header-social .social{
  width:48px;height:48px;border-radius:50%;
  display:grid;place-items:center;
  color:#fff;text-decoration:none;
  box-shadow:0 3px 10px rgba(0,0,0,.14);
  transition:transform .18s ease, box-shadow .18s ease;
}
.header-social .social svg{width:27px;height:27px;display:block;}
.header-social .social:hover{transform:translateY(-2px) scale(1.04);box-shadow:0 6px 15px rgba(0,0,0,.18);}

.header-social .instagram{background:linear-gradient(135deg,#833ab4,#fd1d1d 52%,#fcb045);}
.header-social .whatsapp{background:#20c66b;}
.updated-hero{width:100%;margin:0 !important;padding:0 !important;background:#07120d;overflow:hidden;}
.updated-hero img{display:block;width:100%;height:auto;border-radius:0 !important;box-shadow:none !important;}
@media(max-width:900px){
  .header{height:90px;}
  .header .brand-logo,.header .brand img{height:78px !important;max-width:270px !important;}
  .header-links,.header-social{display:none;}
  .header nav{gap:6px;}
  .header nav a{padding:0 12px;min-height:38px;font-size:.78rem;}
}
@media(max-width:560px){
  .header{height:72px;}
  .header .brand-logo,.header .brand img{height:58px !important;max-width:200px !important;}
  .header nav{display:none;}
  .header .menu-btn{color:#07130e;border-color:#07130e;}
}

/* =========================================================
   SOBRE NÓS — MISSÃO, VISÃO E VALORES
   ========================================================= */
.about{
  padding:105px 0 110px;
  background:
    radial-gradient(circle at 15% 15%, rgba(141,198,0,.07), transparent 30%),
    linear-gradient(180deg,#f7f9f7 0%,#eef3ef 100%);
  border-top:1px solid #e0e7e0;
}
.about-head{
  display:grid;
  grid-template-columns:1fr 420px;
  gap:60px;
  align-items:end;
  margin-bottom:46px;
}
.about-head h2{font-family:"Exo 2",sans-serif;font-size:clamp(2.4rem,4vw,4rem);line-height:1;font-weight:800;color:#15221b;margin-top:12px}
.about-head h2 em{color:var(--green2);font-style:normal}
.about-head>p{color:#657068;line-height:1.75;font-size:.96rem}
.about-mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin-bottom:58px}
.about-feature-card{
  position:relative;
  min-height:290px;
  padding:34px 36px 32px;
  border-radius:18px;
  background:linear-gradient(145deg,#0b2115,#07120d);
  color:#fff;
  border:1px solid rgba(141,198,0,.28);
  box-shadow:0 20px 45px rgba(0,0,0,.13);
  overflow:hidden;
}
.about-feature-card::after{content:"";position:absolute;right:-80px;bottom:-90px;width:230px;height:230px;border-radius:50%;background:radial-gradient(circle,rgba(141,198,0,.15),transparent 68%);pointer-events:none}
.about-label{font-family:"Exo 2",sans-serif;font-size:.72rem;letter-spacing:2.4px;color:#a8dc18;font-weight:900}
.about-icon{position:absolute;right:30px;top:28px;width:50px;height:50px;border:1px solid rgba(141,198,0,.4);border-radius:14px;display:grid;place-items:center;color:#a8dc18;font-size:1.45rem;background:rgba(141,198,0,.06)}
.about-feature-card h3{font-family:"Exo 2",sans-serif;font-size:1.75rem;margin:30px 0 14px;color:#fff}
.about-feature-card p{color:#c3d0c6;line-height:1.75;font-size:.92rem;max-width:640px}
.values-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:22px}
.values-head>p{color:#657068;font-size:.9rem}
.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.value-card{background:#fff;border:1px solid #dfe7df;border-radius:15px;padding:25px 23px;box-shadow:0 8px 25px rgba(10,30,18,.05);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.value-card:hover{transform:translateY(-3px);border-color:rgba(100,155,0,.38);box-shadow:0 14px 30px rgba(10,30,18,.09)}
.value-icon{font-size:1.7rem;line-height:1;margin-bottom:15px}
.value-card h3{font-family:"Exo 2",sans-serif;font-size:1.05rem;line-height:1.25;color:#18251e;margin-bottom:9px}
.value-card p{font-size:.82rem;color:#68746c;line-height:1.65}
.about-quote{margin-top:38px;padding:28px 34px;border-radius:16px;background:#08160f;border:1px solid rgba(141,198,0,.28);color:#fff;display:flex;flex-direction:column;gap:7px;text-align:center;box-shadow:0 15px 40px rgba(0,0,0,.12)}
.about-quote span{font-family:"Exo 2",sans-serif;color:#a8dc18;font-size:.78rem;letter-spacing:2px;font-weight:900}
.about-quote strong{font-family:"Exo 2",sans-serif;font-size:1.35rem;line-height:1.35}
@media(max-width:1000px){.values-grid{grid-template-columns:repeat(2,1fr)}.about-head{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:760px){.about{padding:75px 0}.about-head,.about-mission-grid{grid-template-columns:1fr}.about-head{gap:18px}.values-head{display:block}.values-head>p{margin-top:10px}.values-grid{grid-template-columns:1fr}.about-feature-card{min-height:unset}.about-quote{padding:25px 20px}.about-quote strong{font-size:1.1rem}}

/* =========================================================
   AJUSTE RESPONSIVO — IMAGEM PRINCIPAL
   Mantém toda a arte visível em diferentes tamanhos de monitor.
   ========================================================= */
.updated-hero{
  width:100% !important;
  max-width:none !important;
  margin:0 !important;
  padding:0 !important;
  background:#07120d !important;
  overflow:hidden !important;
  line-height:0;
}
.updated-hero img{
  display:block !important;
  width:100% !important;
  max-width:none !important;
  height:auto !important;
  aspect-ratio:1664 / 768;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:0 !important;
  box-shadow:none !important;
}

@media (max-width:900px){
  .updated-hero img{
    width:100% !important;
    height:auto !important;
    aspect-ratio:1664 / 768;
    object-fit:contain !important;
  }
}

/* AJUSTE FINAL — imagem principal menor e sem cortes em diferentes monitores */
.secondary-image-banner{
  width:100%;
  height:auto;
  min-height:0;
  margin:0;
  padding:22px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:#06140e;
}

.secondary-image-banner img{
  display:block;
  width:min(94%, 1600px);
  max-width:1600px;
  height:auto;
  object-fit:contain;
  object-position:center;
  border-radius:10px;
}

@media(max-width:900px){
  .secondary-image-banner{padding:16px 0;}
  .secondary-image-banner img{width:96%;}
}

@media(max-width:600px){
  .secondary-image-banner{padding:10px 0;}
  .secondary-image-banner img{width:100%; border-radius:6px;}
}