:root{--navy:#071b35;--navy2:#0b2d52;--blue:#087fce;--cyan:#25bce8;--red:#ef2939;--ink:#14243a;--muted:#68788d;--line:#e5ebf2;--soft:#f2f8fc;--white:#fff;--radius:22px;--shadow:0 20px 60px rgba(9,33,61,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.site-header{height:84px;display:flex;align-items:center;background:#fff;position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line)}.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:inline-flex;align-items:center;min-width:0}.brand-logo{display:block;width:210px;max-height:65px;height:auto;object-fit:contain;object-position:left center}.main-nav{display:flex;align-items:center;gap:31px;font-size:13px;font-weight:600;color:#45566c}.main-nav>a:not(.nav-cta):hover{color:var(--blue)}.nav-cta{background:var(--navy);color:#fff;border-radius:11px;padding:12px 17px;display:flex;gap:13px;align-items:center}.nav-cta span{color:var(--red);font-size:17px}.menu-toggle{display:none;border:0;background:transparent;padding:8px}.menu-toggle span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}
.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 48%,#103a68 0%,#0b2848 33%,#071b35 72%);color:white;min-height:590px;display:flex;align-items:center}.hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,transparent,#000)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px;position:relative;z-index:2;padding:62px 0 72px}.hero-copy{max-width:550px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:1.8px;font-weight:800;color:#8dbdff}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--red);box-shadow:0 0 0 4px #ef293922}h1,h2,p{margin-top:0}.hero h1{font-size:clamp(42px,5.3vw,66px);line-height:1.06;letter-spacing:-3px;margin:23px 0 20px;font-weight:800}.hero h1 span{color:var(--cyan)}.hero-copy>p{font-size:16px;line-height:1.8;color:#b8cce2;max-width:485px;margin-bottom:29px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;border:0;border-radius:11px;padding:14px 19px;font:700 13px Inter,sans-serif;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--blue);color:white;box-shadow:0 9px 24px #087fce33}.button-primary:hover{background:#066eb5}.button-ghost{border:1px solid #bed6ef47;color:#fff;background:#ffffff0a}.button-ghost:hover{background:#ffffff17}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:32px}.proof-icon{width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#25bce822;color:var(--cyan);font-weight:800}.hero-proof strong,.hero-proof small{display:block}.hero-proof strong{font-size:12px}.hero-proof small{font-size:10px;color:#8ea9c6;margin-top:2px}
.hero-art{height:425px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #5ba1ec29;border-radius:50%;transform:rotate(-22deg)}.orbit-a{width:390px;height:235px}.orbit-b{width:480px;height:295px}.orbit-c{width:560px;height:355px}.router{position:relative;z-index:2;width:280px;filter:drop-shadow(0 35px 25px #000);transform:perspective(700px) rotateX(7deg) rotateY(-8deg)}.router-top{height:28px;background:linear-gradient(#e4effb,#a9c6e2);border-radius:12px 12px 4px 4px;display:flex;align-items:center;justify-content:flex-end;gap:8px;padding:0 20px}.router-light{width:5px;height:5px;border-radius:50%;background:#7c9cb9}.router-light.active{background:var(--cyan);box-shadow:0 0 9px var(--cyan)}.router-front{height:110px;background:linear-gradient(145deg,#f5faff,#b7cee4);border-radius:4px 4px 17px 17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;position:relative;overflow:hidden}.router-front:before{content:"";position:absolute;width:240px;height:1px;background:#fff;top:12px;opacity:.7}.router-logo{font-size:27px;letter-spacing:-2px;font-weight:800;color:#174c8b}.router-logo span{color:var(--red)}.router-line{width:45px;height:3px;border-radius:4px;background:#7e9dbd}.router-line.short{width:25px;opacity:.5}.router-base{height:12px;background:#7997b4;transform:skewX(-25deg);margin:0 8px;border-radius:0 0 4px 4px}.signal{position:absolute;z-index:3;display:flex;align-items:center;gap:5px;color:#9fc4e9;font-size:8px;letter-spacing:1.5px}.signal span{height:5px;width:5px;background:var(--red);border-radius:50%}.signal b{margin-left:6px;font-size:8px}.signal-top{top:55px;right:27px}.float-card{position:absolute;z-index:4;background:#10304fef;border:1px solid #9ac6ef2e;box-shadow:0 15px 40px #0003;backdrop-filter:blur(14px);border-radius:14px;display:flex;align-items:center;gap:12px;padding:14px 16px}.speed-card{top:97px;left:0}.mini-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:#087fce33;color:var(--cyan);font-size:22px}.float-card small,.float-card strong{display:block}.float-card small{font-size:8px;color:#9ab4ce;letter-spacing:.8px}.float-card strong{font-size:23px;color:white}.float-card em{font-size:10px;color:#75dafa;font-style:normal}.install-card{bottom:82px;right:-4px}.check-circle{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#25bce822;color:var(--cyan);font-weight:800}.install-card strong{font-size:11px}.install-card small{font-size:9px;margin-top:2px}.art-caption{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;color:#7296bb;font-size:8px;letter-spacing:2px;white-space:nowrap}.caption-line{height:1px;width:25px;background:var(--red)}.hero-bottom-line{height:3px;position:absolute;bottom:0;left:0;right:0;background:linear-gradient(90deg,transparent,var(--blue),var(--cyan),var(--red),transparent)}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);opacity:.12}.glow-one{width:300px;height:300px;background:var(--blue);right:12%;top:20%}.glow-two{width:220px;height:220px;background:var(--red);right:25%;bottom:-15%}
.quick-benefits{background:#fff;border-bottom:1px solid var(--line)}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);padding:25px 0;gap:20px}.benefit{display:flex;align-items:center;gap:13px;padding:5px 20px;border-right:1px solid var(--line)}.benefit:first-child{padding-left:0}.benefit:last-child{border:0}.benefit-icon{display:grid;place-items:center;width:43px;height:43px;flex:0 0 43px;background:#e9f7fd;color:var(--blue);border-radius:13px;font-size:23px;font-weight:700}.benefit strong,.benefit small{display:block}.benefit strong{font-size:12px}.benefit small{font-size:10px;color:var(--muted);margin-top:3px}
.section-pad{padding:92px 0}.plans{background:var(--soft)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:35px}.dark-eyebrow{color:#477bb5}.section-heading h2,.coverage-copy h2,.closing-inner h2{font-size:clamp(30px,3.8vw,43px);line-height:1.14;letter-spacing:-1.8px;margin:14px 0 0;color:var(--navy)}.section-heading>p{max-width:340px;color:var(--muted);font-size:13px;line-height:1.8;margin-bottom:4px}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.plan-card{position:relative;background:#fff;border:1px solid #e4ebf3;border-radius:19px;padding:27px 25px 24px;box-shadow:0 6px 25px #0d284608;display:flex;flex-direction:column;min-width:0}.plan-card.featured{border:1.5px solid var(--blue);box-shadow:0 15px 40px #087fce1f;transform:translateY(-8px)}.popular-label{position:absolute;top:-12px;right:18px;border-radius:30px;background:var(--red);color:white;font-size:8px;letter-spacing:1px;font-weight:800;padding:6px 11px}.plan-top{display:flex;justify-content:space-between;align-items:center}.plan-name{display:inline-flex;align-items:center;min-height:34px;padding:6px 13px;border-radius:9px;background:linear-gradient(110deg,#eaf6ff,#e7fbff);border-left:3px solid var(--cyan);font-size:15px;font-weight:800;letter-spacing:.15px;color:var(--navy);box-shadow:inset 0 0 0 1px rgba(8,127,206,.08)}.plan-card.featured .plan-name{background:linear-gradient(110deg,#087fce,#12bfe8);border-left-color:var(--red);color:#fff;box-shadow:0 5px 14px rgba(8,127,206,.18)}.plan-symbol{width:35px;height:35px;border-radius:10px;background:#eef5ff;color:var(--blue);display:grid;place-items:center;font-size:23px}.featured .plan-symbol{background:#e5f7fc;color:var(--blue)}.speed{display:flex;align-items:baseline;gap:8px;margin-top:22px}.speed strong{font-size:49px;line-height:1;letter-spacing:-2.7px;color:var(--navy)}.speed span{font-size:14px;font-weight:700;color:var(--blue)}.plan-description{font-size:11px;color:var(--muted);line-height:1.7;min-height:40px;margin:13px 0 20px}.plan-price{display:flex;align-items:baseline;gap:4px;color:var(--navy)}.plan-price>span{font-size:13px;font-weight:700}.plan-price strong{font-size:30px;letter-spacing:-1px}.plan-price small{font-size:10px;color:var(--muted)}.plan-divider{height:1px;background:var(--line);margin:20px 0}.plan-features{list-style:none;padding:0;margin:0 0 24px;display:grid;gap:12px;flex:1}.plan-features li{display:flex;gap:9px;align-items:center;font-size:11px;color:#4b5e74}.plan-features li span{color:var(--blue);font-weight:800}.plan-button{width:100%;margin-top:auto}.button-outline{border:1px solid #dce5ef;color:var(--navy);background:#fff}.button-outline:hover{border-color:var(--blue);color:var(--blue)}
.custom-plan-card{margin-top:30px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px;padding:25px 28px;border:1px solid #c9e9f7;border-radius:20px;background:linear-gradient(115deg,#fff 0%,#edf9ff 68%,#fff5f5 100%);box-shadow:0 12px 32px #071b350b;position:relative;overflow:hidden}
.custom-plan-card:after{content:"";position:absolute;width:170px;height:170px;border:1px solid #25bce833;border-radius:50%;right:18%;top:-125px;box-shadow:0 0 0 22px #25bce80a,0 0 0 44px #ef293908;pointer-events:none}
.custom-plan-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:linear-gradient(145deg,var(--blue),var(--cyan));color:#fff;font-size:27px;box-shadow:0 8px 20px #087fce2b;z-index:1}
.custom-plan-copy{z-index:1}.custom-plan-kicker{font-size:9px;font-weight:800;letter-spacing:1.5px;color:var(--blue)}.custom-plan-copy h3{margin:4px 0 5px;color:var(--navy);font-size:clamp(19px,2.2vw,25px);line-height:1.2;letter-spacing:-.6px}.custom-plan-copy p{margin:0;color:var(--muted);font-size:12px;line-height:1.65;max-width:560px}
.custom-plan-button{z-index:1;background:var(--navy);color:#fff;white-space:nowrap;box-shadow:0 8px 20px #071b351c}.custom-plan-button span{color:var(--cyan);font-size:17px}.custom-plan-button:hover{background:var(--blue)}
.plan-note{font-size:10px;line-height:1.7;color:#77879a;margin:20px 0 0}
.coverage-section{padding:85px 0;background:#fff}.coverage-card{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center;background:var(--navy);border-radius:25px;padding:50px 55px;color:white;position:relative;overflow:hidden}.coverage-card:after{content:"";position:absolute;width:380px;height:380px;border:1px solid #539ff126;border-radius:50%;right:-90px;top:-170px;box-shadow:0 0 0 45px #539ff109,0 0 0 90px #539ff106}.coverage-copy,.coverage-form{position:relative;z-index:1}.coverage-copy h2{color:#fff;margin:17px 0;font-size:38px}.coverage-copy>p{font-size:13px;line-height:1.8;color:#b0c4db;max-width:420px}.coverage-location{display:inline-flex;align-items:center;gap:8px;color:#cce2fa;background:#ffffff12;border:1px solid #ffffff17;border-radius:10px;padding:10px 13px;font-size:11px;margin-top:12px}.coverage-location span{color:var(--cyan);font-size:18px}.coverage-form{display:grid;gap:8px}.coverage-form label{font-size:10px;color:#c7d7e9;font-weight:700;margin-top:5px}.coverage-form label span{font-weight:400;color:#849bb4}.coverage-form input{width:100%;min-width:0;border:1px solid #bfd6ef2e;border-radius:9px;background:#ffffff12;padding:13px 14px;color:#fff;font:12px Inter,sans-serif;outline:none}.coverage-form input::placeholder{color:#819ab5}.coverage-form input:focus{border-color:var(--cyan);box-shadow:0 0 0 3px #25bce824}.form-submit{width:100%;margin-top:10px}.coverage-form>small{font-size:9px;line-height:1.6;color:#8ea7c2;margin-top:3px}
.closing-cta{background:linear-gradient(110deg,#087fce,#0b2d52);color:#fff;padding:48px 0;position:relative;overflow:hidden}.closing-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.closing-inner .eyebrow{color:#c3e1ff}.closing-inner h2{color:#fff;font-size:31px;margin:12px 0 7px}.closing-inner p{color:#d1e4fa;font-size:12px;margin:0}.button-light{background:#fff;color:var(--navy);white-space:nowrap}.button-light .whatsapp-icon{color:var(--red)}.site-footer{background:#06152a;color:#fff}.footer-main{display:grid;grid-template-columns:1.4fr .7fr 1fr;gap:60px;padding-top:48px;padding-bottom:42px}.brand-footer .brand-logo{width:210px;max-width:100%;max-height:68px}.footer-brand>p{font-size:11px;line-height:1.8;color:#8298b2;max-width:280px;margin:17px 0 0}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.footer-col strong{font-size:11px;margin-bottom:4px}.footer-col a{font-size:10px;color:#92a7bf;overflow-wrap:anywhere}.footer-col a:hover{color:var(--cyan)}.footer-bottom{border-top:1px solid #ffffff17;padding-top:18px;padding-bottom:18px;display:flex;justify-content:space-between;gap:15px;color:#6f86a0;font-size:9px}.floating-whatsapp{position:fixed;z-index:40;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;background:var(--cyan);color:#06233b;display:grid;place-items:center;box-shadow:0 9px 24px #25bce847;border:3px solid white;font-size:30px;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}
@media(max-width:900px){.main-nav{gap:17px}.hero-grid{gap:12px}.hero-art{transform:scale(.9);margin:0 -25px}.hero h1{font-size:52px}.coverage-card{gap:35px;padding:40px}.footer-main{gap:30px}}
@media(max-width:720px){.container{width:min(100% - 34px,540px)}.site-header{height:72px}.brand-logo{width:174px;max-height:52px}.brand{max-width:calc(100% - 55px)}.menu-toggle{display:block;position:relative;z-index:3}.main-nav{display:none;position:absolute;top:71px;left:0;right:0;background:#fff;padding:18px 22px 23px;box-shadow:0 16px 25px #071b351f;flex-direction:column;align-items:stretch;gap:0}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:12px 0;border-bottom:1px solid var(--line)}.nav-cta{justify-content:center;margin-top:13px}.hero{min-height:unset}.hero-grid{grid-template-columns:1fr;padding-top:58px;padding-bottom:35px;gap:0}.hero-copy{max-width:100%}.hero h1{font-size:clamp(43px,11vw,58px);letter-spacing:-2.5px}.hero-copy>p{font-size:14px}.hero-art{height:335px;transform:scale(.84);margin:-2px -28px -8px}.orbit-a{width:310px;height:200px}.orbit-b{width:390px;height:250px}.orbit-c{width:465px;height:300px}.router{width:250px}.router-front{height:95px}.speed-card{left:0;top:55px}.install-card{right:-4px;bottom:54px}.signal-top{right:15px;top:25px}.art-caption{bottom:0}.benefit-grid{grid-template-columns:1fr;gap:0;padding:12px 0}.benefit,.benefit:first-child{padding:13px 0;border-right:0;border-bottom:1px solid var(--line)}.benefit:last-child{border-bottom:0}.section-pad{padding:66px 0}.section-heading{display:block;margin-bottom:28px}.section-heading h2,.coverage-copy h2{font-size:34px}.section-heading>p{margin:15px 0 0}.plans-grid{grid-template-columns:1fr;gap:17px}.plan-card{padding:24px}.plan-card.featured{transform:none;margin-top:4px}.plan-description{min-height:unset}.speed strong{font-size:47px}.coverage-section{padding:60px 0}.coverage-card{grid-template-columns:1fr;gap:28px;padding:30px 23px;border-radius:19px}.coverage-copy h2{font-size:32px}.closing-inner{align-items:flex-start;flex-direction:column}.closing-inner h2{font-size:28px}.footer-main{grid-template-columns:1fr 1fr;gap:30px 20px;padding-top:38px}.footer-brand{grid-column:1/-1}.footer-col:last-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:6px}.floating-whatsapp{right:15px;bottom:15px;width:50px;height:50px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

@media(max-width:900px){.custom-plan-card{grid-template-columns:auto 1fr}.custom-plan-button{grid-column:2;justify-self:start;white-space:normal}}
@media(max-width:520px){.custom-plan-card{grid-template-columns:1fr;padding:23px;gap:13px}.custom-plan-icon{width:46px;height:46px}.custom-plan-button{grid-column:1;width:100%;font-size:12px;padding:13px 14px}.custom-plan-copy p{font-size:11px}}


/* V5 — nomes dos planos centralizados e com maior destaque */
.plan-top{
  position:relative;
  justify-content:center;
  min-height:48px;
  margin-bottom:2px;
}
.plan-name{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  font-size:18px;
  line-height:1.2;
  font-weight:800;
  letter-spacing:-.35px;
  color:var(--navy);
  padding:9px 18px;
  border-radius:10px;
  background:linear-gradient(135deg,#eaf8ff,#dff7ff);
  border-left:4px solid var(--cyan, #12bfe8);
  box-shadow:0 4px 12px rgba(7,27,53,.045);
}
.plan-symbol{
  position:absolute;
  right:0;
  top:50%;
  transform:translateY(-50%);
}
.plan-card.featured .plan-name{
  color:#fff;
  background:linear-gradient(110deg,#087fce,#10c5e8);
  border-left-color:#ef2939;
  box-shadow:0 7px 18px rgba(8,127,206,.20);
}
@media(max-width:720px){
  .plan-top{min-height:46px}
  .plan-name{font-size:17px;padding:8px 16px}
}


/* V7 — destaque visual de fibra óptica */
.hero-art:before{
  content:"";
  position:absolute;
  width:78%;
  height:68%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at 50% 50%, rgba(18,191,232,.16), transparent 58%),
    repeating-linear-gradient(145deg, transparent 0 22px, rgba(18,191,232,.12) 23px 25px, transparent 26px 43px);
  filter:blur(.2px);
  transform:rotate(-13deg);
  pointer-events:none;
}
.hero-art:after{
  content:"FIBRA ÓPTICA";
  position:absolute;
  left:50%;
  top:8px;
  transform:translateX(-50%);
  z-index:4;
  color:#9cecff;
  font-size:10px;
  font-weight:800;
  letter-spacing:2.4px;
  white-space:nowrap;
  padding:7px 12px;
  border:1px solid rgba(18,191,232,.35);
  border-radius:999px;
  background:rgba(7,27,53,.62);
  box-shadow:0 0 24px rgba(18,191,232,.14);
}
@media(max-width:720px){
  .hero-art:after{top:2px;font-size:9px}
}

/* V8 — ícone oficial do WhatsApp em SVG */
.whatsapp-icon{display:inline-flex;align-items:center;justify-content:center}
.whatsapp-icon svg{width:21px;height:21px;display:block;fill:currentColor}
.floating-whatsapp{background:#25d366;color:#fff}
.floating-whatsapp>span{display:grid;place-items:center;line-height:1}
.floating-whatsapp svg{width:31px;height:31px;display:block;fill:currentColor}

/* V10 — identificação da versão no rodapé */
.site-version{font-size:9px;color:#8aa1ba;white-space:nowrap}
@media(max-width:720px){.site-version{margin-top:2px}}

/* V12 — rodapé mais legível e versão junto aos direitos reservados */
.site-footer,
.site-footer a,
.site-footer p,
.site-footer .footer-bottom,
.site-footer .footer-col,
.site-footer .footer-brand{
  font-size:14px;
}
.site-footer .footer-col strong{font-size:15px}
.site-footer .footer-bottom{
  padding-top:20px;
  padding-bottom:20px;
}
.site-footer .footer-bottom .footer-version{
  display:inline-block;
  margin-left:10px;
  color:#8fdfff;
  font-weight:700;
  white-space:nowrap;
}
.site-footer .footer-brand p{line-height:1.8}
.site-footer .footer-col a{line-height:1.9}
@media(max-width:720px){
  .site-footer,.site-footer a,.site-footer p,.site-footer .footer-bottom,
  .site-footer .footer-col,.site-footer .footer-brand{font-size:13px}
  .site-footer .footer-bottom .footer-version{margin-left:6px}
}


/* V13 — logo maior no cabeçalho */
.site-header .brand-logo{
  width:210px;
  max-width:100%;
  height:auto;
}
.site-header .nav-wrap{
  min-height:88px;
}
@media(max-width:900px){
  .site-header .brand-logo{width:185px}
  .site-header .nav-wrap{min-height:80px}
}
@media(max-width:600px){
  .site-header .brand-logo{width:160px}
  .site-header .nav-wrap{min-height:72px}
}


/* V14 — logomarca com destaque real no cabeçalho */
.site-header .nav-wrap .brand{
  flex:0 0 auto;
  width:260px;
  min-width:260px;
}
.site-header .nav-wrap .brand-logo{
  display:block;
  width:260px !important;
  max-width:none;
  height:auto;
  object-fit:contain;
}
.site-header .nav-wrap{
  min-height:100px;
  gap:28px;
}
.site-header .main-nav{gap:28px}
@media(max-width:1000px){
  .site-header .nav-wrap .brand{width:220px;min-width:220px}
  .site-header .nav-wrap .brand-logo{width:220px !important}
  .site-header .nav-wrap{min-height:90px;gap:18px}
  .site-header .main-nav{gap:18px}
}
@media(max-width:720px){
  .site-header .nav-wrap .brand{width:190px;min-width:190px}
  .site-header .nav-wrap .brand-logo{width:190px !important}
  .site-header .nav-wrap{min-height:82px;gap:12px}
  .site-header .main-nav{gap:12px}
}
@media(max-width:420px){
  .site-header .nav-wrap .brand{width:165px;min-width:165px}
  .site-header .nav-wrap .brand-logo{width:165px !important}
}


/* V15 — correção definitiva do tamanho visual da logo do cabeçalho */
header.site-header a.brand,
.site-header a.brand,
.site-header .nav-wrap > a.brand{
  display:flex !important;
  flex:0 0 300px !important;
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
  align-items:center !important;
}
header.site-header a.brand img.brand-logo,
.site-header a.brand img.brand-logo,
.site-header .nav-wrap > a.brand > img.brand-logo{
  display:block !important;
  width:300px !important;
  min-width:300px !important;
  max-width:300px !important;
  height:auto !important;
  max-height:none !important;
  object-fit:contain !important;
}
.site-header .nav-wrap{
  min-height:112px !important;
}
@media(max-width:1000px){
  header.site-header a.brand,
  .site-header a.brand,
  .site-header .nav-wrap > a.brand{
    flex-basis:240px !important;width:240px !important;min-width:240px !important;max-width:240px !important;
  }
  header.site-header a.brand img.brand-logo,
  .site-header a.brand img.brand-logo,
  .site-header .nav-wrap > a.brand > img.brand-logo{
    width:240px !important;min-width:240px !important;max-width:240px !important;
  }
}
@media(max-width:720px){
  header.site-header a.brand,
  .site-header a.brand,
  .site-header .nav-wrap > a.brand{
    flex-basis:200px !important;width:200px !important;min-width:200px !important;max-width:200px !important;
  }
  header.site-header a.brand img.brand-logo,
  .site-header a.brand img.brand-logo,
  .site-header .nav-wrap > a.brand > img.brand-logo{
    width:200px !important;min-width:200px !important;max-width:200px !important;
  }
  .site-header .nav-wrap{min-height:92px !important}
}
@media(max-width:420px){
  header.site-header a.brand,
  .site-header a.brand,
  .site-header .nav-wrap > a.brand{
    flex-basis:175px !important;width:175px !important;min-width:175px !important;max-width:175px !important;
  }
  header.site-header a.brand img.brand-logo,
  .site-header a.brand img.brand-logo,
  .site-header .nav-wrap > a.brand > img.brand-logo{
    width:175px !important;min-width:175px !important;max-width:175px !important;
  }
}


/* V16 — logo maior sem sobrepor navegação e botão */
.site-header .nav-wrap{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:24px !important;
  min-height:104px !important;
}
.site-header a.brand,
.site-header .nav-wrap > a.brand{
  flex:0 1 250px !important;
  width:250px !important;
  min-width:0 !important;
  max-width:250px !important;
  margin-right:auto !important;
}
.site-header a.brand img.brand-logo,
.site-header .nav-wrap > a.brand > img.brand-logo{
  display:block !important;
  width:100% !important;
  min-width:0 !important;
  max-width:250px !important;
  height:auto !important;
  max-height:76px !important;
  object-fit:contain !important;
}
.site-header .main-nav{
  display:flex !important;
  flex:0 1 auto !important;
  align-items:center !important;
  justify-content:flex-end !important;
  gap:clamp(14px, 2vw, 28px) !important;
  min-width:0 !important;
}
.site-header .nav-wrap > .nav-cta,
.site-header .nav-wrap > a.btn,
.site-header .nav-wrap .header-cta{
  flex:0 0 auto !important;
  white-space:nowrap !important;
}
@media(max-width:1000px){
  .site-header .nav-wrap{gap:16px !important}
  .site-header a.brand,.site-header .nav-wrap > a.brand{
    flex-basis:210px !important;width:210px !important;max-width:210px !important;
  }
  .site-header a.brand img.brand-logo,.site-header .nav-wrap > a.brand > img.brand-logo{
    max-width:210px !important;max-height:68px !important;
  }
}
@media(max-width:720px){
  .site-header .nav-wrap{min-height:86px !important;gap:10px !important}
  .site-header a.brand,.site-header .nav-wrap > a.brand{
    flex-basis:175px !important;width:175px !important;max-width:175px !important;
  }
  .site-header a.brand img.brand-logo,.site-header .nav-wrap > a.brand > img.brand-logo{
    max-width:175px !important;max-height:58px !important;
  }
}
@media(max-width:420px){
  .site-header a.brand,.site-header .nav-wrap > a.brand{
    flex-basis:145px !important;width:145px !important;max-width:145px !important;
  }
  .site-header a.brand img.brand-logo,.site-header .nav-wrap > a.brand > img.brand-logo{
    max-width:145px !important;max-height:50px !important;
  }
}


/* V17 — cabeçalho mais alto para acomodar a logo sem sobrepor o conteúdo */
.site-header{
  position:relative !important;
  z-index:20 !important;
  height:auto !important;
  min-height:126px !important;
  overflow:visible !important;
}
.site-header .nav-wrap{
  box-sizing:border-box !important;
  min-height:126px !important;
  height:auto !important;
  padding-top:12px !important;
  padding-bottom:12px !important;
  align-items:center !important;
}
.site-header a.brand,
.site-header .nav-wrap > a.brand{
  flex:0 1 280px !important;
  width:280px !important;
  max-width:280px !important;
  min-width:0 !important;
  align-self:center !important;
}
.site-header a.brand img.brand-logo,
.site-header .nav-wrap > a.brand > img.brand-logo{
  display:block !important;
  width:100% !important;
  max-width:280px !important;
  max-height:90px !important;
  height:auto !important;
  object-fit:contain !important;
}
@media(max-width:1000px){
  .site-header,.site-header .nav-wrap{
    min-height:112px !important;
  }
  .site-header .nav-wrap{
    padding-top:10px !important;
    padding-bottom:10px !important;
  }
  .site-header a.brand,.site-header .nav-wrap > a.brand{
    flex-basis:230px !important;
    width:230px !important;
    max-width:230px !important;
  }
  .site-header a.brand img.brand-logo,.site-header .nav-wrap > a.brand > img.brand-logo{
    max-width:230px !important;
    max-height:76px !important;
  }
}
@media(max-width:720px){
  .site-header,.site-header .nav-wrap{
    min-height:96px !important;
  }
  .site-header .nav-wrap{
    padding-top:8px !important;
    padding-bottom:8px !important;
  }
  .site-header a.brand,.site-header .nav-wrap > a.brand{
    flex-basis:190px !important;
    width:190px !important;
    max-width:190px !important;
  }
  .site-header a.brand img.brand-logo,.site-header .nav-wrap > a.brand > img.brand-logo{
    max-width:190px !important;
    max-height:64px !important;
  }
}
@media(max-width:420px){
  .site-header a.brand,.site-header .nav-wrap > a.brand{
    flex-basis:160px !important;
    width:160px !important;
    max-width:160px !important;
  }
  .site-header a.brand img.brand-logo,.site-header .nav-wrap > a.brand > img.brand-logo{
    max-width:160px !important;
    max-height:54px !important;
  }
}


/* V18 — cabeçalho fixo, sempre visível durante a rolagem */
.site-header{
  position:sticky !important;
  top:0 !important;
  z-index:1000 !important;
  width:100% !important;
  isolation:isolate;
}
html{
  scroll-padding-top:132px;
}
@media(max-width:1000px){
  html{scroll-padding-top:116px}
}
@media(max-width:720px){
  html{scroll-padding-top:100px}
}


/* V19 — menu hambúrguer no celular usando o controle nativo do projeto */
@media(max-width:720px){
  .site-header .nav-wrap{
    position:relative !important;
    display:flex !important;
    flex-wrap:nowrap !important;
    justify-content:space-between !important;
    align-items:center !important;
  }
  .site-header .menu-toggle{
    display:flex !important;
    flex:0 0 44px !important;
    width:44px !important;
    height:44px !important;
    margin-left:10px !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    padding:10px !important;
    border:1px solid #dbe7f3 !important;
    border-radius:10px !important;
    background:#fff !important;
    cursor:pointer !important;
    z-index:1002 !important;
  }
  .site-header .menu-toggle span{
    display:block !important;
    width:21px !important;
    height:2px !important;
    border-radius:2px !important;
    background:#071b35 !important;
  }
  .site-header .main-nav{
    display:none !important;
    position:absolute !important;
    top:100% !important;
    left:0 !important;
    right:0 !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:12px 16px !important;
    margin:0 !important;
    background:#fff !important;
    border:1px solid #e0eaf4 !important;
    border-top:2px solid #12bfe8 !important;
    border-radius:0 0 14px 14px !important;
    box-shadow:0 16px 30px rgba(7,27,53,.18) !important;
    flex-direction:column !important;
    align-items:stretch !important;
    justify-content:flex-start !important;
    gap:0 !important;
    z-index:1001 !important;
  }
  .site-header .main-nav.open{
    display:flex !important;
  }
  .site-header .main-nav a{
    display:flex !important;
    width:100% !important;
    box-sizing:border-box !important;
    padding:13px 10px !important;
    border-bottom:1px solid #edf2f7 !important;
  }
  .site-header .main-nav a:last-child{border-bottom:0}
  .site-header .main-nav .nav-cta{
    display:flex !important;
    justify-content:center !important;
    margin-top:8px !important;
    border-radius:8px !important;
    background:#071b35 !important;
    color:#fff !important;
  }
}


/* V20 — ícone hambúrguer claramente visível no celular */
@media(max-width:720px){
  .site-header .nav-wrap{
    overflow:visible !important;
    min-width:0 !important;
  }
  .site-header .menu-toggle{
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    position:relative !important;
    z-index:2005 !important;
    width:46px !important;
    min-width:46px !important;
    height:46px !important;
    flex:0 0 46px !important;
    margin-left:12px !important;
    padding:10px !important;
    border:1.5px solid #cfe0f2 !important;
    border-radius:11px !important;
    background:#ffffff !important;
    box-shadow:0 2px 8px rgba(7,27,53,.08) !important;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    line-height:1 !important;
  }
  .site-header .menu-toggle span{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    width:22px !important;
    min-width:22px !important;
    height:2.5px !important;
    min-height:2.5px !important;
    background:#071b35 !important;
    border-radius:3px !important;
  }
}


/* V21 — botão hambúrguer minimalista e alinhado ao cabeçalho */
@media(max-width:720px){
  .site-header .nav-wrap{
    padding-left:16px !important;
    padding-right:16px !important;
    gap:12px !important;
  }
  .site-header a.brand,
  .site-header .nav-wrap > a.brand{
    flex:0 1 180px !important;
    width:180px !important;
    max-width:180px !important;
    min-width:0 !important;
    margin:0 !important;
  }
  .site-header a.brand img.brand-logo,
  .site-header .nav-wrap > a.brand > img.brand-logo{
    width:100% !important;
    max-width:180px !important;
    max-height:58px !important;
    height:auto !important;
    object-fit:contain !important;
  }
  .site-header .menu-toggle{
    appearance:none !important;
    -webkit-appearance:none !important;
    display:flex !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 42px !important;
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    margin:0 !important;
    padding:9px !important;
    border:0 !important;
    border-radius:9px !important;
    background:transparent !important;
    box-shadow:none !important;
    outline-offset:3px;
    align-items:center !important;
    justify-content:center !important;
    flex-direction:column !important;
    gap:5px !important;
    cursor:pointer !important;
    transition:background-color .18s ease !important;
  }
  .site-header .menu-toggle:hover,
  .site-header .menu-toggle:active{
    background:#eaf7ff !important;
  }
  .site-header .menu-toggle:focus-visible{
    outline:2px solid #12bfe8 !important;
  }
  .site-header .menu-toggle span{
    display:block !important;
    visibility:visible !important;
    opacity:1 !important;
    flex:0 0 2px !important;
    width:24px !important;
    min-width:24px !important;
    height:2px !important;
    min-height:2px !important;
    margin:0 !important;
    padding:0 !important;
    border:0 !important;
    border-radius:99px !important;
    background:#071b35 !important;
    transform:none;
    transition:transform .18s ease, opacity .18s ease !important;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(7px) rotate(45deg) !important;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-7px) rotate(-45deg) !important;
  }
}
@media(max-width:380px){
  .site-header a.brand,
  .site-header .nav-wrap > a.brand{
    flex-basis:155px !important;
    width:155px !important;
    max-width:155px !important;
  }
  .site-header a.brand img.brand-logo,
  .site-header .nav-wrap > a.brand > img.brand-logo{
    max-width:155px !important;
    max-height:52px !important;
  }
}


/* V22 — botão hambúrguer minimalista no estilo do projeto DOS */
@media(max-width:720px){
  .site-header .menu-toggle{
    width:42px !important;
    min-width:42px !important;
    height:42px !important;
    min-height:42px !important;
    flex:0 0 42px !important;
    padding:0 !important;
    border:0 !important;
    border-radius:12px !important;
    background:#eef1f5 !important;
    box-shadow:none !important;
    gap:4px !important;
  }
  .site-header .menu-toggle span{
    width:16px !important;
    min-width:16px !important;
    height:2px !important;
    min-height:2px !important;
    flex:0 0 2px !important;
    border-radius:2px !important;
    background:#18212d !important;
  }
  .site-header .menu-toggle:hover,
  .site-header .menu-toggle:active{
    background:#e2e8f0 !important;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(1){
    transform:translateY(6px) rotate(45deg) !important;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(2){
    opacity:0 !important;
  }
  .site-header .menu-toggle[aria-expanded="true"] span:nth-child(3){
    transform:translateY(-6px) rotate(-45deg) !important;
  }
}


/* V24 — versão com a mesma tipografia e peso do texto do rodapé */
.site-footer .footer-bottom .footer-version{
  font-family:inherit !important;
  font-size:inherit !important;
  font-weight:inherit !important;
  line-height:inherit !important;
  letter-spacing:inherit !important;
  color:inherit !important;
  margin-left:10px;
  white-space:nowrap;
}


/* V26 — até cinco cartões de planos por linha em telas grandes */
@media(min-width:721px){
  #planos .plans-grid{
    display:grid !important;
    grid-template-columns:repeat(5,minmax(0,1fr)) !important;
    align-items:stretch !important;
    gap:16px !important;
  }
  #planos .plan-card{
    min-width:0 !important;
    padding:20px 16px !important;
  }
  #planos .plan-name{
    font-size:14px !important;
    line-height:1.25 !important;
    white-space:normal !important;
    text-align:center !important;
  }
  #planos .plan-top{
    gap:8px !important;
    flex-wrap:wrap !important;
  }
  #planos .plan-symbol{
    flex:0 0 30px !important;
  }
  #planos .speed strong{
    font-size:clamp(30px,2.6vw,42px) !important;
  }
  #planos .speed span{font-size:11px !important}
  #planos .plan-description{
    font-size:11px !important;
    line-height:1.55 !important;
    overflow-wrap:anywhere !important;
  }
  #planos .plan-price strong{
    font-size:clamp(21px,1.8vw,28px) !important;
  }
  #planos .plan-features{
    padding-left:0 !important;
    font-size:10px !important;
  }
  #planos .plan-features li{overflow-wrap:anywhere !important}
  #planos .plan-button{
    padding-left:8px !important;
    padding-right:8px !important;
    font-size:11px !important;
    white-space:normal !important;
    text-align:center !important;
  }
}
@media(min-width:721px) and (max-width:1100px){
  #planos .plans-grid{grid-template-columns:repeat(3,minmax(0,1fr)) !important}
}
@media(max-width:720px){
  #planos .plans-grid{grid-template-columns:1fr !important}
}


/* V27 — os cartões usam toda a largura disponível; até cinco por linha */
@media(min-width:721px){
  #planos .plans-grid{
    display:grid !important;
    grid-template-columns:repeat(auto-fit,minmax(min(100%,190px),1fr)) !important;
    align-items:stretch !important;
    gap:16px !important;
    width:100% !important;
  }
  #planos .plan-card{
    width:100% !important;
    min-width:0 !important;
    height:100% !important;
  }
}
@media(min-width:1101px){
  #planos .plans-grid{
    grid-template-columns:repeat(auto-fit,minmax(190px,1fr)) !important;
  }
}
@media(min-width:721px) and (max-width:1100px){
  #planos .plans-grid{
    grid-template-columns:repeat(auto-fit,minmax(210px,1fr)) !important;
  }
}


/* V28 — velocidade e preço centralizados em cada cartão de plano */
#planos .plan-card .speed,
#planos .plan-card .plan-speed{
  text-align:center !important;
  justify-content:center !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#planos .plan-card .plan-price,
#planos .plan-card .price-row,
#planos .plan-card .plan-value{
  text-align:center !important;
  justify-content:center !important;
  width:100% !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#planos .plan-card .speed strong,
#planos .plan-card .speed span,
#planos .plan-card .plan-price strong,
#planos .plan-card .plan-price span{
  text-align:center !important;
}