/* A cena mantém proporção 9:16 dentro do espaço disponível */
.jdx-cena {
    position: relative; overflow: hidden; container-type: inline-size; border-radius: 10px;
    height: min(100cqh, 100cqw * 16 / 9);
    width: min(100cqw, 100cqh * 9 / 16);
}
.jdx-cena-camada { position: absolute; inset: 0; pointer-events: none; }

.jdx-cl { position: absolute; box-sizing: border-box; }
.jdx-cl-t { padding: .2em .45em; border-radius: .3em; line-height: 1.25; white-space: pre-wrap; word-break: break-word; }
.jdx-cl-t .jdx-ph { opacity: .55; }
.jdx-cl-m { overflow: hidden; }
.jdx-cl-m img, .jdx-cl-m video {
    display: block; width: 100%; height: 100%; object-fit: cover;
    pointer-events: none; user-select: none; -webkit-user-drag: none;
}

.jdx-cena-links { position: absolute; left: 4%; right: 4%; bottom: 3%; display: flex; flex-direction: column; gap: 6px; }
.jdx-cena-link {
    display: flex; align-items: center; gap: 8px; padding: 8px 12px; border-radius: 12px;
    background: rgba(255,255,255,.96); color: #111 !important; text-decoration: none !important;
    font-size: max(11px, 3.6cqw); box-shadow: 0 4px 14px rgba(0,0,0,.35);
}
.jdx-cena-link span { font-size: 1.3em; }
.jdx-cena-link div { flex: 1; min-width: 0; }
.jdx-cena-link b { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-weight: 500 !important; }
.jdx-cena-link small { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: .8em; color: #555; }