/* (JH, 10-11-2026: «podemos copiar el estilo exactamente igual sin poner sus logos») La portada de cada vídeo, con la
   cara de un reproductor al estilo Vimeo, sin logo: el play grande (rectángulo redondeado, oscuro y semitransparente,
   desde el 11-11-2026, el play rojo de YouTube, centrado) y abajo la barra de control (play pequeño, barra de progreso vacía, duración,
   volumen y pantalla completa). Es solo dibujo: el clic lo sigue recogiendo la portada y YouTube carga como siempre.
   Solo en la portada, /mentoria/ y /becas/ (reproductor.js). Los mismos estilos, en la pestaña Inicio de la app. */
.tfx-vm{position:absolute;inset:0;z-index:4;pointer-events:none;container-type:inline-size;border-radius:inherit;overflow:hidden;
  font:600 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#fff;text-align:left}
.tfx-vm i{font-style:normal;display:block}
.tfx-vm svg{display:block}
/* (JH, 11-11-2026: «el botón rojo de YouTube... centralizar el botón como lo hace YouTube») el play grande es el de YouTube,
   rojo, de 68 x 48 como en la pestaña Vídeos de la app, y en el centro del vídeo entero; la barra de abajo se queda */
.tfx-vm-big{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:68px;height:48px}
.tfx-vm-big svg{width:100%;height:100%}
.tfx-vm-bar{position:absolute;left:0;right:0;bottom:0;display:flex!important;align-items:center;gap:clamp(9px,1.5cqw,16px);
  padding:clamp(22px,5cqw,44px) clamp(10px,1.8cqw,18px) clamp(9px,1.5cqw,14px);background:linear-gradient(to top,rgba(0,0,0,.66),rgba(0,0,0,.32) 55%,rgba(0,0,0,0))}
.tfx-vm-mini svg{width:clamp(11px,1.5cqw,15px);height:auto;fill:#fff}
.tfx-vm-prog{flex:1;min-width:20px;height:clamp(4px,.55cqw,6px);border-radius:3px;background:rgba(255,255,255,.34)}
.tfx-vm-t{font-size:clamp(11px,1.3cqw,13px);font-variant-numeric:tabular-nums;letter-spacing:.2px;text-shadow:0 1px 2px rgba(0,0,0,.4);white-space:nowrap}
.tfx-vm-ico svg{width:clamp(14px,1.75cqw,18px);height:auto;fill:none;stroke:#fff;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.tfx-vm-vol svg path:first-child{fill:#fff}
@container (max-width:300px){.tfx-vm-vol{display:none!important}}
/* lo de antes (el círculo, el botón y la duración suelta) se esconde donde está el reproductor */
.tfx-vm-on .tfx-pv-b,.tfx-vm-on .tfx-pv-dur,.tfx-vm-on .tfx-vg-b,.tfx-vm-on .tfx-vg-dur,.tfx-herr-play.tfx-vm-on>span,.tfx-vm-on>.elementor-custom-embed-play,.elementor-custom-embed-image-overlay.tfx-vm-on::after{display:none!important}