/* Página: na-midia. Carregado por último, depois de base, layout, components e responsive. */

/* ===== página na mídia ===== */
.nm-rotulo{font-size:12px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ciano-escuro);}
.sec-head .nm-rotulo{color:var(--tinta-2);}
.nm-hero{padding:30px 0 46px;}
.nm-hero h1{font-size:clamp(2.2rem,3.8vw,2.9rem);line-height:1.08;letter-spacing:-.02em;margin-top:14px;}
.nm-lead{margin-top:14px;font-size:17px;color:var(--tinta-2);max-width:58ch;}

/* componente de item de mídia */
.nm-thumb{position:relative;display:block;width:100%;padding:0;border:0;background:#0d1030;cursor:pointer;overflow:hidden;border-radius:18px;aspect-ratio:16/9;}
.nm-thumb img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.nm-play{position:absolute;left:50%;top:50%;width:62px;height:62px;margin:-31px 0 0 -31px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--indigo);display:flex;align-items:center;justify-content:center;box-shadow:0 10px 30px rgba(10,15,35,.28);transition:transform .25s ease;}
.nm-play svg{width:22px;height:22px;margin-left:3px;}
.nm-formato{font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--tinta-2);}
.nm-fonte{margin-top:6px;font-size:14px;font-weight:600;color:var(--noite);}
.nm-fonte time{font-weight:400;color:var(--tinta-2);}
.nm-desc{color:var(--tinta-2);line-height:1.65;}
.nm-acoes{display:flex;flex-wrap:wrap;gap:6px 22px;align-items:center;}
.nm-cta{display:inline-flex;align-items:center;gap:8px;padding:6px 0;border:0;background:none;font:inherit;font-size:15px;font-weight:600;color:var(--ciano-escuro);cursor:pointer;transition:color .25s ease;}
.nm-cta svg{width:16px;height:16px;flex:none;transition:transform .25s ease;}
.nm-cta:hover{color:var(--indigo);}
.nm-relacionado{font-size:14px;}
.nm-cta:focus-visible,.nm-relacionado:focus-visible{outline:3px solid var(--ciano);outline-offset:3px;border-radius:6px;}

@media (hover:hover) and (prefers-reduced-motion:no-preference){
  .nm-thumb:hover img{transform:scale(1.03);}
  .nm-thumb:hover .nm-play{transform:scale(1.06);}
  .nm-cta:hover svg{transform:translateX(3px);}
}

/* destaque */
.nm-destaque{background:var(--branco);border-top:1px solid var(--linha-leve);border-bottom:1px solid var(--linha-leve);padding:64px 0;}
.nm-destaque-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:56px;align-items:center;}
.nm-destaque .nm-thumb{border-radius:24px;}
.nm-destaque h2{margin-top:14px;font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:clamp(1.7rem,2.6vw,2.2rem);line-height:1.15;letter-spacing:0;}
.nm-destaque .nm-desc{margin-top:14px;}
.nm-destaque .nm-acoes{margin-top:22px;}

/* arquivo por ano */
.nm-lista{padding:84px 0 36px;}
.nm-ano{display:grid;grid-template-columns:120px 1fr;gap:32px;padding:36px 0 52px;border-top:1px solid var(--linha-leve);}
.nm-ano > h3{font-family:"Newsreader",Georgia,serif;font-weight:500;font-size:2rem;line-height:1;color:var(--indigo);}
.nm-grade{display:grid;grid-template-columns:1fr 1fr;gap:48px 36px;}
.nm-item .nm-formato{display:block;margin-top:18px;}
.nm-item h4{margin-top:8px;font-size:1.18rem;line-height:1.3;color:var(--noite);}
.nm-item .nm-desc{margin-top:8px;font-size:15px;}
.nm-item .nm-acoes{margin-top:12px;}

/* imprensa */
.nm-imprensa{padding:0 0 92px;}
.nm-imprensa-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start;border-top:1px solid var(--linha-leve);padding-top:44px;}
.nm-imprensa h2{font-size:1.5rem;margin-top:10px;}
.nm-imprensa p{color:var(--tinta-2);max-width:48ch;}
.nm-canais{display:flex;flex-direction:column;gap:10px;align-items:flex-start;}
.nm-canais a{font-weight:600;color:var(--indigo);padding-block:4px;overflow-wrap:anywhere;}
.nm-canais a:hover{color:var(--ciano-escuro);}
.video-copy p{color:var(--tinta-2);margin:16px 0 28px;}

@media (max-width:920px){
  .nm-hero{padding:18px 0 34px;}
  .nm-destaque{padding:44px 0;}
  .nm-destaque-grid{grid-template-columns:1fr;gap:26px;}
  .nm-lista{padding:60px 0 20px;}
  .nm-ano{grid-template-columns:1fr;gap:20px;padding:28px 0 44px;}
  .nm-grade{grid-template-columns:1fr;gap:40px;}
  .nm-imprensa-grid{grid-template-columns:1fr;gap:18px;padding-top:34px;}
}