/* Componente */
.fit-video{
  position: relative;
  width: 100%;
  border-radius: 14px;
  overflow: hidden;
}

/* Contenedor interno (referencia para absolute) */
.fit-video__preview{
  position: relative;
}

/* Vídeo */
.fit-video__el{
  display:block;
  width:100%;
  height:auto;
  background:#000;
}

/* Banda inferior */
.fit-video__band{
  position:absolute;
  left:0;
  right:0;
  bottom:0;

  display:flex;
  justify-content:space-between;
  align-items:center;

  padding:12px 16px;

  background: rgba(255,255,255,0.20); /* prueba 0.15–0.40 */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);

  transition: opacity 180ms ease, visibility 0ms linear 180ms;
}

.fit-video__title{
  font-size:15px;
  font-weight:600;
  color:#000;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  max-width:75%;
}

.fit-video__time{
  font-size:14px;
  font-weight:600;
  color:#000;
  white-space:nowrap;
}

/* ✅ Ocultar SOLO la banda cuando reproduce */
.fit-video.is-playing .fit-video__band{
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transition: opacity 180ms ease, visibility 0ms linear 180ms;
}