.testi-subtitle {
  max-width: 940px;
  margin: 0 auto;
  color: #6B7280;
}

.testi-divider {
  width: 88%;
  max-width: 780px;
  margin: 14px auto 0;
  opacity: .25;
}

/* Panel izquierdo */
.testi-panel {
  background: #fff;
  border-radius: 12px;
  padding: 14px;
}

.position-lg-sticky {
  position: sticky;
  top: 84px;
}

.testi-search { position: relative; min-width: 220px; }
.testi-search i { position: absolute; left: 10px; top: 50%; transform: translateY(-50%); opacity: .6; }
.testi-search .form-control { padding-left: 30px; }

.testi-chipset { display: flex; flex-wrap: wrap; gap: 8px; margin: 10px 0 12px; }
.testi-chip { border: 1px dashed #e5e7eb; padding: .28rem .6rem; border-radius: 999px; font-size: .85rem; background: #fff; cursor: pointer; user-select: none; transition: all .15s ease; }
.testi-chip:hover { border-color: #ffc966; background: #fff9ec; }
.testi-chip.active { border-style: solid; border-color: #ffbe55; background: #fff4db; }

.testi-list {
  max-height: 560px;
  overflow: auto;
  border-top: 1px solid #f1f1f1;
}

.testi-item {
  display: flex;
  gap: 12px;
  padding: 10px 6px;
  align-items: center;
  cursor: pointer;
  border-bottom: 1px solid #f6f6f6;
  transition: background .15s ease, box-shadow .15s ease;
}

.testi-item:hover { background: #fafafa; }

.testi-item.active {
  background: #fff9ec;
  box-shadow: inset 2px 0 0 #ffbe55;
}

.testi-thumb {
  width: 92px;
  height: 52px;
  object-fit: cover;
  border-radius: 8px;
  background: #ccc;
  flex: none;
}

.testi-title { font-size: .95rem; margin: 0; line-height: 1.2; }
.testi-meta-small { font-size: .78rem; color: #6b7280; }

.testi-player-card {
  background: #fff;
  border-radius: 12px;
  overflow: hidden;
}

.testi-meta { padding: 14px; }

.testi-video{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 8px;
  background: #111;
  object-fit: contain;
}

@media (max-width: 991.98px) {
  .ratio-vertical-mobile { --bs-aspect-ratio: 177.78%; }

  .position-lg-sticky { position: static; top: auto; }
  .testi-list { max-height: unset; }
}