/* Páginas internas do Hoje no HUB — compactação sem remoção de conteúdo */
html[data-hub-page-group="hub24"]{
  height:auto!important;
  min-height:100%!important;
  overflow-x:clip!important;
  overflow-y:visible!important
}
html[data-hub-page-group="hub24"] body{
  height:auto!important;
  min-height:100vh!important;
  overflow-x:clip!important;
  overflow-y:visible!important
}
html[data-hub-page-group="hub24"] .main-wrapper{
  flex:0 0 auto!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important
}
html[data-hub-page-group="hub24"] :where(.portal-home-shell,.area-exclusiva-home,.post-outer-container,.post-content-area){
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  overflow:visible!important;
  background:var(--hub-v2-bg)!important
}
html[data-hub-page-group="hub24"] :where(.container,.main,.post-content-area){max-width:1180px!important}
html[data-hub-page-group="hub24"] :where(.portal-intro-card,.hero-section,.hub-home-hero){margin-bottom:22px!important}
html[data-hub-page-group="hub24"] :where(.lista-desafios,.desafios-lista,.lista-curiosidades,.curiosidades-lista,.lista-questoes,.questoes-lista,.cards-container,.conteudo-grid,.layout-grid){
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:16px!important;
  align-items:stretch!important
}
html[data-hub-page-group="hub24"] :where(.desafio-card,.card-desafio,.desafio-item,.item-desafio,.curiosidade-card,.card-curiosidade,.curiosidade-item,.item-curiosidade,.questao-card,.item-questao,.caixa-branca){
  min-width:0!important;
  min-height:0!important;
  height:auto!important;
  padding:21px!important;
  border:1px solid var(--hub-v2-line)!important;
  border-radius:18px!important;
  background:#fff!important;
  box-shadow:var(--hub-v2-shadow-sm)!important
}
html[data-hub-page-group="hub24"] :where(.desafio-card,.card-desafio,.desafio-item,.item-desafio,.curiosidade-card,.card-curiosidade,.curiosidade-item,.item-curiosidade,.questao-card,.item-questao,.caixa-branca):hover{
  transform:translateY(-3px)!important;
  box-shadow:var(--hub-v2-shadow)!important
}
html[data-hub-page-group="hub24"] :where(.desafio-card,.card-desafio,.desafio-item,.item-desafio,.curiosidade-card,.card-curiosidade,.curiosidade-item,.item-curiosidade,.questao-card,.item-questao,.caixa-branca) :where(h2,h3){
  color:var(--hub-v2-navy)!important;
  line-height:1.2!important
}
html[data-hub-page-group="hub24"] :where(.btn-desafio,.btn-resposta,.btn-resolucao,.resource-btn,button[class*="resposta"],button[class*="resolucao"]){
  min-height:44px!important;
  width:auto!important;
  align-self:flex-start!important;
  padding:10px 15px!important;
  border-radius:12px!important
}
html[data-hub-page-group="hub24"] :where(.tags,.tag-list,.badges,.badge-list){gap:7px!important}
html[data-hub-page-group="hub24"] :where(.tags span,.tag-list span,.badges span,.badge-list span){border-width:1px!important}
html[data-hub-page-group="hub24"] :where(.portal-fast-access,.portal-destaques-hub,.portal-secondary-banner-wrap){margin-top:26px!important;margin-bottom:26px!important}
html[data-hub-page-group="hub24"] :where(.site-footer,.footer,.footer-minimal){display:none!important}

