/* Vitrine (vitrine_functions.php) — links visuais pros outros sites do
   dono. Nomes neutros de propósito (nx-*): nada de "ad"/"banner"/"sponsor",
   que bloqueadores escondem. Porte do Belerofonte; aqui sem a coluna
   lateral e sem o feed (ver vitrine_functions.php). */
.nx-shelf { display: flex; flex-wrap: wrap; gap: 12px; justify-content: center; align-items: flex-start; margin: 20px 0; }
.nx-shelf.nx-at-side { flex-direction: column; align-items: center; margin: 0 0 18px; }
.nx-tile { display: block; max-width: 100%; text-decoration: none; color: inherit; border-radius: 10px; overflow: hidden; flex: none; }
.nx-tile.nx-wide { flex: 1 1 100%; }
.nx-media { display: block; width: 100%; background: #111118; }
.nx-media img { display: block; width: 100%; height: 100%; object-fit: cover; }
.nx-wide .nx-media img { height: auto; }
.nx-tile:hover .nx-media img { filter: brightness(1.08); }
.nx-card { background: #16161d; border: 1px solid rgba(255,255,255,.1); }
.nx-foot { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 10px 12px; }
.nx-cap { color: #9a9aad; font-size: 12px; }
.nx-cap-under { display: block; padding: 4px 2px 0; text-align: left; }
.nx-go { flex: none; background: #e62950; color: #fff; font-weight: 700; font-size: 13px; padding: 8px 14px; border-radius: 8px; }
.nx-card:hover .nx-go { filter: brightness(1.1); }
.nx-native { display: flex; gap: 10px; align-items: flex-start; text-decoration: none; color: inherit; width: 100%; max-width: 560px; }
.nx-shelf .nx-native { background: #16161d; border: 1px solid rgba(255,255,255,.1); border-radius: 10px; padding: 8px; }
.nx-thumb { flex: none; width: 140px; aspect-ratio: 16/9; border-radius: 8px; overflow: hidden; background: #111118; }
.nx-thumb img { width: 100%; height: 100%; object-fit: cover; display: block; }
.nx-text { display: flex; flex-direction: column; gap: 3px; min-width: 0; }
.nx-text strong { font-size: 14px; line-height: 1.3; color: #f2f2f6; }
.nx-text span { font-size: 12px; color: #a8a8b8; line-height: 1.35; }
.nx-text em { font-style: normal; font-size: 11px; color: #7a7a8a; }
.nx-native:hover strong { text-decoration: underline; }
.nx-inline { display: block; }

@media (max-width: 520px) {
  .nx-thumb { width: 110px; }
}
.nx-li { list-style: none; padding: 10px 0; border-bottom: 1px solid #1e1e28; }