/* Mariona Agency 2028 · Vídeos de las fichas (30/9/26). Comportamiento en assets/js/ma-video-sonido.js.
   El vídeo entero es el botón: una capa transparente sobre el reproductor con la píldora «Activar sonido»
   abajo a la izquierda, del mismo cristal que el botón de pausa de los bucles (.mf-vbtn).
   Al activar el sonido la capa desaparece y quedan los controles del reproductor. */
.mf-snd{position:absolute;inset:0;z-index:3;display:block;width:100%;height:100%;margin:0;padding:0;border:0;border-radius:inherit;background:transparent;cursor:pointer;-webkit-tap-highlight-color:transparent}
.mf-snd[hidden]{display:none}
.mf-snd>span{position:absolute;left:16px;bottom:16px;display:inline-flex;align-items:center;gap:9px;height:38px;padding:0 16px 0 13px;border-radius:999px;background:rgba(31,35,34,.55);-webkit-backdrop-filter:blur(10px) saturate(1.3);backdrop-filter:blur(10px) saturate(1.3);color:#fff;font-family:var(--fr,'Helvetica Neue',Helvetica,Arial,sans-serif);font-size:13px;line-height:1;letter-spacing:.01em;white-space:nowrap;box-shadow:0 1px 0 rgba(255,255,255,.06) inset;transition:background .35s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.34,1.26,.4,1);animation:mf-snd-in .9s cubic-bezier(.16,1,.3,1) .5s both}
.mf-snd svg{width:15px;height:15px;flex:0 0 auto;display:block}
.mf-snd:hover>span{background:rgba(31,35,34,.78);transform:translateY(-1px)}
.mf-snd:active>span{transform:scale(.97)}
.mf-snd:focus{outline:none}
.mf-snd:focus-visible{outline:2px solid #FF4D00;outline-offset:-2px}
@keyframes mf-snd-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@media (max-width:760px){.mf-snd>span{left:10px;bottom:10px;height:34px;padding:0 14px 0 11px;gap:8px;font-size:12.5px}}
@media (prefers-reduced-motion:reduce){.mf-snd>span{animation:none;transition:none}}