.video-lugar { position:relative; aspect-ratio:16/9; }
.video-fechar { display:none; }
.video-som { display:none; }
.video-flutuante.tocando .video-som {
  display:block; position:absolute; top:6px; left:6px; z-index:3;
  min-height:44px; padding:8px 12px; border:1px solid #ffffff80;
  border-radius:10px; background:#1b1233; color:#fff;
  font:600 14px/1.2 system-ui; cursor:pointer;
}
.player.video-flutuante {
  position:fixed; z-index:100;
  right:max(20px, env(safe-area-inset-right));
  bottom:max(20px, env(safe-area-inset-bottom));
  width:min(360px, calc(100vw - 32px));
  margin:0; border:2px solid var(--ambar); border-radius:14px;
  box-shadow:0 12px 48px rgba(0,0,0,.45);
}
.video-flutuante .video-fechar {
  display:flex; align-items:center; justify-content:center;
  position:absolute; top:6px; right:6px; z-index:3;
  width:44px; height:44px; border:1px solid #ffffff80; border-radius:50%;
  background:#1b1233; color:white; font:28px/1 system-ui; cursor:pointer;
}
.player.video-flutuante .play { gap:8px; }
.player.video-flutuante .play .tri { width:48px; height:48px; }
.player.video-flutuante .play .tri::after { border-width:10px 0 10px 16px; }
.player.video-flutuante .play b { font-size:14px; }
.player.video-flutuante .play i { font-size:11px; }
@media(max-width:640px) {
  .player.video-flutuante { width:clamp(208px, 58vw, 240px); max-width:calc(100vw - 24px); right:max(12px, env(safe-area-inset-right)); bottom:max(12px, env(safe-area-inset-bottom)); }
  .player.video-flutuante .play i { display:none; }
}