/* Integração visual do Super Blog NetArts Premium com o site oficial */
.blog-integrado .na-blog-hero,
.blog-integrado .na-article-header{scroll-margin-top:92px}
.blog-integrado .na-blog-section .button-primary,
.blog-integrado .na-article .button-primary{background:var(--navy);color:#fff;box-shadow:0 14px 30px rgba(8,44,89,.18)}
.blog-integrado .na-blog-section .button-primary:hover,
.blog-integrado .na-article .button-primary:hover{background:var(--blue)}
.blog-integrado .na-article-body h2,
.blog-integrado .na-article-body h3,
.blog-integrado .na-article-body h4,
.blog-integrado .na-share-actions a,
.blog-integrado .na-share-actions button{font-family:Poppins,Arial,sans-serif}
.blog-integrado .na-article-sidebar{top:118px}
.blog-integrado .site-header{z-index:300}

/* Listagem mais ampla e equilibrada */
.blog-listing .na-blog-hero>.container,
.blog-listing .na-blog-section>.container{width:min(1380px,calc(100% - 48px));max-width:none}
.blog-listing .na-blog-grid:not(.na-blog-grid-related){grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.blog-listing .na-blog-card h2{font-size:20px}

/* Destaque vertical: imagem inteira em cima e texto embaixo */
.blog-listing .na-blog-featured{display:grid;grid-template-columns:1fr;align-items:stretch}
.blog-listing .na-blog-featured>*{min-width:0}
.blog-listing .na-blog-featured .na-blog-card-image{width:100%;height:auto;min-height:0;aspect-ratio:1200/630;background:#061a3a}
.blog-listing .na-blog-featured .na-blog-card-image img{width:100%;height:100%;object-fit:contain;object-position:center;transform:none!important}
.blog-listing .na-blog-featured .na-blog-card-content{min-width:0;padding:34px 42px 38px}
.blog-listing .na-blog-featured h2{max-width:1040px;font-size:clamp(30px,3.5vw,50px);overflow-wrap:anywhere}
.blog-listing .na-blog-featured p{max-width:950px}

/* Artigos relacionados mantêm três colunas */
.blog-integrado .na-blog-grid-related{grid-template-columns:repeat(3,minmax(0,1fr))}

@media(max-width:1220px){
  .blog-listing .na-blog-grid:not(.na-blog-grid-related){grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:980px){
  .blog-integrado .na-article-sidebar{top:auto}
  .blog-listing .na-blog-grid:not(.na-blog-grid-related){grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
  .blog-listing .na-blog-hero>.container,
  .blog-listing .na-blog-section>.container{width:min(100% - 28px,1380px)}
  .blog-listing .na-blog-grid:not(.na-blog-grid-related),
  .blog-integrado .na-blog-grid-related{grid-template-columns:1fr}
  .blog-listing .na-blog-featured .na-blog-card-image{aspect-ratio:auto}
  .blog-listing .na-blog-featured .na-blog-card-image img{height:auto;object-fit:contain}
  .blog-listing .na-blog-featured .na-blog-card-content{padding:24px}
}


/* Correção definitiva do destaque: imagem inteira acima, conteúdo abaixo. */
body .na-blog-featured{
  display:flex!important;
  flex-direction:column!important;
  grid-template-columns:none!important;
  align-items:stretch!important;
}
body .na-blog-featured .na-blog-card-image{
  display:block!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  aspect-ratio:auto!important;
  background:#061a3a!important;
  overflow:hidden!important;
}
body .na-blog-featured .na-blog-card-image img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  object-position:center!important;
  transform:none!important;
}
body .na-blog-featured .na-blog-card-content{
  width:100%!important;
  padding:32px 38px 36px!important;
}
@media(max-width:760px){
  body .na-blog-featured .na-blog-card-content{padding:24px!important}
}