/* ajustes responsivos do layout estático */

/* busca: campo e botão sempre na mesma linha */
[data-section="search"] form [class^="boxRow_"]{flex-wrap:nowrap}
[data-section="search"] input[type="search"]{min-width:0;flex:1 1 auto}
[data-section="search"] button[type="submit"]{flex:0 0 auto}

/* 1024–1199: destaque em duas metades, título menor */
@media (min-width:1024px) and (max-width:1199.98px){
  [data-section="blog-list"] article[data-featured] > div:first-child{grid-column:1 / span 6}
  [data-section="blog-list"] article[data-featured] > div:last-child{grid-column:7 / span 6}
  [data-section="blog-list"][data-variant="featured"] article[data-featured] h2{font-size:clamp(2rem,1rem + 2vw,40px)}
}

/* até 1023: uma coluna de leitura */
@media (max-width:1023.98px){
  /* destaque: foto em cima, texto embaixo */
  [data-section="blog-list"] article[data-featured]{display:flex;flex-direction:column;gap:20px}
  [data-section="blog-list"] article[data-featured] > div:first-child{width:100%}
  [data-section="blog-list"] article[data-featured] > div:last-child{padding:0}
  [data-section="blog-list"][data-variant="featured"] article[data-featured] h2{font-size:clamp(1.75rem,1.1rem + 2.6vw,40px)}
  /* os 3 cards abaixo do destaque viram lista: foto quadrada à esquerda */
  [data-section="blog-list"][data-variant="featured"] ul{grid-template-columns:1fr;gap:16px}
  [data-section="blog-list"][data-variant="featured"] li article,[data-section="blog-list"][data-variant="featured"] li article:hover{flex-direction:row;align-items:center;gap:20px;padding:12px;--post-card-pad:0}
  [data-section="blog-list"][data-variant="featured"] li article > div:first-child{order:0;flex:0 0 32%;aspect-ratio:1/1}
  [data-section="blog-list"][data-variant="featured"] li article > div:last-child{flex:1;min-width:0}
  /* mais artigos e leia também: uma coluna */
  [data-section="blog-list"][data-variant="grid"] ul,[data-section="post-footer"] [data-part="related"] ul{grid-template-columns:1fr}
  [data-section="blog-list"][data-variant="grid"] article > div:first-child,[data-section="post-footer"] [data-part="related"] li article > div:first-child{flex-basis:32%}
  /* rodapé: marca em cima, três colunas de links */
  [data-section="footer"][data-variant="full"] > div > div:first-child{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px 24px}
  [data-section="footer"][data-variant="full"] > div > div:first-child > div:first-child{grid-column:1 / -1}
}

/* até 767: cabeçalho e cards em linha */
@media (max-width:767.98px){
  [data-header] [class^="name_"]{display:inline}
  [data-section="blog-list"] article,[data-section="post-footer"] [data-part="related"] li article{flex-direction:row}
  [data-section="blog-list"][data-variant="grid"] article,[data-section="post-footer"] [data-part="related"] li article,[data-section="blog-list"][data-variant="featured"] li article{align-items:flex-start}
  [data-section="blog-list"] li article > div:first-child,[data-section="post-footer"] [data-part="related"] li article > div:first-child{order:0;flex:0 0 112px;aspect-ratio:1/1}
  [data-section="blog-list"] article[data-featured]{flex-direction:column}
  [data-section="search"] > div{grid-template-columns:minmax(0,1fr);width:100%}
  [data-section="search"] form,[data-section="search"] form > div{min-width:0;width:100%}
}

/* até 600: rodapé em duas colunas */
@media (max-width:600px){
  [data-section="footer"][data-variant="full"] > div > div:first-child{grid-template-columns:repeat(2,minmax(0,1fr))}
  [data-header] [class^="cta_"]{display:none}
}

/* até 420: telas estreitas */
@media (max-width:420px){
  [data-section="blog-list"] li article > div:first-child,[data-section="post-footer"] [data-part="related"] li article > div:first-child{flex-basis:88px}
  [data-section="blog-list"][data-variant="featured"] li article,[data-section="blog-list"][data-variant="featured"] li article:hover{gap:14px;padding:10px}
  [data-section="blog-list"] li article [data-reading]{display:none}
  [data-section="footer"][data-variant="full"] > div > div:first-child{grid-template-columns:1fr}
  [data-section="search"] [data-category-bar] ul{gap:0 20px}
}

/* o card de destaque não tem fundo: sem recorte nas letras da borda */
[data-section="blog-list"] article[data-featured]{overflow:visible}

/* capa do artigo: respeitar a proporção 16:7 (o atributo height da imagem forçava 1000px) */
[data-section="post-header"] img{height:auto}

/* trilha do artigo no celular: só os níveis acima, sem repetir o título */
@media (max-width:600px){
  [data-section="post-header"] nav[aria-label="Trilha"] li:last-child{display:none}
}

/* cards sem fundo: sem recorte nas letras da borda */
[data-section="blog-list"] article,[data-section="post-footer"] article{overflow:visible}

/* smartphone (até 600px): foto em cima do texto em todos os cards de post */
@media (max-width:600px){
  [data-section="blog-list"] li article,[data-section="blog-list"] li article:hover,
  [data-section="blog-list"][data-variant="featured"] li article,[data-section="blog-list"][data-variant="featured"] li article:hover,
  [data-section="blog-list"][data-variant="grid"] article,[data-section="blog-list"][data-variant="grid"] article:hover,
  [data-section="post-footer"] [data-part="related"] li article,[data-section="post-footer"] [data-part="related"] li article:hover{flex-direction:column;align-items:stretch;gap:14px}
  [data-section="blog-list"] li article > div:first-child,[data-section="blog-list"][data-variant="featured"] li article > div:first-child,
  [data-section="blog-list"][data-variant="grid"] article > div:first-child,
  [data-section="post-footer"] [data-part="related"] li article > div:first-child{order:0;flex:0 0 auto;width:100%;aspect-ratio:16/9}
  [data-section="blog-list"] li article > div:last-child,[data-section="post-footer"] [data-part="related"] li article > div:last-child{width:100%}
  [data-section="blog-list"][data-variant="grid"] ul,[data-section="post-footer"] [data-part="related"] ul{gap:36px}
  [data-section="blog-list"] li article [data-reading]{display:inline}
}

/* até 1023: o menu do cabeçalho vira uma segunda linha rolável (o Brisa o escondia sem botão de abrir) */
@media (max-width:1023.98px){
  [data-header]{height:auto}
  [data-header] [class^="inner_"]{flex-wrap:wrap;height:auto;column-gap:16px;row-gap:0;padding-top:12px}
  [data-header] [class^="brand_"]{min-height:44px}
  [data-header] [class^="cta_"]{margin-left:auto}
  [data-header] [class^="nav_"]{display:block;order:3;flex:0 0 100%;margin-left:0;overflow-x:auto;scrollbar-width:none}
  [data-header] [class^="nav_"]::-webkit-scrollbar{display:none}
  [data-header] [class^="links_"]{height:44px;gap:24px;white-space:nowrap}
  [data-header] [class^="link_"]{padding-inline:0}
  /* sumário do artigo: no celular e no tablet o texto é curto e o sumário só empurrava o conteúdo */
  [data-section="post-body"] details{display:none}
}
/* até 767: cabeçalho deixa de ser fixo para não ocupar a tela */
@media (max-width:767.98px){
  [data-header]{position:static}
}