/* Capa do vídeo do YouTube nos artigos temáticos: miniatura servida pelo site e player só depois do clique.
   Ocupa a mesma moldura 16:9 do iframe original (as regras de cada artigo continuam valendo para o iframe). */
:has(> .ncie-yt) { position: relative; }
.ncie-yt { position: absolute; inset: 0; display: block; width: 100%; height: 100%; margin: 0; padding: 0; border: 0; border-radius: inherit;
  overflow: hidden; background: #000; cursor: pointer; -webkit-tap-highlight-color: transparent; }
.ncie-yt img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease, filter .35s ease; }
.ncie-yt-play { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; translate: -50% -50%; border-radius: 14px;
  background: rgb(0 0 0 / .72); box-shadow: 0 8px 24px -6px rgb(0 0 0 / .6); transition: background-color .2s ease, scale .2s ease; }
.ncie-yt-play::before { content: ""; position: absolute; left: 50%; top: 50%; translate: -38% -50%; border-style: solid; border-width: 11px 0 11px 18px;
  border-color: transparent transparent transparent #fff; }
@media (hover: hover) {
  .ncie-yt:hover .ncie-yt-play { background: #d61f26; scale: 1.06; }
  .ncie-yt:hover img { transform: scale(1.02); filter: brightness(.92); }
}
.ncie-yt:focus-visible { outline: 3px solid #f5b314; outline-offset: 3px; }
.ncie-yt:focus-visible .ncie-yt-play { background: #d61f26; }
@media (prefers-reduced-motion: reduce) { .ncie-yt img, .ncie-yt-play { transition: none; } }