
/* Identidade visual comum: fundo decorativo e textos HTML preservados. */
.seo-hero,.news-masthead,.hero{
 background-color:#062757;
 background-image:linear-gradient(90deg,rgba(1,17,49,.18),rgba(1,17,49,.25)),url("imagens/fundo-tim-conexoes.png");
 background-size:cover;background-position:center center;background-repeat:no-repeat;color:#fff;
}
.seo-hero h1,.news-masthead h1,.hero .hero__copy h1{color:#fff!important;text-shadow:0 2px 12px rgba(0,12,37,.18)}
.seo-hero p,.news-masthead .news-lead{color:#e5efff}
.seo-hero .seo-breadcrumb,.seo-hero .seo-breadcrumb a,.news-masthead .seo-breadcrumb,.news-masthead .seo-breadcrumb a{color:#dceaff}
.seo-hero .eyebrow,.news-masthead .news-eyebrow{color:#a4e9ff}
.seo-hero a:focus-visible,.news-masthead a:focus-visible{outline-color:#fff}
@media(max-width:640px){
 .seo-hero,.news-masthead,.hero{background-image:linear-gradient(90deg,rgba(1,17,49,.58),rgba(1,17,49,.58)),url("imagens/fundo-tim-conexoes.png");background-position:65% center}
}

/* Faixa de marca fixa; o conteudo continua rolando abaixo. */
html{scroll-padding-top:102px}header.topbar{position:sticky;top:0;z-index:1000;width:100%;height:90px;background:#fff;box-shadow:0 3px 14px rgba(3,37,87,.07)}
.topbar .topbar__inner{display:grid;grid-template-columns:154px minmax(0,1fr) auto;align-items:center;gap:24px;width:min(1160px,calc(100% - 40px))}
.topbar__title{display:block;text-align:center;color:#073b9a;font-size:23px;font-weight:850;letter-spacing:.8px;line-height:1.2}
.topbar+.seo-nav{background:#fff}.topbar .brand--image img{width:154px;height:auto;max-height:60px}
@media(max-width:950px){.topbar__title{font-size:17px;letter-spacing:.3px}.topbar .topbar__inner{gap:16px;grid-template-columns:130px minmax(0,1fr) auto}.topbar .brand--image img{width:130px}}
@media(max-width:640px){header.topbar{height:104px}.topbar .topbar__inner{grid-template-columns:112px 1fr;gap:8px 12px;width:calc(100% - 28px)}.topbar .brand--image img{width:112px;max-height:46px}.topbar .topbar__cta{grid-column:2;grid-row:1;justify-self:end}.topbar__title{grid-column:1/-1;grid-row:2;font-size:15px;letter-spacing:.7px;padding-bottom:3px}html{scroll-padding-top:116px}}

/* Menu centralizado quando houver espaco; rolagem segura nas telas menores. */
.seo-nav{justify-content:flex-start;gap:22px}.seo-nav>a{flex:0 0 auto}.seo-nav>a:first-child{margin-left:auto}.seo-nav>a:last-child{margin-right:auto}

/* Brilho lento apenas no WhatsApp flutuante, preservando a leitura e o clique. */
@keyframes timesulWhatsGlow{0%,100%{box-shadow:0 6px 20px rgba(16,155,77,.22);filter:brightness(1)}50%{box-shadow:0 0 0 8px rgba(37,211,102,.10),0 0 28px rgba(37,211,102,.55);filter:brightness(1.14)}}
.wa-float{animation:timesulWhatsGlow 3.6s ease-in-out infinite}
.wa-float:hover,.wa-float:focus-visible{animation-play-state:paused}
@media(prefers-reduced-motion:reduce){.wa-float{animation:none;filter:none}}

/* Respiro entre o menu e o bloco principal de proposta. */
main#topo>section.hero{padding-top:48px;padding-bottom:56px}.hero__grid{align-items:start}@media(max-width:640px){main#topo>section.hero{padding-top:30px;padding-bottom:36px}}

.professional-footer{background:#051c3e;color:#fff;padding:52px 0 22px;margin:0}.professional-footer .footer-heading{display:flex;justify-content:space-between;align-items:center;gap:36px;padding-bottom:38px;border-bottom:1px solid #ffffff24}.footer-kicker{font-size:11px;font-weight:800;letter-spacing:1.6px;color:#70d8ff}.professional-footer h2{font-size:clamp(28px,3vw,38px);line-height:1.15;letter-spacing:-1px;margin:12px 0}.professional-footer p{color:#afc1da;font-size:14px;line-height:1.7;margin:12px 0}.professional-footer .footer-contact{display:inline-flex;gap:28px;align-items:center;white-space:nowrap;background:#25d366;color:#032c17;border-radius:10px;padding:15px 21px;font-weight:850;font-size:14px}.footer-columns{display:grid;grid-template-columns:1.3fr 1fr 1fr 1.15fr;gap:44px;padding:38px 0}.footer-columns h3{font-size:14px;color:white;margin:2px 0 18px}.footer-columns>div>a{display:block;font-size:14px;color:#c7d6e9;margin:11px 0}.footer-columns a:hover{color:white;text-decoration:underline}.footer-brand>strong{font-size:29px;letter-spacing:-.8px;color:white}.footer-brand>strong>span{display:block;font-size:9px;letter-spacing:2px;margin-top:3px;color:#70d8ff}.footer-brand p{max-width:260px}.footer-phone{font-size:12px!important}.footer-phone a{font-size:19px;font-weight:750;color:white}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff24;padding-top:22px;font-size:12px;color:#c7d6e9}.professional-footer .footer-legal{font-size:11px;color:#8fa5c0;max-width:1000px;margin-bottom:0}@media(max-width:850px){.footer-columns{grid-template-columns:1fr 1fr;gap:28px}.professional-footer .footer-heading{align-items:flex-start;flex-direction:column;gap:16px}}@media(max-width:520px){.footer-columns{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:9px}.professional-footer{padding-top:34px}}

button[data-whatsapp-url]{font-family:inherit;cursor:pointer;border:0}button.plan-cta{width:100%;padding:12px}button.wa-float{display:flex;align-items:center}button.footer-contact{display:inline-flex;gap:28px;align-items:center;background:#25d366;color:#032c17;border-radius:10px;padding:15px 21px;font-weight:850;font-size:14px}.footer-phone button{background:none;color:#fff;font-size:17px;font-weight:750;padding:0}button[data-whatsapp-url]:focus-visible{outline:3px solid #70d8ff;outline-offset:4px}

button.btn--outline{background:transparent;border:1px solid rgba(255,255,255,.65);color:#fff}button.btn{font:inherit;font-weight:800}

/* Correcao da grade de planos: independente da versao do styles.css em cache. */
#plans-grid.plans-cards-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:24px!important;padding:10px 0 20px;overflow:visible!important;width:100%;margin:0;scroll-snap-type:none}
#plans-grid>.plan-card{width:auto!important;min-width:0!important;max-width:none!important;min-height:430px;transform:none!important;display:flex;flex-direction:column}
#plans-grid .plan-cta{width:100%;margin-top:auto!important}
@media(max-width:900px){#plans-grid.plans-cards-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}}
@media(max-width:580px){#plans-grid.plans-cards-grid{grid-template-columns:1fr!important}#plans-grid>.plan-card{min-height:0;padding:24px}}
