
/* Fechamento institucional HUBMAT — termos, acessibilidade, pontes e páginas especiais */
body.terms-v8{background:#f5f8fc!important;color:#10213d}
.terms-v8 .terms-modern-hero{
  padding:62px 20px 58px;
  background:
    radial-gradient(circle at 88% 10%,rgba(255,255,255,.15),transparent 24%),
    linear-gradient(135deg,#071a3a,#174b96);
  color:#fff;
}
.terms-v8 .terms-modern-wrap{width:min(1080px,100%);margin:0 auto}
.terms-v8 .terms-modern-hero span{font-size:.8rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase;color:#cfe0ff}
.terms-v8 .terms-modern-hero h1{margin:10px 0 12px;color:#fff;font-size:clamp(2.4rem,5vw,4.2rem);line-height:1;letter-spacing:-.05em}
.terms-v8 .terms-modern-hero p{max-width:760px;margin:0;color:#dce7f8;font-size:1.05rem;line-height:1.65}
.terms-v8 .terms-modern-actions{display:flex;flex-wrap:wrap;gap:9px;margin-top:20px}
.terms-v8 .terms-modern-actions a{display:inline-flex;align-items:center;gap:8px;padding:11px 14px;border-radius:12px;background:#fff;color:#10213d;font-weight:900;text-decoration:none}
.terms-v8 .terms-modern-actions a.secondary{background:rgba(255,255,255,.09);color:#fff;border:1px solid rgba(255,255,255,.18)}
.terms-v8 .terms-current-note{width:min(1080px,calc(100% - 34px));margin:24px auto;padding:18px 20px;border:1px solid #d8e6f7;border-radius:18px;background:#edf5ff;color:#48617f;line-height:1.55}
.terms-v8 .terms-current-note strong{color:#17375e}
.terms-v8 #termos-legais{scroll-margin-top:24px}
.terms-v8 .post-content-area{width:min(900px,calc(100% - 34px));margin:30px auto 64px;padding:30px;border:1px solid #dfe7f1;border-radius:28px;background:#fff;box-shadow:0 15px 40px rgba(16,33,61,.07)}
.terms-v8 .post-content-area .post-title{margin:0 0 4px;color:#10213d;font-size:.86rem;text-transform:uppercase;letter-spacing:.08em}
.terms-v8 .post-body h2{margin-top:28px;color:#17375e}
.terms-v8 .post-body p{color:#5e6f85;line-height:1.68}
.terms-v8 .post-body .date{color:#7a889a}
.terms-v8 .area-exclusiva-home{border-top:1px solid #e3eaf3;background:#fafbfd}
.terms-v8 .portal-intro-card{margin-top:32px}
.terms-v8 .terms-legacy-label{width:min(1080px,calc(100% - 34px));margin:42px auto 0;padding:0 2px}
.terms-v8 .terms-legacy-label span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#eef3f8;color:#60738c;font-size:.76rem;font-weight:900;text-transform:uppercase;letter-spacing:.06em}
.terms-v8 .terms-legacy-label h2{margin:8px 0 4px;font-size:1.5rem;color:#17375e}
.terms-v8 .terms-legacy-label p{margin:0;color:#6c7b90}

/* Ponte de produto sem remover o conteúdo original */
.bridge-v8 .bridge-banner{
  width:min(1120px,calc(100% - 34px));margin:28px auto 0;padding:22px 24px;border-radius:22px;
  display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center;
  background:linear-gradient(135deg,#0d2b61,#1769ff);color:#fff;box-shadow:0 14px 38px rgba(13,43,97,.16)
}
.bridge-v8 .bridge-banner.purple{background:linear-gradient(135deg,#2a1749,#7a4ce0)}
.bridge-v8 .bridge-banner.green{background:linear-gradient(135deg,#0b4e42,#0b9f78)}
.bridge-v8 .bridge-banner h2{margin:0 0 5px;font-size:1.5rem;letter-spacing:-.025em}
.bridge-v8 .bridge-banner p{margin:0;color:#dce7f8;line-height:1.5}
.bridge-v8 .bridge-banner a{display:inline-flex;align-items:center;gap:7px;padding:11px 14px;border-radius:12px;background:#fff;color:#10213d;font-weight:900;text-decoration:none;white-space:nowrap}

/* Links oficiais */
body.links-v8{margin:0;background:linear-gradient(180deg,#eef5ff,#f8fafc);color:#10213d;font-family:"Nunito",system-ui,sans-serif}
.links-v8 .links-shell{width:min(680px,calc(100% - 28px));margin:0 auto;padding:42px 0 68px}
.links-v8 .links-title{margin:0 0 6px;font-size:clamp(2.2rem,7vw,3.7rem);letter-spacing:-.05em;text-align:center}
.links-v8 .links-sub{margin:0 auto 24px;max-width:560px;text-align:center;color:#66758d;line-height:1.55}
.links-v8 .links-list{display:grid;gap:11px}
.links-v8 .links-list>a{box-shadow:0 9px 26px rgba(16,33,61,.055)}
.links-v8 .links-footer-note{margin-top:18px;text-align:center;color:#7b8ba0;font-size:.82rem}

@media(max-width:700px){
  .terms-v8 .post-content-area{padding:20px}
  .bridge-v8 .bridge-banner{grid-template-columns:1fr}
  .bridge-v8 .bridge-banner a{justify-self:start}
}
