/* ============================================================================
   editorial.css — Padrão editorial das páginas internas.
   Réplica da tipografia de noticia.php (Rubik, coluna fluida sem caixa,
   clamp(16px, 1.2vw + 1rem, 20px), line-height 1.65). Títulos (h1..h6)
   permanecem em Oswald, conforme padrão gráfico do site.
   ============================================================================ */

  :root{
    --ed-vermelho: #b30d19;
    --ed-texto: rgba(255,255,255,0.85);
    --ed-texto-fraco: rgba(255,255,255,0.62);
    --ed-borda: rgba(255,255,255,0.10);
    --ed-corpo: clamp(16px, 1.2vw + 1rem, 20px);
  }

  /* Respiro no topo/rodapé do conteúdo (mesmo da notícia) */
  .page-content-wrapper{
    padding-top:175px;
    padding-bottom:80px;
    box-sizing:border-box;
  }
  @media (max-width: 992px){
    .page-content-wrapper{ padding-top:24px !important; padding-bottom:56px; }
  }

  /* Coluna editorial fluida (sem caixa/container): cresce até 880px */
  .editorial-shell{
    max-width:clamp(340px, 70vw, 880px);
    width:100%;
    margin:0 auto;
    padding:0 16px;
    box-sizing:border-box;
  }
  @media (max-width: 768px){
    .editorial-shell{ padding:0 14px; }
  }

  /* Texto-base das páginas internas = corpo da notícia */
  .page-content-wrapper,
  .page-content-wrapper .editorial-shell{
    font-family:'Rubik', sans-serif;
    font-size:var(--ed-corpo);
    line-height:1.65;
    color:var(--ed-texto);
  }

  /* Ajuste fino de elementos de texto soltos em páginas antigas
     (sem quebrar cards funcionais, que têm cores próprias) */
  .editorial-shell p{ margin:0 0 1.5rem; text-align:left; }
  .editorial-shell p:last-child{ margin-bottom:0; }
  .editorial-shell a{ color:#fff; text-decoration:underline; }
  .editorial-shell img{ max-width:100%; height:auto; border-radius:10px; }

  /* Títulos: Oswald (padrão do site). Escala editorial para contenção. */
  .editorial-shell h1,
  .editorial-shell .page-title{
    font-size:clamp(30px, 4.6vw, 48px);
    line-height:1.05;
    margin:6px 0 22px;
    text-transform:uppercase;
  }
  .editorial-shell h2{
    font-size:clamp(22px, 3vw, 30px);
    margin:40px 0 14px;
  }
  .editorial-shell h3{
    font-size:clamp(19px, 2.2vw, 24px);
    margin:30px 0 10px;
  }
  .editorial-shell h4{
    font-size:clamp(17px, 2vw, 20px);
    margin:26px 0 8px;
  }
  .editorial-shell h1:first-child,
  .editorial-shell .page-title:first-child{ margin-top:0; }

  /* Chamadas de seção com o traço vermelho da notícia.
     Seletor h2.e… vence a especificidade de ".editorial-shell h2"
     (tinha font-size 22–30px por engano). Mesmo tamanho do
     h2.np-section-titulo da notícia: 1.05rem. */
  .ed-section{
    padding:44px 0 0;
  }
  h2.ed-section-titulo{
    display:flex;
    align-items:center;
    gap:12px;
    font-family:'Rubik', sans-serif !important;
    font-size:1.05rem;
    font-weight:500;
    letter-spacing:0.16em;
    text-transform:uppercase;
    color:#fff;
    margin:40px 0 16px;
  }
  h2.ed-section-titulo::before{
    content:"";
    width:26px;
    height:3px;
    background:var(--ed-vermelho);
    flex-shrink:0;
  }

  /* Crédito de foto (à direita, italic, discreto) */
  .ed-credit{
    font-family:'Rubik', sans-serif;
    font-size:0.8rem;
    font-style:italic;
    color:var(--ed-texto-fraco);
    text-align:right;
    margin:10px 6px 0;
  }

  /* Imagens e vídeos 16:9 com borda e canto arredondado (padrão notícia) */
  .ed-media{ margin:32px 0 0; }
  .ed-image{
    width:100%;
    aspect-ratio:16/9;
    object-fit:cover;
    object-position:center;
    border-radius:12px;
    border:1px solid var(--ed-borda);
    display:block;
    background:#0A1E3F;
  }
  .ed-video-embed{
    position:relative;
    width:100%;
    aspect-ratio:16/9;
    background:#000;
    border-radius:12px;
    overflow:hidden;
    border:1px solid var(--ed-borda);
  }
  .ed-video-embed iframe,
  .ed-video-embed video{
    position:absolute;
    top:0; left:0;
    width:100%; height:100%;
    border:0;
  }
  .ed-corpo iframe[src*="youtube.com/"]{
    display:block;
    width:100%;
    aspect-ratio:16/9;
    height:auto;
    margin:0 auto 1.5rem;
    border:0;
    border-radius:12px;
  }

  /* Pequena lista tipográfica para textos */
  .editorial-shell ul,
  .editorial-shell ol{ margin:0 0 1.5rem 1.4rem; }
  .editorial-shell ul li,
  .editorial-shell ol li{ margin-bottom:0.4rem; }

  /* Notas/legendas */
  .ed-nota{
    font-size:0.85em;
    color:var(--ed-texto-fraco);
    font-style:italic;
  }