@media(max-width:1024px){
  html[data-hub-page-group="hub24"] :where(.lista-desafios,.desafios-lista,.lista-curiosidades,.curiosidades-lista,.lista-questoes,.questoes-lista,.cards-container,.conteudo-grid,.layout-grid){gap:13px!important}
}
@media(max-width:768px){
  html[data-hub-page-group="hub24"] .area-do-blogger.container{
    width:calc(100% - 16px)!important;
    max-width:none!important;
    margin:0 8px!important;
    padding:8px!important
  }
  html[data-hub-page-group="hub24"] .area-do-blogger :where(.main,.widget,.blog-posts,.post-outer,.post-content-area,.post-body){
    width:100%!important;
    max-width:none!important;
    min-width:0!important;
    margin-left:0!important;
    margin-right:0!important
  }
  html[data-hub-page-group="hub24"] .area-do-blogger .main{padding:0!important}
  html[data-hub-page-group="hub24"] .area-do-blogger .post-content-area{
    padding:16px!important;
    border-radius:18px!important
  }
  html[data-hub-page-group="hub24"] .area-do-blogger .post-title{
    margin-bottom:20px!important;
    font-size:25px!important
  }
  html[data-hub-page-group="hub24"] :where(.hub-desafios-page,.hub-extras-page,.hub-curiosidades-page){
    width:100%!important;
    max-width:none!important;
    padding:10px 0 34px!important
  }
  html[data-hub-page-group="hub24"] :where(.hub-desafios-hero,.hub-extras-hero,.hub-curiosidades-hero){
    padding:24px 18px!important;
    border-radius:20px!important
  }
  html[data-hub-page-group="hub24"] :where(.hub-desafios-hero h1,.hub-extras-hero h1,.hub-curiosidades-hero h1){
    font-size:clamp(28px,10vw,38px)!important;
    overflow-wrap:anywhere!important
  }
  html[data-hub-page-group="hub24"] :where(.hub-desafios-hero p,.hub-extras-hero p,.hub-curiosidades-hero p){
    font-size:15px!important;
    line-height:1.55!important
  }
  html[data-hub-page-group="hub24"] :where(.lista-desafios,.desafios-lista,.lista-curiosidades,.curiosidades-lista,.lista-questoes,.questoes-lista,.cards-container,.conteudo-grid,.layout-grid){grid-template-columns:1fr!important}
  html[data-hub-page-group="hub24"] :where(.desafio-card,.card-desafio,.desafio-item,.item-desafio,.curiosidade-card,.card-curiosidade,.curiosidade-item,.item-curiosidade,.questao-card,.item-questao,.caixa-branca){padding:17px!important;border-radius:16px!important}
  html[data-hub-page-group="hub24"] :where(.btn-desafio,.btn-resposta,.btn-resolucao,.resource-btn,button[class*="resposta"],button[class*="resolucao"]){width:100%!important;justify-content:center!important}
}

@media(max-width:390px){
  html[data-hub-page-group="hub24"] .area-do-blogger .post-content-area{padding:12px!important}
  html[data-hub-page-group="hub24"] :where(.hub-desafios-page,.hub-extras-page,.hub-curiosidades-page){padding-left:0!important;padding-right:0!important}
  html[data-hub-page-group="hub24"] :where(.hub-desafios-section,.hub-extras-section,.hub-curiosidades-section){padding:18px 14px!important}
  html[data-hub-page-group="hub24"] :where(.hub-card-desafio,.hub-card-extra,.hub-card-curiosidade){padding:16px!important}
}

/* ======================================================================
   REORGANIZAÇÃO VISUAL — 2026-08-09
   Desafios, Curiosidades e Calendário: conteúdo da página primeiro;
   ecossistema completo do HUB depois. Nada é removido nem escondido.
   O rodapé V2 não é alvo deste bloco.
   ====================================================================== */
