/* pdp_video */

.lqsp-video-section {
  font-family: var(--loq-font-family);
}

.lq-video-inner {
  /* Sin padding propio: el bloque ya vive dentro de .site-container, que
     aplica el gutter del sitio. Sumar padding acá lo duplica. */
  max-width: var(--loq-container, 1376px);
  margin: 0 auto;
}

.lq-video-header {
  margin-bottom: 20px;
}

.lq-video-title {
  font-family: var(--loq-font-family);
  font-weight: var(--loq-font-semibold, 600);
  color: var(--loq-text, #0D1214);
  font-size: 1.5rem;
  line-height: 1.2;
}

@media (min-width: 768px) {
  .lq-video-title { font-size: 1.75rem; }
}

.lq-video-frame {
  position: relative;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: 16px;
  overflow: hidden;
  background: #000;
}

.lq-video-frame video,
.lq-video-frame iframe {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  border: 0;
}

.lq-video-native {
  object-fit: cover;
}