/**
 * Vídeo del servicio.
 *
 * Referencia: manlift-operacion.html:123.
 */

.cg-video {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(360px, 100%), 1fr));
  gap: var(--cg-gap-col);
  align-items: center;
}

.cg-video__texto {
  display: flex;
  flex-direction: column;
  gap: 20px;
}

.cg-video__bajada {
  font-size: var(--cg-fs-lead);
  line-height: 1.55;
  font-weight: 300;
  color: var(--cg-blue-200);
  text-wrap: pretty;
}

/* La doble barra de esta columna es la corta, no la de sección */
.cg-video__texto .cg-bars__gold { width: clamp(150px, 20vw, 220px); }
.cg-video__texto .cg-bars__orange { width: clamp(88px, 12vw, 128px); }
.cg-video__texto .cg-head--flush { gap: 20px; }

.cg-video__lista {
  display: flex;
  flex-direction: column;
  gap: 12px;
  margin-top: 4px;
}

.cg-video__lista li {
  display: flex;
  align-items: center;
  gap: 14px;
  font-size: var(--cg-fs-body);
  line-height: 1.55;
  color: var(--cg-blue-200);
}

/* El marco doble sobresale de la caja */
.cg-video__caja { margin: 14px; }

.cg-video__player,
.cg-video__poster {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  border-radius: var(--cg-radius);
  display: block;
  background: var(--cg-navy-950);
}

/* Aviso mientras el cliente no entrega el archivo */
.cg-video__pendiente {
  position: absolute;
  inset: auto 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 4px;
  padding: 16px 20px;
  font-size: var(--cg-fs-item);
  font-weight: 600;
  color: var(--cg-white);
  background: rgba(var(--cg-neutral-rgb), .78);
  border-radius: 0 0 var(--cg-radius) var(--cg-radius);
}

.cg-video__pendiente span { font-weight: 400; color: var(--cg-blue-200); }

.cg-video__caja { position: relative; }