/* PH Marx — player de filme (HYROX e outras páginas).
   Toca sem som quando aparece na tela; o botão reinicia com som e controles. */
.filme{position:relative;margin:0;--f-accent:var(--filme-accent,#DCE6F2);--f-radius:var(--filme-radius,18px)}
.filme-tela{position:relative;aspect-ratio:16/9;border-radius:var(--f-radius);overflow:hidden;background:#000;
  box-shadow:0 30px 80px -40px rgba(0,0,0,.9),0 0 0 1px rgba(255,255,255,.08)}
.filme-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block;background:#000}
.filme-tela::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.55) 100%);transition:opacity .5s}
.filme.com-som .filme-tela::after{opacity:0}
.filme-som{position:absolute;left:clamp(14px,2.4vw,28px);bottom:clamp(14px,2.4vw,26px);z-index:2;
  display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px 0 8px;border:0;border-radius:999px;cursor:pointer;
  background:rgba(10,10,10,.62);color:#fff;font:inherit;font-weight:800;font-size:clamp(.88rem,1.4vw,1rem);letter-spacing:.01em;
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);box-shadow:0 0 0 1px rgba(255,255,255,.16) inset;
  transition:transform .35s cubic-bezier(.16,1,.3,1),background .3s,opacity .4s}
.filme-som:hover{background:rgba(10,10,10,.8);transform:translateY(-2px)}
.filme-som:active{transform:scale(.97)}
.filme-som i{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:var(--f-accent);color:#000;flex:none}
.filme-som i svg{width:14px;height:14px;margin-left:2px}
.filme-som small{font-weight:600;opacity:.7;font-size:.8em}
.filme.com-som .filme-som{opacity:0;pointer-events:none}
.filme-dur{position:absolute;right:clamp(14px,2.4vw,26px);top:clamp(14px,2.4vw,22px);z-index:2;font-size:.72rem;font-weight:800;letter-spacing:.12em;
  color:#fff;padding:6px 10px;border-radius:999px;background:rgba(0,0,0,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.filme.com-som .filme-dur{opacity:0}
.filme-legenda{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;margin-top:14px;font-size:.8rem;color:var(--filme-muted,#9a9a9a)}
.filme-legenda strong{color:var(--filme-text,#fff);font-weight:700}
@media (max-width:640px){
  .filme{--f-radius:var(--filme-radius-m,12px)}
  .filme-som{min-height:46px;padding-right:16px;gap:10px}
  .filme-som i{width:32px;height:32px}
}
@media (prefers-reduced-motion:reduce){.filme-som{transition:none}}
.hx-filme{padding-block:clamp(56px,8vw,112px);border-bottom:1px solid var(--line,rgba(255,255,255,.06))}
.film-band{padding-block:clamp(72px,10vw,140px)}