/* HUBMAT DESIGN SYSTEM V2 — camada compartilhada estática */
:root{
  --hub-v2-navy:#0b1c3c;
  --hub-v2-navy-2:#14356b;
  --hub-v2-blue:#1259c3;
  --hub-v2-green:#35a82e;
  --hub-v2-purple:#6f38b8;
  --hub-v2-orange:#e56e08;
  --hub-v2-gold:#d4a017;
  --hub-v2-text:#18243a;
  --hub-v2-muted:#5d6b82;
  --hub-v2-line:#dfe6ef;
  --hub-v2-bg:#f5f8fc;
  --hub-v2-white:#fff;
  --hub-v2-shadow-sm:0 8px 24px rgba(11,28,60,.06);
  --hub-v2-shadow:0 16px 40px rgba(11,28,60,.10);
  --hub-v2-radius-sm:12px;
  --hub-v2-radius:20px;
  --hub-v2-radius-lg:28px;
  --hub-v2-container:1180px;
  --hub-v2-header-height:76px;
}

html[data-hub-layout="v2"]{
  scroll-behavior:smooth;
  scroll-padding-top:calc(var(--hub-v2-header-height) + 46px);
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  max-width:100%;
  overflow-x:hidden;
}
html[data-hub-layout="v2"] body{
  min-width:320px;
  max-width:100%;
  overflow-x:hidden;
  color:var(--hub-v2-text);
  font-family:"Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
html[data-hub-layout="v2"] body :where(h1,h2,h3,h4,h5,h6,p,a,span,strong,em,small,button,input,select,textarea,label,summary){
  font-family:"Nunito",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
}
html[data-hub-layout="v2"] *,
html[data-hub-layout="v2"] *::before,
html[data-hub-layout="v2"] *::after{box-sizing:border-box}
html[data-hub-layout="v2"] :where(img,svg,canvas,video,iframe){max-width:100%;height:auto}
html[data-hub-layout="v2"] :where(a,button,summary){touch-action:manipulation}
html[data-hub-layout="v2"] :where(a,button,input,select,textarea,summary):focus-visible{
  outline:3px solid #f5c542!important;
  outline-offset:3px!important;
}
html[data-hub-layout="v2"] [hidden],
html[data-hub-layout="v2"] [data-hub-legacy-shell]{display:none!important}

.hub-v2-skip{
  position:absolute;
  left:-9999px;
  top:8px;
  z-index:2147483647;
  padding:10px 14px;
  border-radius:10px;
  background:#fff;
  color:var(--hub-v2-navy);
  font-weight:900;
  text-decoration:none;
  box-shadow:var(--hub-v2-shadow-sm)
}
.hub-v2-skip:focus{left:8px}
.hub-v2-wrap{width:min(var(--hub-v2-container),calc(100% - 40px));margin-inline:auto}

/* Cabeçalho estático */
.hub-v2-header{
  position:sticky;
  top:0;
  z-index:2147483000;
  width:100%;
  flex:0 0 auto;
  background:rgba(255,255,255,.97);
  color:var(--hub-v2-navy);
  border-bottom:1px solid var(--hub-v2-line);
  box-shadow:0 5px 20px rgba(11,28,60,.06);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px)
}
.hub-v2-header-row{
  min-height:var(--hub-v2-header-height);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px
}
.hub-v2-brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:max-content;
  color:var(--hub-v2-navy)!important;
  text-decoration:none!important
}
.hub-v2-brand-mark{
  position:relative;
  width:76px;
  height:45px;
  display:flex;
  align-items:center;
  color:var(--hub-v2-navy);
  font-size:46px;
  font-weight:900;
  font-style:italic;
  letter-spacing:-7px;
  line-height:1
}
.hub-v2-brand-mark b{
  margin-left:-1px;
  color:var(--hub-v2-green);
  font-size:40px;
  font-style:normal;
  font-weight:900
}
.hub-v2-brand-mark::after{
  content:"";
  position:absolute;
  right:-2px;
  top:3px;
  width:1px;
  height:38px;
  background:#9aacbf
}
.hub-v2-brand-name{
  color:var(--hub-v2-navy);
  font-size:18px;
  line-height:1.05;
  font-weight:900;
  text-transform:uppercase;
  letter-spacing:-.3px
}
.hub-v2-nav{display:flex;align-items:center;gap:7px}
.hub-v2-nav a{
  position:relative;
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 12px;
  border-radius:11px;
  color:var(--hub-v2-navy)!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:800;
  white-space:nowrap
}
.hub-v2-nav a:hover{background:#eef4ff;color:var(--hub-v2-blue)!important}
.hub-v2-nav a[aria-current="page"]{background:#eaf2ff;color:var(--hub-v2-blue)!important}
.hub-v2-nav a[aria-current="page"]::after{
  content:"";
  position:absolute;
  left:12px;
  right:12px;
  bottom:4px;
  height:3px;
  border-radius:999px;
  background:var(--hub-v2-blue)
}
.hub-v2-actions{display:flex;align-items:center;gap:10px}
.hub-v2-login{
  min-height:44px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:9px 18px;
  border:2px solid var(--hub-v2-blue);
  border-radius:13px;
  color:var(--hub-v2-blue)!important;
  background:#fff;
  text-decoration:none!important;
  font-size:14px;
  font-weight:900
}
.hub-v2-menu-button{
  display:none;
  width:44px;
  height:44px;
  place-items:center;
  border:1px solid var(--hub-v2-line);
  border-radius:12px;
  background:#fff;
  color:var(--hub-v2-navy);
  font-size:20px;
  cursor:pointer
}
.hub-v2-mobile{
  display:none;
  padding:8px 20px 18px;
  border-top:1px solid var(--hub-v2-line);
  background:#fff
}
.hub-v2-mobile.is-open{display:grid;gap:6px}
.hub-v2-mobile a{
  min-height:46px;
  display:flex;
  align-items:center;
  padding:10px 12px;
  border-radius:10px;
  color:var(--hub-v2-navy)!important;
  text-decoration:none!important;
  font-size:14px;
  font-weight:800
}
.hub-v2-mobile a:hover,
.hub-v2-mobile a[aria-current="page"]{background:#eef4ff;color:var(--hub-v2-blue)!important}

/* Breadcrumb */
.hub-v2-breadcrumb-bar{
  width:100%;
  flex:0 0 auto;
  border-bottom:1px solid var(--hub-v2-line);
  background:#fff
}
.hub-v2-breadcrumb{
  min-height:42px;
  display:flex;
  align-items:center;
  gap:8px;
  overflow-x:auto;
  scrollbar-width:none;
  color:var(--hub-v2-muted);
  font-size:12px;
  font-weight:800;
  white-space:nowrap
}
.hub-v2-breadcrumb::-webkit-scrollbar{display:none}
.hub-v2-breadcrumb a{color:var(--hub-v2-blue)!important;text-decoration:none!important}
.hub-v2-breadcrumb span[aria-current="page"]{color:var(--hub-v2-navy)}
.hub-v2-breadcrumb-separator{color:#9aacbf}
.hub-v2-content-anchor{position:absolute;width:1px;height:1px;overflow:hidden}

/* Rodapé natural, estreito e resistente a flexbox */
.hub-v2-footer{
  position:relative!important;
  z-index:10!important;
  isolation:isolate!important;
  flex:0 0 auto!important;
  flex-shrink:0!important;
  width:100%!important;
  min-height:78px!important;
  height:auto!important;
  max-height:none!important;
  margin:0!important;
  margin-top:auto!important;
  padding:0!important;
  border:0!important;
  border-top:3px solid var(--hub-v2-gold)!important;
  background:var(--hub-v2-navy)!important;
  background-color:var(--hub-v2-navy)!important;
  background-image:none!important;
  color:#fff!important;
  opacity:1!important;
  filter:none!important;
  mix-blend-mode:normal!important;
  overflow:visible!important
}
.hub-v2-footer-inner{
  min-height:75px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:10px 0 max(10px,env(safe-area-inset-bottom));
  text-align:center
}
.hub-v2-footer p{margin:0!important;padding:0!important;color:#fff!important;font-size:13px!important;line-height:1.35!important;font-weight:900!important}
.hub-v2-footer p a{color:#fff!important;text-decoration:none!important}
.hub-v2-footer p a:hover{text-decoration:underline!important}
.hub-v2-social{display:flex;align-items:center;justify-content:center;gap:8px;margin:0!important;padding:0!important}
.hub-v2-social a{
  width:30px;
  height:30px;
  min-width:30px;
  min-height:30px;
  display:grid;
  place-items:center;
  margin:0!important;
  padding:0!important;
  border:1px solid rgba(255,255,255,.22)!important;
  border-radius:50%!important;
  background:transparent!important;
  color:#f6d46b!important;
  text-decoration:none!important;
  line-height:1!important
}
.hub-v2-social a:hover{transform:translateY(-2px);background:rgba(255,255,255,.08)!important}

/* Botão voltar ao topo */
.hub-v2-back-top{
  position:fixed;
  right:max(18px,env(safe-area-inset-right));
  bottom:max(18px,calc(env(safe-area-inset-bottom) + 10px));
  z-index:2147482000;
  width:44px;
  height:44px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.3);
  border-radius:50%;
  background:var(--hub-v2-navy);
  color:#fff;
  box-shadow:0 10px 26px rgba(11,28,60,.24);
  cursor:pointer;
  opacity:0;
  visibility:hidden;
  transform:translateY(8px);
  transition:.18s ease
}
.hub-v2-back-top.is-visible{opacity:1;visibility:visible;transform:none}

/* Coerência de componentes existentes */
html[data-hub-layout="v2"] :where(.container,.wrap,.main,.main-wrapper,.hero-inner,.topbar-inner){max-width:var(--hub-v2-container)}
html[data-hub-layout="v2"] :where(.card,.resource-card,.profile-card,.choice,.choice-card,.teacher-tool,.teacher-priority,.calendar-card,.caixa-branca,.desafio-card,.curiosidade-card){
  border-radius:var(--hub-v2-radius)!important;
  box-shadow:var(--hub-v2-shadow-sm)
}
html[data-hub-layout="v2"] :where(.btn,.cta,.mini-btn,.resource-btn,.start-btn,.teacher-tool-link,.btn-desafio){border-radius:12px}
html[data-hub-layout="v2"] section{scroll-margin-top:calc(var(--hub-v2-header-height) + 54px)}

/* HUB 24h: páginas internas mais compactas */
html[data-hub-page-group="hub24"] body{background:var(--hub-v2-bg)!important}
html[data-hub-page-group="hub24"] :where(.container,.main,.main-wrapper,.post-outer-container,.post-content-area){
  width:min(var(--hub-v2-container),calc(100% - 36px))!important;
  max-width:var(--hub-v2-container)!important;
  margin-left:auto!important;
  margin-right:auto!important
}
html[data-hub-page-group="hub24"] :where(.layout-grid,.grid-desafios,.desafios-grid,.curiosidades-grid,.cards-grid,.lista-grid){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:18px!important;
  align-items:stretch!important
}
html[data-hub-page-group="hub24"] :where(.caixa-branca,.desafio-item,.desafio-card,.curiosidade-item,.curiosidade-card,.questao-card,.post-card){
  min-height:0!important;
  height:auto!important;
  padding:22px!important;
  border:1px solid var(--hub-v2-line)!important;
  border-radius:18px!important;
  box-shadow:var(--hub-v2-shadow-sm)!important
}
html[data-hub-page-group="hub24"] :where(.caixa-branca,.desafio-item,.desafio-card,.curiosidade-item,.curiosidade-card,.questao-card,.post-card):hover{
  transform:translateY(-3px)!important;
  box-shadow:var(--hub-v2-shadow)!important
}
html[data-hub-page-group="hub24"] :where(.btn-desafio,.btn-resposta,.resource-btn){min-height:44px}

/* Calendário: linhas informativas compactas */
html[data-hub-page="calendario"] .calendar-grid{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:12px!important;
  margin-top:18px!important
}
html[data-hub-page="calendario"] .calendar-card{
  display:grid!important;
  grid-template-columns:minmax(160px,.7fr) minmax(260px,1.8fr) auto!important;
  grid-template-areas:"meta content countdown" "meta source countdown"!important;
  align-items:center!important;
  gap:7px 20px!important;
  min-height:112px!important;
  padding:17px 19px!important;
  border:1px solid var(--hub-v2-line)!important;
  border-left:6px solid var(--hub-v2-gold)!important;
  border-top:1px solid var(--hub-v2-line)!important;
  border-radius:17px!important;
  background:#fff!important;
  box-shadow:var(--hub-v2-shadow-sm)!important
}
html[data-hub-page="calendario"] .calendar-card-top{grid-area:meta!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:center!important;gap:7px!important}
html[data-hub-page="calendario"] .calendar-card h3{grid-area:content!important;margin:0!important;font-size:19px!important}
html[data-hub-page="calendario"] .calendar-card p{grid-area:content!important;margin:28px 0 0!important}
html[data-hub-page="calendario"] .calendar-card time{grid-area:meta!important;align-self:end!important;margin-top:47px!important;color:#8a5d00!important;font-size:12px!important}
html[data-hub-page="calendario"] .calendar-source{grid-area:source!important;margin:0!important}
html[data-hub-page="calendario"] .calendar-countdown{
  grid-area:countdown!important;
  min-width:92px!important;
  min-height:58px!important;
  display:grid!important;
  place-items:center!important;
  padding:10px!important;
  border-radius:15px!important;
  background:#eef4ff!important;
  color:var(--hub-v2-blue)!important;
  font-size:13px!important;
  text-align:center!important
}
html[data-hub-page="calendario"] .main{padding-bottom:38px!important}

/* Portais: mesma linguagem visual, cores específicas preservadas */
html[data-hub-page-group="portal"] :where(.hero,.section,.section-sm,.teacher-section){scroll-margin-top:calc(var(--hub-v2-header-height) + 54px)}
html[data-hub-page-group="portal"] :where(.choice,.card,.teacher-tool,.teacher-priority,.band,.hero-panel){border-radius:var(--hub-v2-radius)!important}
html[data-hub-page-group="portal"] :where(.choice,.card,.teacher-tool,.teacher-priority){box-shadow:var(--hub-v2-shadow-sm)!important}

/* Acessibilidade */
@media(prefers-reduced-motion:reduce){
  html[data-hub-layout="v2"]{scroll-behavior:auto}
  html[data-hub-layout="v2"] *,
  html[data-hub-layout="v2"] *::before,
  html[data-hub-layout="v2"] *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}
@media(forced-colors:active){
  .hub-v2-header,.hub-v2-footer,.hub-v2-breadcrumb-bar{border-color:CanvasText}
  .hub-v2-nav a[aria-current="page"]{outline:2px solid Highlight}
}

/* 1440 px */
@media(min-width:1440px){
  :root{--hub-v2-container:1240px}
  .hub-v2-nav{gap:10px}
}

/* 1024 px */
@media(max-width:1024px){
  .hub-v2-nav{display:none}
  .hub-v2-menu-button{display:grid}
  html[data-hub-page-group="hub24"] :where(.layout-grid,.grid-desafios,.desafios-grid,.curiosidades-grid,.cards-grid,.lista-grid){grid-template-columns:repeat(2,minmax(0,1fr))!important}
}

/* 768 px */
@media(max-width:768px){
  :root{--hub-v2-header-height:65px}
  .hub-v2-wrap{width:min(100% - 28px,var(--hub-v2-container))}
  .hub-v2-header-row{min-height:65px}
  .hub-v2-brand-mark{width:62px;height:39px;font-size:38px}
  .hub-v2-brand-mark b{font-size:34px}
  .hub-v2-brand-mark::after{height:32px}
  .hub-v2-brand-name{font-size:14px}
  .hub-v2-login{display:none}
  .hub-v2-breadcrumb{min-height:39px}
  .hub-v2-footer-inner{min-height:72px;padding-top:9px}
  html[data-hub-page-group="hub24"] :where(.container,.main,.main-wrapper,.post-outer-container,.post-content-area){width:min(100% - 24px,var(--hub-v2-container))!important}
  html[data-hub-page-group="hub24"] :where(.layout-grid,.grid-desafios,.desafios-grid,.curiosidades-grid,.cards-grid,.lista-grid){grid-template-columns:1fr!important;gap:13px!important}
  html[data-hub-page-group="hub24"] :where(.caixa-branca,.desafio-item,.desafio-card,.curiosidade-item,.curiosidade-card,.questao-card,.post-card){padding:18px!important}
  html[data-hub-page="calendario"] .calendar-card{
    grid-template-columns:1fr auto!important;
    grid-template-areas:"meta countdown" "content content" "source source"!important;
    gap:10px 12px!important;
    min-height:0!important
  }
  html[data-hub-page="calendario"] .calendar-card-top{grid-area:meta!important}
  html[data-hub-page="calendario"] .calendar-card h3{grid-area:content!important}
  html[data-hub-page="calendario"] .calendar-card p{grid-area:content!important;margin:30px 0 0!important}
  html[data-hub-page="calendario"] .calendar-card time{grid-area:meta!important;margin-top:47px!important}
  html[data-hub-page="calendario"] .calendar-countdown{grid-area:countdown!important;min-width:78px!important}
  html[data-hub-page="calendario"] .calendar-source{grid-area:source!important}
}

/* 360 px */
@media(max-width:360px){
  .hub-v2-wrap{width:min(100% - 20px,var(--hub-v2-container))}
  .hub-v2-brand-mark{width:52px;font-size:34px}
  .hub-v2-brand-mark b{font-size:30px}
  .hub-v2-brand-name{font-size:11px}
  .hub-v2-menu-button{width:42px;height:42px}
  .hub-v2-footer p{font-size:12px!important}
  .hub-v2-social a{width:28px;height:28px;min-width:28px;min-height:28px}
  .hub-v2-back-top{width:42px;height:42px;right:12px;bottom:12px}
}

@media print{
  .hub-v2-header,.hub-v2-breadcrumb-bar,.hub-v2-footer,.hub-v2-back-top,.hub-v2-skip{display:none!important}
  html[data-hub-layout="v2"] body{background:#fff!important}
}

/* ======================================================================
   REORGANIZAÇÃO VISUAL — HOME — 2026-08-09
   Somente ritmo, hierarquia e grid. Conteúdo e rodapé permanecem intactos.
   ====================================================================== */
html[data-hub-page="home"] .hero-grid{gap:52px!important;padding-top:58px!important;padding-bottom:38px!important}
html[data-hub-page="home"] .impact{border-radius:24px!important;box-shadow:0 14px 34px rgba(11,28,60,.08)!important}
html[data-hub-page="home"] .section{padding-top:66px!important;padding-bottom:66px!important}
html[data-hub-page="home"] .section.compact{padding-top:48px!important;padding-bottom:48px!important}
html[data-hub-page="home"] .section-head{margin-bottom:32px!important}
html[data-hub-page="home"] .grid-4{gap:18px!important}
html[data-hub-page="home"] .profile-card{min-height:260px!important;padding:25px!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(11,28,60,.065)!important;transition:transform .18s ease,box-shadow .18s ease}
html[data-hub-page="home"] .profile-card:hover{transform:translateY(-3px)!important;box-shadow:0 16px 36px rgba(11,28,60,.10)!important}
html[data-hub-page="home"] .method{border-radius:24px!important;box-shadow:0 10px 28px rgba(11,28,60,.05)!important}
html[data-hub-page="home"] .resource-grid{gap:20px!important}
html[data-hub-page="home"] .resource-card{min-height:330px!important;padding:25px!important;border-radius:22px!important;box-shadow:0 12px 30px rgba(11,28,60,.065)!important;transition:transform .18s ease,box-shadow .18s ease}
html[data-hub-page="home"] .resource-card:hover{transform:translateY(-3px)!important;box-shadow:0 18px 38px rgba(11,28,60,.10)!important}
html[data-hub-page="home"] #hoje-no-hub{background:linear-gradient(180deg,#eef5fc 0%,#f7fbff 100%)!important}
html[data-hub-page="home"] .today-grid{gap:20px!important}
html[data-hub-page="home"] .today-card{min-height:300px!important;padding:25px!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(11,28,60,.065)!important}
html[data-hub-page="home"] .authority{border-radius:26px!important;box-shadow:0 14px 34px rgba(11,28,60,.07)!important}
@media(max-width:1024px){
  html[data-hub-page="home"] .hero-grid{gap:32px!important}
}
@media(max-width:768px){
  html[data-hub-page="home"] .section{padding-top:48px!important;padding-bottom:48px!important}
  html[data-hub-page="home"] .section.compact{padding-top:38px!important;padding-bottom:38px!important}
  html[data-hub-page="home"] .profile-card,
  html[data-hub-page="home"] .resource-card,
  html[data-hub-page="home"] .today-card{min-height:0!important;padding:20px!important}
}

/* ======================================================================
   REORGANIZAÇÃO VISUAL — LOJA, HUBMAT ESCOLAS E MENTORIA — 2026-08-09
   Somente composição, ritmo e responsividade. Conteúdo e rodapés intactos.
   ====================================================================== */

/* LOJA HUB — catálogo com leitura de livraria, sem reduzir produtos */
html[data-hub-layout="v2"] .store-header{box-shadow:0 8px 24px rgba(31,94,150,.08)!important}
html[data-hub-layout="v2"] .store-header .menu-row{gap:8px!important}
html[data-hub-layout="v2"] .hero-carousel{min-height:285px!important}
html[data-hub-layout="v2"] .trust-inner{gap:16px!important}
html[data-hub-layout="v2"] .shelf{padding-top:58px!important;padding-bottom:64px!important}
html[data-hub-layout="v2"] .shelf-head{margin-bottom:30px!important}
html[data-hub-layout="v2"] .book-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:22px!important}
html[data-hub-layout="v2"] .book-card{border-radius:22px!important;box-shadow:0 16px 36px rgba(33,104,164,.12)!important}
html[data-hub-layout="v2"] .book-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 46px rgba(33,104,164,.18)!important}
html[data-hub-layout="v2"] .cover{min-height:275px!important}
html[data-hub-layout="v2"] .book-info{padding:19px!important}
@media(max-width:980px){
  html[data-hub-layout="v2"] .book-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  html[data-hub-layout="v2"] .trust-inner{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  html[data-hub-layout="v2"] .book-grid{grid-template-columns:1fr!important}
  html[data-hub-layout="v2"] .shelf{padding-top:44px!important;padding-bottom:48px!important}
  html[data-hub-layout="v2"] .cover{min-height:235px!important}
  html[data-hub-layout="v2"] .trust-inner{grid-template-columns:1fr!important}
}

/* HUBMAT ESCOLAS — intervenção contida na página institucional */
html[data-hub-page="escolas"] body:not(.solutions) .hero{padding-top:70px!important;padding-bottom:82px!important}
html[data-hub-page="escolas"] body:not(.solutions) .hero-grid{gap:48px!important}
html[data-hub-page="escolas"] body:not(.solutions) .hero-card{border-radius:28px!important;box-shadow:0 22px 58px rgba(0,0,0,.18)!important}
html[data-hub-page="escolas"] body:not(.solutions) .strip-card{gap:16px!important;padding:22px!important;border-radius:28px!important}
html[data-hub-page="escolas"] body:not(.solutions) .grid4{gap:20px!important}
html[data-hub-page="escolas"] body:not(.solutions) .card{display:flex!important;flex-direction:column!important;min-height:280px!important;padding:26px!important}
html[data-hub-page="escolas"] body:not(.solutions) .card-actions{margin-top:auto!important;padding-top:18px!important}
html[data-hub-page="escolas"] body:not(.solutions) .timeline{gap:18px!important}
html[data-hub-page="escolas"] body:not(.solutions) .step{padding:24px!important;border-radius:22px!important}
@media(max-width:700px){
  html[data-hub-page="escolas"] body:not(.solutions) .hero{padding-top:52px!important;padding-bottom:70px!important}
  html[data-hub-page="escolas"] body:not(.solutions) .hero-grid{gap:28px!important}
  html[data-hub-page="escolas"] body:not(.solutions) .card{min-height:0!important;padding:22px!important}
  html[data-hub-page="escolas"] body:not(.solutions) .step{padding:20px!important}
}

/* MENTORIA — largura de leitura e cards mais respirados */
html[data-hub-page="mentoria"] .hero-section{padding-top:56px!important;padding-bottom:86px!important}
html[data-hub-page="mentoria"] .hero-title{font-size:clamp(34px,5vw,52px)!important;line-height:1.04!important}
html[data-hub-page="mentoria"] .container{max-width:1180px!important;padding-left:22px!important;padding-right:22px!important}
html[data-hub-page="mentoria"] .secao-pilares{margin-bottom:48px!important}
html[data-hub-page="mentoria"] .grid-pilares{gap:18px!important}
html[data-hub-page="mentoria"] .card-pilar{padding:26px 28px!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(11,28,60,.06)!important}
html[data-hub-page="mentoria"] .layout-grid{gap:20px!important;margin-bottom:48px!important}
html[data-hub-page="mentoria"] .caixa-branca{padding:28px!important;border-radius:22px!important;box-shadow:0 10px 28px rgba(11,28,60,.06)!important}
@media(max-width:780px){
  html[data-hub-page="mentoria"] .grid-pilares,
  html[data-hub-page="mentoria"] .layout-grid{grid-template-columns:1fr!important}
  html[data-hub-page="mentoria"] .card-pilar{padding:22px!important;gap:20px!important}
  html[data-hub-page="mentoria"] .caixa-branca{padding:22px!important}
}

/* ======================================================================
   EXPERIÊNCIAS HUBMAT V3 — HERO COMPACTO E IDENTIDADES PRÓPRIAS
   Prática = verde | Explorar = turquesa | Preparação = azul + laranja
   ====================================================================== */

/* PRÁTICA — ação, treino e progresso */
html[data-hub-page="pratica"] .hp-hero{background:linear-gradient(135deg,#f8fcf7 0%,#eef9ee 100%)!important;color:#0b1c3c!important;border-bottom:1px solid #d8ead9!important}
html[data-hub-page="pratica"] .hp-hero::before,html[data-hub-page="pratica"] .hp-hero::after{display:none!important}
html[data-hub-page="pratica"] .hp-hero-grid{min-height:350px!important;grid-template-columns:minmax(0,1.08fr) minmax(350px,.92fr)!important;gap:42px!important;padding:42px 0!important}
html[data-hub-page="pratica"] .hp-kicker{background:#fff!important;border:1px solid #bfe0c2!important;color:#287c36!important;box-shadow:0 6px 18px rgba(46,155,63,.07)!important}
html[data-hub-page="pratica"] .hp-hero h1{margin:16px 0 12px!important;max-width:680px!important;color:#0b1c3c!important;font-size:clamp(38px,4.6vw,58px)!important;line-height:1.01!important;letter-spacing:-.035em!important}
html[data-hub-page="pratica"] .hp-hero h1 span{display:block!important;color:#2e9b3f!important}
html[data-hub-page="pratica"] .hp-lead{max-width:660px!important;color:#52647a!important;font-size:16px!important;line-height:1.55!important}
html[data-hub-page="pratica"] .hp-actions{margin-top:22px!important}
html[data-hub-page="pratica"] .hp-btn.primary{background:#2e9b3f!important;color:#fff!important;box-shadow:0 8px 20px rgba(46,155,63,.18)!important}
html[data-hub-page="pratica"] .hp-btn.secondary{background:#fff!important;color:#287c36!important;border:1px solid #b8dcbc!important}
html[data-hub-page="pratica"] .hp-visual{position:relative!important;min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;place-items:stretch!important;align-content:center!important;transform:none!important;margin:0!important}
html[data-hub-page="pratica"] .hp-orbit,html[data-hub-page="pratica"] .hp-core{display:none!important}
html[data-hub-page="pratica"] .hp-node{--node:#2e9b3f;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;min-width:0!important;width:100%!important;min-height:76px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:14px 48px 14px 18px!important;border:1px solid #d9e8da!important;border-left:5px solid var(--node)!important;border-radius:17px!important;background:#fff!important;color:#0b1c3c!important;box-shadow:0 8px 22px rgba(11,28,60,.055)!important;backdrop-filter:none!important;transition:.18s ease!important}
html[data-hub-page="pratica"] .hp-node.n1{--node:#2e9b3f}
html[data-hub-page="pratica"] .hp-node.n2{--node:#55ad4f}
html[data-hub-page="pratica"] .hp-node.n3{--node:#1f7f35}
html[data-hub-page="pratica"] .hp-node strong{color:#0b1c3c!important;font-size:16px!important}
html[data-hub-page="pratica"] .hp-node strong i{color:var(--node)!important}
html[data-hub-page="pratica"] .hp-node small{color:#64758a!important;font-size:11px!important;font-weight:800!important}
html[data-hub-page="pratica"] .hp-node::after{content:"→";position:absolute;right:17px;top:50%;transform:translateY(-50%);color:var(--node);font-size:16px;font-weight:900}
html[data-hub-page="pratica"] .hp-node:hover{transform:translateX(4px)!important;border-color:#b9d8bd!important;box-shadow:0 12px 28px rgba(46,155,63,.12)!important}
html[data-hub-page="pratica"] .hp-proof{display:none!important}
html[data-hub-page="pratica"] .hp-section.soft{background:#f7fbf7!important}
html[data-hub-page="pratica"] .hp-eyebrow{color:#2e9b3f!important}
html[data-hub-page="pratica"] .hp-selector-title span{background:#eef9ee!important;color:#2e9b3f!important}
html[data-hub-page="pratica"] .hp-question a{color:#2e9b3f!important}
html[data-hub-page="pratica"] .hp-spectrum{background:linear-gradient(135deg,#164d22,#2e7d32)!important}
html[data-hub-page="pratica"] .hp-final-box{background:linear-gradient(135deg,#164d22,#2f873d)!important}

/* EXPLORAR — descoberta, investigação e conexão */
html[data-hub-page="explorar"] .hp-hero{background:linear-gradient(135deg,#f7fcfb 0%,#e7f8f5 100%)!important;color:#0b1c3c!important;border-bottom:1px solid #cfe9e4!important}
html[data-hub-page="explorar"] .hp-hero::before,html[data-hub-page="explorar"] .hp-hero::after{display:none!important}
html[data-hub-page="explorar"] .hp-hero-grid{min-height:380px!important;grid-template-columns:1fr!important;gap:24px!important;padding:40px 0 36px!important}
html[data-hub-page="explorar"] .hp-hero-grid>div:first-child{max-width:850px!important}
html[data-hub-page="explorar"] .hp-kicker{background:#fff!important;border:1px solid #b9ddd7!important;color:#0f7f75!important;box-shadow:0 6px 18px rgba(15,143,131,.07)!important}
html[data-hub-page="explorar"] .hp-hero h1{margin:15px 0 12px!important;max-width:800px!important;color:#0b1c3c!important;font-size:clamp(38px,4.8vw,60px)!important;line-height:1.01!important;letter-spacing:-.035em!important}
html[data-hub-page="explorar"] .hp-hero h1 span{display:block!important;color:#0f8f83!important}
html[data-hub-page="explorar"] .hp-lead{max-width:780px!important;color:#52647a!important;font-size:16px!important;line-height:1.55!important}
html[data-hub-page="explorar"] .hp-actions{margin-top:21px!important}
html[data-hub-page="explorar"] .hp-btn.primary{background:#0f8f83!important;color:#fff!important;box-shadow:0 8px 20px rgba(15,143,131,.18)!important}
html[data-hub-page="explorar"] .hp-btn.secondary{background:#fff!important;color:#0f7f75!important;border:1px solid #b9ddd7!important}
html[data-hub-page="explorar"] .hp-visual{position:relative!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important;place-items:stretch!important;transform:none!important;margin:0!important}
html[data-hub-page="explorar"] .hp-orbit,html[data-hub-page="explorar"] .hp-core{display:none!important}
html[data-hub-page="explorar"] .hp-node{--node:#0f8f83;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;min-width:0!important;width:100%!important;min-height:104px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;padding:18px 58px 18px 20px!important;border:1px solid #cfe9e4!important;border-top:4px solid var(--node)!important;border-radius:19px!important;background:#fff!important;color:#0b1c3c!important;box-shadow:0 8px 22px rgba(11,28,60,.055)!important;backdrop-filter:none!important;transition:.18s ease!important}
html[data-hub-page="explorar"] .hp-node.n1{--node:#147f76}
html[data-hub-page="explorar"] .hp-node.n2{--node:#0f8f83}
html[data-hub-page="explorar"] .hp-node.n3{--node:#1ca79a}
html[data-hub-page="explorar"] .hp-node strong{color:#0b1c3c!important;font-size:16px!important}
html[data-hub-page="explorar"] .hp-node strong i{color:var(--node)!important}
html[data-hub-page="explorar"] .hp-node small{color:#607087!important;font-size:11px!important;font-weight:800!important}
html[data-hub-page="explorar"] .hp-node.n1::after{content:"01"}
html[data-hub-page="explorar"] .hp-node.n2::after{content:"02"}
html[data-hub-page="explorar"] .hp-node.n3::after{content:"03"}
html[data-hub-page="explorar"] .hp-node::after{position:absolute;right:18px;top:18px;color:var(--node);font-size:12px;font-weight:900;letter-spacing:.08em}
html[data-hub-page="explorar"] .hp-node:hover{transform:translateY(-3px)!important;border-color:#a9d8d0!important;box-shadow:0 12px 28px rgba(15,143,131,.12)!important}
html[data-hub-page="explorar"] .hp-proof{display:none!important}
html[data-hub-page="explorar"] .hp-section.soft{background:#f5fbfa!important}
html[data-hub-page="explorar"] .hp-eyebrow{color:#0f8f83!important}
html[data-hub-page="explorar"] .hp-selector-title span{background:#e7f8f5!important;color:#0f8f83!important}
html[data-hub-page="explorar"] .hp-question a{color:#0f8f83!important}
html[data-hub-page="explorar"] .hp-spectrum{background:linear-gradient(135deg,#075f58,#0f8f83)!important}
html[data-hub-page="explorar"] .hp-final-box{background:linear-gradient(135deg,#075f58,#0f8f83)!important}

/* PREPARAÇÃO — foco, meta e direção */
html[data-hub-page="preparacao"] .prep-hero{background:linear-gradient(135deg,#eef4ff 0%,#f8fbff 55%,#fff3e7 100%)!important;color:#0b1c3c!important;border-bottom:1px solid #dbe5f1!important}
html[data-hub-page="preparacao"] .prep-hero::before,html[data-hub-page="preparacao"] .prep-hero::after{display:none!important}
html[data-hub-page="preparacao"] .prep-hero-grid{min-height:390px!important;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;gap:38px!important;padding:42px 0 36px!important}
html[data-hub-page="preparacao"] .prep-kicker{background:#fff!important;border:1px solid #cbdcf2!important;color:#1259c3!important;box-shadow:0 6px 18px rgba(18,89,195,.07)!important;backdrop-filter:none!important}
html[data-hub-page="preparacao"] .prep-kicker i{color:#e67a12!important}
html[data-hub-page="preparacao"] .prep-hero h1{margin:16px 0 12px!important;max-width:680px!important;color:#0b1c3c!important;font-size:clamp(39px,4.8vw,60px)!important;line-height:1.01!important;letter-spacing:-.04em!important}
html[data-hub-page="preparacao"] .prep-hero h1 span{display:block!important;color:#1259c3!important}
html[data-hub-page="preparacao"] .prep-lead{max-width:680px!important;color:#52647a!important;font-size:16px!important;line-height:1.55!important}
html[data-hub-page="preparacao"] .prep-actions{margin-top:22px!important}
html[data-hub-page="preparacao"] .prep-btn.primary{background:#1259c3!important;color:#fff!important;box-shadow:0 8px 20px rgba(18,89,195,.18)!important}
html[data-hub-page="preparacao"] .prep-btn.secondary{background:#fff!important;color:#c15f08!important;border:1px solid #efc79f!important;box-shadow:none!important}
html[data-hub-page="preparacao"] .prep-radar{position:relative!important;min-height:0!important;display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important;place-items:stretch!important}
html[data-hub-page="preparacao"] .prep-radar-ring,html[data-hub-page="preparacao"] .prep-radar-core{display:none!important}
html[data-hub-page="preparacao"] .prep-target{--goal:#1259c3;--soft:#eef4ff;position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;transform:none!important;min-width:0!important;width:100%!important;min-height:94px!important;display:grid!important;grid-template-columns:42px 1fr!important;grid-template-rows:auto auto!important;align-items:center!important;column-gap:11px!important;padding:14px 42px 14px 14px!important;border:1px solid #d8e2ee!important;border-top:4px solid var(--goal)!important;border-radius:18px!important;background:#fff!important;color:#0b1c3c!important;box-shadow:0 8px 22px rgba(11,28,60,.055)!important;backdrop-filter:none!important;transition:.18s ease!important}
html[data-hub-page="preparacao"] .prep-target.t1{--goal:#1259c3;--soft:#eef4ff}
html[data-hub-page="preparacao"] .prep-target.t2{--goal:#e67a12;--soft:#fff3e7}
html[data-hub-page="preparacao"] .prep-target.t4{--goal:#1259c3;--soft:#eef4ff}
html[data-hub-page="preparacao"] .prep-target.t3{--goal:#e67a12;--soft:#fff3e7}
html[data-hub-page="preparacao"] .prep-target i{grid-row:1/3!important;width:42px!important;height:42px!important;display:grid!important;place-items:center!important;margin:0!important;border-radius:13px!important;background:var(--soft)!important;color:var(--goal)!important;font-size:16px!important}
html[data-hub-page="preparacao"] .prep-target span{grid-column:2!important;align-self:end!important;color:#0b1c3c!important;font-size:14px!important;font-weight:900!important}
html[data-hub-page="preparacao"] .prep-target::after{grid-column:2!important;align-self:start!important;margin-top:1px;color:#6b7b90;font-size:10px;font-weight:800}
html[data-hub-page="preparacao"] .prep-target.t1::after{content:"Vestibular nacional"}
html[data-hub-page="preparacao"] .prep-target.t2::after{content:"Vestibulinho"}
html[data-hub-page="preparacao"] .prep-target.t4::after{content:"Olimpíada de Matemática"}
html[data-hub-page="preparacao"] .prep-target.t3::after{content:"Avaliação seriada"}
html[data-hub-page="preparacao"] .prep-target::before{content:"→";position:absolute;right:15px;top:50%;transform:translateY(-50%);color:var(--goal);font-size:15px;font-weight:900}
html[data-hub-page="preparacao"] .prep-target:hover{transform:translateY(-3px)!important;border-color:color-mix(in srgb,var(--goal) 32%,#d8e2ee)!important;box-shadow:0 12px 28px rgba(11,28,60,.10)!important}
html[data-hub-page="preparacao"] .prep-proof{display:none!important}
html[data-hub-page="preparacao"] .prep-section.soft{background:linear-gradient(180deg,#f8faff,#f5f8fc)!important}
html[data-hub-page="preparacao"] .prep-final-box{background:linear-gradient(135deg,#eef4ff,#fff4e9)!important;border-color:#dbe5f1!important}

@media(max-width:800px){
  html[data-hub-page="pratica"] .hp-hero-grid,html[data-hub-page="preparacao"] .prep-hero-grid{grid-template-columns:1fr!important;gap:24px!important}
  html[data-hub-page="pratica"] .hp-visual{grid-template-columns:1fr!important}
  html[data-hub-page="preparacao"] .prep-radar{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:640px){
  html[data-hub-page="pratica"] .hp-hero-grid,html[data-hub-page="explorar"] .hp-hero-grid,html[data-hub-page="preparacao"] .prep-hero-grid{min-height:0!important;padding:30px 0!important}
  html[data-hub-page="pratica"] .hp-hero h1,html[data-hub-page="explorar"] .hp-hero h1,html[data-hub-page="preparacao"] .prep-hero h1{font-size:38px!important}
  html[data-hub-page="pratica"] .hp-lead,html[data-hub-page="explorar"] .hp-lead,html[data-hub-page="preparacao"] .prep-lead{font-size:14px!important}
  html[data-hub-page="explorar"] .hp-visual{grid-template-columns:1fr!important;gap:10px!important}
  html[data-hub-page="explorar"] .hp-node{min-height:82px!important;padding:14px 50px 14px 16px!important}
  html[data-hub-page="preparacao"] .prep-radar{grid-template-columns:1fr!important;gap:9px!important}
  html[data-hub-page="preparacao"] .prep-target{min-height:78px!important}
  html[data-hub-page="pratica"] .hp-actions,html[data-hub-page="explorar"] .hp-actions,html[data-hub-page="preparacao"] .prep-actions{display:grid!important;grid-template-columns:1fr!important}
  html[data-hub-page="pratica"] .hp-btn,html[data-hub-page="explorar"] .hp-btn,html[data-hub-page="preparacao"] .prep-btn{width:100%!important}
}