/* Tema Routernet: tipografia, botões e blocos de cor. Carregado por último em todas as páginas. */
:root{
  --navy:#06164a; --ink:#0a1836; --orange:#ff6b00; --cyan:#19c2ff;
  --display:"Bricolage Grotesque","Manrope",system-ui,sans-serif;
  --text:"Instrument Sans","Manrope",system-ui,sans-serif;
  --r-button:12px;
}
body{font-family:var(--text)}
h1,h2,h3,h4,
.offer-speed strong,.offer-price div>strong,.home-plan>strong,.plan-price strong,
.promotion-now strong,.hero-stat strong,.trust-strip strong,.summer-price strong,
.spotlight-title,.bill-total strong,.mobile-grid p strong{font-family:var(--display)}
.topbar .menu-button{font-family:var(--text)}

/* Rótulos acima dos títulos em caixa normal, sem espaçamento forçado. */
.eyebrow,.business-page .eyebrow{text-transform:none;letter-spacing:0;font-size:15px;font-weight:700}
.offer-tag,.home-plan>span,.plan-top span,.mobile-grid article>span,.promotion-badge,.spotlight-kicker,
.home-plan>i,.popular-tag{letter-spacing:0;font-size:13px}
.home-plan>b,.offer-speed span,.fiber-card h3 small{letter-spacing:0}

/* Botões: um raio só e texto escuro sobre laranja (contraste legível). */
.button,.client-link,.hero-offer>a,.fiber-card>a,.promotion-button,.mobile-grid a,.summer-price a,
.enterprise-section a,.energy-cta>a,.b-primary{border-radius:var(--r-button)}
.button.primary,.hero-offer>a,.fiber-card>a,.summer-price a,.enterprise-section a,
.mobile-grid .mobile-highlight a{background:var(--orange);color:var(--navy)}
.button.primary:hover,.hero-offer>a:hover,.fiber-card>a:hover,.summer-price a:hover,
.enterprise-section a:hover{background:#ff8a33}
.mobile-grid a{color:var(--navy)}
.home-plan>i,.popular-tag{color:var(--navy);font-weight:800}

/* Linha de fibra: o comprimento acompanha a velocidade do plano (800 Mega = linha cheia). */
.speed-line{display:block;align-self:stretch;position:relative;height:6px;border-radius:3px;background:#e3ebf5;margin:18px 0 6px}
.speed-line::before{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:3px;background:linear-gradient(90deg,var(--cyan),#0b4fd6 65%,var(--orange))}
.speed-line::after{content:"";position:absolute;top:50%;left:calc(var(--v) - 12px);width:12px;height:12px;margin-top:-6px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #ff6b0033}
.home-plan.dark .speed-line,.dark-card .speed-line{background:#ffffff2e}
.home-plan>small{margin-top:12px}
.fiber-card .speed-line{margin:0 0 22px}

/* Blocos laranja com texto azul-marinho no lugar de branco. */
.home-combo,.combo-section{background:var(--orange);color:var(--navy);box-shadow:none}
.promotion-copy>p{color:var(--navy)}
.promotion-items li{border-color:#06164a59;background:#ffffff38}
.cta{background:var(--orange);color:var(--navy)}
.cta .eyebrow{color:var(--navy)}
.cta .button.light{background:var(--navy);color:#fff}
.cta .button.light:hover{background:#0b4fd6}

/* Serviços como lista com fios, não como seis caixas iguais. */
.service-grid{gap:0 48px}
.service-grid article{background:none;border:0;border-top:1px solid #2a4c8f;border-radius:0;padding:26px 0 32px;min-height:0}
.service-grid b{display:block;min-width:0;height:auto;border:0;border-radius:0;font-size:14px;color:#ff8a33}
.service-grid h3{font-size:24px;margin:8px 0}
.service-grid article a,.heading-action a{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}

/* Cobertura com um grupo só de cidades. */
.coverage{background:linear-gradient(135deg,#0b4fd6,var(--navy))}
.city-list a:hover{color:var(--navy)}