/* Portal Kit TV – design com títulos reais e card branco */
.pk-tv { margin: 8px 0 24px 0; }

.pk-tv-grid {
  display: grid;
  grid-template-columns: 1fr 360px;
  gap: 16px;
  align-items: start;
}

/* Player */
.pk-tv-aspect { position:relative; width:100%; padding-top:56.25%; border-radius:12px; overflow:hidden; box-shadow:0 4px 24px rgba(0,0,0,.12); }
.pk-tv-aspect iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }

/* Sidebar */
.pk-tv-sidebar { background:#128f29; border-radius:12px; overflow:hidden; color:#fff; }
.pk-tv-header { display:flex; align-items:center; gap:12px; padding:12px 14px; background:#0E7A22; }
.pk-tv-icon { display:inline-grid; place-items:center; width:26px; height:26px; background:#17c13b; border-radius:999px; font-size:12px; }
.pk-tv-title { display:block; line-height:1.1; }
.pk-tv-count { display:block; font-size:12px; opacity:.85; margin-top:2px; }

.pk-tv-list { list-style:none; margin:0; padding:8px 8px 12px; max-height:520px; overflow:auto; }
.pk-tv-item { padding:6px 2px; }
.pk-tv-link {
  display:flex; gap:10px; align-items:center; text-decoration:none;
  color:#fff; border-radius:10px; padding:6px;
  transition: background .2s ease, transform .2s ease;
  background: rgba(255,255,255,.08);
}
.pk-tv-item.is-active .pk-tv-link,
.pk-tv-link:hover { background: rgba(255,255,255,.18); transform: translateY(-1px); }

.pk-tv-thumb { width:96px; height:54px; border-radius:6px; overflow:hidden; background:rgba(0,0,0,.15); display:grid; place-items:center; flex-shrink:0; }
.pk-tv-thumb img{ width:100%; height:100%; object-fit:cover; display:block; }

.pk-tv-meta { display:flex; flex-direction:column; gap:4px; min-width:0; }
.pk-tv-row1 { display:flex; align-items:center; gap:8px; min-width:0; }
.pk-tv-number { font-weight:700; font-size:13px; opacity:.9; }
.pk-tv-label {
  font-size:14px; line-height:1.25; font-weight:600;
  display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2;
  overflow:hidden; text-overflow:ellipsis;
}
.pk-tv-row2 { display:flex; gap:10px; opacity:.9; }
.pk-tv-duration { font-size:12px; opacity:.9; }
.pk-tv-duration:empty { display:none; }

/* Grid model */
.pk-tv-grid-only { display:grid; grid-template-columns: repeat(auto-fill, minmax(220px, 1fr)); gap:12px; }
.pk-tv-grid-item {
  display:flex; gap:10px; align-items:center; background:#128f29; color:#fff; text-decoration:none;
  border-radius:10px; padding:8px; transition: filter .2s ease, transform .2s ease;
}
.pk-tv-grid-item:hover { filter: brightness(0.95); transform: translateY(-1px); }
.pk-tv-grid-label { font-size:13px; }

/* Responsivo */
@media (max-width: 1024px){
  .pk-tv-grid { grid-template-columns: 1fr; }
  .pk-tv-sidebar { order:2; }
}