/* =============================================================================
   Quiénes somos — Vídeo "25 años"
   Bloque centrado sobre fondo rosa con CTA que abre el vídeo en lightbox.
   La previsualización la maneja components/lightbox.css.
   ========================================================================== */

.qs-video25 {
  padding-block: var(--section-pad-y);
  background: var(--color-pink-soft);
}

.qs-video25__inner {
  max-width: 720px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--space-4);
}

.qs-video25__titulo {
  margin: 0;
}

.qs-video25__texto {
  font-size: var(--fs-p-l);
  line-height: var(--lh-p-l);
  color: var(--color-text);
}

.qs-video25__player {
  width: 100%;
  max-width: 880px;
  margin: var(--space-4) auto 0;
}

.qs-video25__video {
  display: block;
  width: 100%;
  aspect-ratio: 16 / 9;
  border-radius: var(--radius-l, 12px);
  background: #000;
  object-fit: cover;
}

.qs-video25__acciones {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: var(--space-4);
  margin-top: var(--space-4);
}

.qs-video25__boton {
  display: inline-flex;
  align-items: center;
  gap: var(--space-2);
}

.qs-video25__boton-icono svg {
  width: 1.25rem;
  height: 1.25rem;
}

.qs-video25__fallback {
  font-size: var(--fs-p-s);
  color: var(--color-text-muted);
  text-decoration: underline;
}

.qs-video25__fallback:hover {
  color: var(--color-burgundy);
}