html:is([data-hub-page="todos-os-desafios"],[data-hub-page="curiosidades"],[data-hub-page="calendario"]) .main-wrapper{
  display:flex!important;
  flex-direction:column!important
}
html:is([data-hub-page="todos-os-desafios"],[data-hub-page="curiosidades"],[data-hub-page="calendario"]) .area-do-blogger{
  order:1!important;
  position:relative!important;
  z-index:2!important;
  padding-top:28px!important;
  padding-bottom:24px!important
}
html:is([data-hub-page="todos-os-desafios"],[data-hub-page="curiosidades"],[data-hub-page="calendario"]) .area-exclusiva-home{
  display:block!important;
  order:2!important;
  margin-top:28px!important;
  padding-top:34px!important;
  border-top:1px solid var(--hub-v2-line)!important
}
html:is([data-hub-page="todos-os-desafios"],[data-hub-page="curiosidades"],[data-hub-page="calendario"]) .area-do-blogger .post-content-area{
  border:1px solid #e2e8f0!important;
  border-radius:26px!important;
  background:#fff!important;
  box-shadow:0 18px 42px rgba(11,28,60,.07)!important
}
html[data-hub-page="todos-os-desafios"] .hub-desafios-page,
html[data-hub-page="curiosidades"] .hub-curiosidades-page{
  max-width:1080px!important;
  margin-inline:auto!important
}
html[data-hub-page="todos-os-desafios"] .hub-desafios-section,
html[data-hub-page="curiosidades"] .hub-curiosidades-section{
  border-width:1px!important;
  box-shadow:0 10px 28px rgba(15,23,42,.06)!important
}
html[data-hub-page="todos-os-desafios"] .hub-card-desafio,
html[data-hub-page="curiosidades"] :where(.hub-card-curiosidade,.curiosidade-card){
  box-shadow:0 9px 22px rgba(15,23,42,.08)!important;
  border-width:2px!important
}
@media(max-width:768px){
  html:is([data-hub-page="todos-os-desafios"],[data-hub-page="curiosidades"],[data-hub-page="calendario"]) .area-do-blogger{
    padding-top:14px!important;
    padding-bottom:14px!important
  }
  html:is([data-hub-page="todos-os-desafios"],[data-hub-page="curiosidades"],[data-hub-page="calendario"]) .area-exclusiva-home{
    margin-top:18px!important;
    padding-top:22px!important
  }
}

/* ======================================================================
   RADARES DE NOTÍCIAS — EDUCAÇÃO E TECNOLOGIA — 2026-08-09
   Conteúdo dinâmico preservado; somente hierarquia editorial e responsiva.
   ====================================================================== */
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .hero{
  padding:54px 20px 50px!important;
  border-bottom:1px solid var(--hub-v2-line)!important;
  background:linear-gradient(180deg,#eef5ff 0%,#f8fbff 100%)!important
}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .hero-inner{
  width:min(980px,calc(100% - 24px))!important;
  margin-inline:auto!important
}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .hero h1{
  max-width:860px!important;
  margin-top:10px!important;
  margin-bottom:12px!important;
  line-height:1.06!important
}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .hero p{max-width:820px!important;line-height:1.6!important}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .main{
  width:min(1180px,calc(100% - 36px))!important;
  margin-inline:auto!important;
  padding-top:34px!important;
  padding-bottom:56px!important
}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .intro{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:24px!important;
  margin-bottom:28px!important;
  padding:22px 24px!important;
  border:1px solid var(--hub-v2-line)!important;
  border-radius:20px!important;
  background:#fff!important;
  box-shadow:var(--hub-v2-shadow-sm)!important
}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .intro h2{margin-top:0!important;margin-bottom:6px!important}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .intro p{margin-bottom:0!important;line-height:1.55!important}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .switch{display:flex!important;flex-wrap:wrap!important;gap:8px!important;justify-content:flex-end!important}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .switch a{
  min-height:42px!important;
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:9px 13px!important;
  border-radius:999px!important;
  white-space:nowrap!important
}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .news-grid{gap:18px!important}
html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .note{margin-top:28px!important;padding:18px 20px!important;border-radius:16px!important}
@media(max-width:760px){
  html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .hero{padding:40px 14px 38px!important}
  html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .main{width:calc(100% - 24px)!important;padding-top:24px!important;padding-bottom:42px!important}
  html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .intro{grid-template-columns:1fr!important;gap:16px!important;padding:18px!important}
  html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .switch{justify-content:flex-start!important}
  html:is([data-hub-page="noticias"],[data-hub-page="noticias-tecnologia"]) .switch a{flex:1 1 210px!important;white-space:normal!important;text-align:center!important}
}