/* WMCPLAYER V283 - motion da pagina de vendas
   Somente animacoes/efeitos visuais. Nao altera checkout, precos ou regras. */

html{scroll-behavior:smooth}

/* Entrada inicial do topo */
.wmc-motion-ready .stream-topbar{
  opacity:0;
  transform:translateY(-22px);
  transition:opacity .75s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1),background .35s ease,box-shadow .35s ease;
}
.wmc-motion-ready.wmc-motion-loaded .stream-topbar{opacity:1;transform:translateY(0)}

.wmc-motion-ready .mosaic-center-logo{
  opacity:0;
  transform:translateY(26px) scale(.92);
  filter:blur(7px);
  transition:opacity 1s cubic-bezier(.22,1,.36,1),transform 1.15s cubic-bezier(.22,1,.36,1),filter 1s ease;
  will-change:transform,opacity;
}
.wmc-motion-ready.wmc-motion-loaded .mosaic-center-logo{
  opacity:1;
  transform:translateY(0) scale(1);
  filter:blur(0);
}

/* Parallax do mosaico controlado pelo JS */
.wmc-motion-ready .mosaic-bg{
  transform:translate3d(0,var(--wmc-hero-parallax,0px),0) scale(1.06);
  will-change:transform;
}
.wmc-motion-ready .mosaic-overlay{will-change:opacity}
.wmc-motion-ready .mosaic-center{will-change:transform,opacity}

/* Revelacao no scroll inspirada em sites institucionais com motion */
.wmc-motion-ready [data-wmc-reveal]{
  opacity:0;
  transform:translate3d(0,54px,0) scale(.985);
  filter:blur(3px);
  transition:
    opacity .82s cubic-bezier(.22,1,.36,1) var(--wmc-delay,0ms),
    transform .95s cubic-bezier(.22,1,.36,1) var(--wmc-delay,0ms),
    filter .72s ease var(--wmc-delay,0ms);
  will-change:transform,opacity;
}
.wmc-motion-ready [data-wmc-reveal="left"]{transform:translate3d(-54px,0,0) scale(.99)}
.wmc-motion-ready [data-wmc-reveal="right"]{transform:translate3d(54px,0,0) scale(.99)}
.wmc-motion-ready [data-wmc-reveal="scale"]{transform:translate3d(0,28px,0) scale(.94)}
.wmc-motion-ready [data-wmc-reveal].is-visible{
  opacity:1;
  transform:translate3d(0,0,0) scale(1);
  filter:blur(0);
}

/* Titulos entram por recorte, no estilo de grandes headlines */
.wmc-motion-ready [data-wmc-title-reveal]{
  opacity:0;
  clip-path:inset(0 0 100% 0);
  transform:translateY(36px);
  transition:clip-path .95s cubic-bezier(.22,1,.36,1) var(--wmc-delay,0ms),transform .95s cubic-bezier(.22,1,.36,1) var(--wmc-delay,0ms),opacity .55s ease var(--wmc-delay,0ms);
}
.wmc-motion-ready [data-wmc-title-reveal].is-visible{
  opacity:1;
  clip-path:inset(0 0 0 0);
  transform:translateY(0);
}

/* Linha das secoes cresce quando entra na tela */
.wmc-motion-ready .showcase-hero::before,
.wmc-motion-ready .offers-section::before,
.wmc-motion-ready .sales-intro::before,
.wmc-motion-ready .plans-wrap::before,
.wmc-motion-ready .checkout-explain::before,
.wmc-motion-ready .faq-wrap::before{
  transform:scaleX(0);
  transform-origin:left center;
  transition:transform 1.15s cubic-bezier(.22,1,.36,1);
}
.wmc-motion-ready .showcase-hero.wmc-section-visible::before,
.wmc-motion-ready .offers-section.wmc-section-visible::before,
.wmc-motion-ready .sales-intro.wmc-section-visible::before,
.wmc-motion-ready .plans-wrap.wmc-section-visible::before,
.wmc-motion-ready .checkout-explain.wmc-section-visible::before,
.wmc-motion-ready .faq-wrap.wmc-section-visible::before{transform:scaleX(1)}

/* Cartoes ganham profundidade apenas no hover, sem mudar o layout */
@media (hover:hover) and (pointer:fine){
  .offer-card,.plan-card,.benefit-point,.checkout-visual-card,.faq-list details{
    transition:transform .42s cubic-bezier(.22,1,.36,1),border-color .32s ease,box-shadow .42s ease,background .32s ease;
  }
  .offer-card:hover,.benefit-point:hover{transform:translateY(-7px)}
  .plan-card:hover{transform:translateY(-9px) scale(1.012);box-shadow:0 24px 70px rgba(0,0,0,.34)}
  .checkout-visual-card:hover{transform:translateY(-5px);box-shadow:0 24px 70px rgba(0,0,0,.32)}
  .faq-list details:hover{transform:translateX(7px);border-color:rgba(255,255,255,.16)}

  .stream-cta-btn,.stream-outline-btn,.stream-link-btn,.stream-link-block{
    overflow:hidden;
    position:relative;
  }
  .stream-cta-btn::after,.stream-outline-btn::after,.stream-link-btn::after,.stream-link-block::after{
    content:'';
    position:absolute;
    top:-120%;
    left:-35%;
    width:28%;
    height:340%;
    transform:rotate(24deg) translateX(-220%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.20),transparent);
    transition:transform .65s cubic-bezier(.22,1,.36,1);
    pointer-events:none;
  }
  .stream-cta-btn:hover::after,.stream-outline-btn:hover::after,.stream-link-btn:hover::after,.stream-link-block:hover::after{
    transform:rotate(24deg) translateX(560%);
  }
}

/* FAQ abre a resposta com movimento leve */
.wmc-motion-ready .faq-list details[open] p{animation:wmcFaqOpen283 .42s cubic-bezier(.22,1,.36,1) both}
@keyframes wmcFaqOpen283{
  from{opacity:0;transform:translateY(-8px)}
  to{opacity:1;transform:translateY(0)}
}

/* Movimento sutil no letreiro de dispositivos sem mudar sua velocidade base */
.wmc-motion-ready .devices-marquee-shell{transition:transform .7s cubic-bezier(.22,1,.36,1),opacity .7s ease}
.wmc-motion-ready .devices-marquee-section:not(.wmc-section-visible) .devices-marquee-shell{opacity:.2;transform:scale(.985)}
.wmc-motion-ready .devices-marquee-section.wmc-section-visible .devices-marquee-shell{opacity:1;transform:scale(1)}

/* Mobile: distancias menores para evitar sensacao pesada */
@media(max-width:699px){
  .wmc-motion-ready [data-wmc-reveal]{transform:translate3d(0,34px,0) scale(.99)}
  .wmc-motion-ready [data-wmc-reveal="left"],
  .wmc-motion-ready [data-wmc-reveal="right"]{transform:translate3d(0,34px,0) scale(.99)}
  .wmc-motion-ready [data-wmc-reveal="scale"]{transform:translate3d(0,22px,0) scale(.96)}
  .wmc-motion-ready [data-wmc-reveal].is-visible{transform:translate3d(0,0,0) scale(1)}
  .wmc-motion-ready [data-wmc-title-reveal]{transform:translateY(26px)}
  .wmc-motion-ready [data-wmc-title-reveal].is-visible{transform:translateY(0)}
}

/* Acessibilidade e dispositivos que pedem menos movimento */
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .wmc-motion-ready *,
  .wmc-motion-ready *::before,
  .wmc-motion-ready *::after{
    animation-duration:.01ms!important;
    animation-iteration-count:1!important;
    transition-duration:.01ms!important;
    scroll-behavior:auto!important;
  }
  .wmc-motion-ready [data-wmc-reveal],
  .wmc-motion-ready [data-wmc-title-reveal],
  .wmc-motion-ready .stream-topbar,
  .wmc-motion-ready .mosaic-center-logo{
    opacity:1!important;
    filter:none!important;
    transform:none!important;
    clip-path:none!important;
  }
  .wmc-motion-ready .mosaic-bg{transform:scale(1.01)!important}
}

/* V283 motion 2 — refinamento solicitado: logo mais baixo + movimentos suaves extras */
.mosaic-center-logo{
  margin-top:42px!important;
}
@media (min-width:1024px){
  .mosaic-center-logo{margin-top:56px!important}
}
@media (max-width:699px){
  .mosaic-center-logo{margin-top:24px!important}
}

/* Flutuacao quase imperceptivel do logo depois da entrada inicial */
.wmc-motion-ready.wmc-motion-loaded .mosaic-center-logo{
  animation:wmcLogoFloat283 7.2s ease-in-out 1.15s infinite;
}
@keyframes wmcLogoFloat283{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(0,7px,0) scale(1.006)}
}

/* Fundo do hero respira e acompanha o ponteiro com deslocamento minimo */
.wmc-motion-ready .mosaic-bg{
  transform:translate3d(var(--wmc-pointer-x,0px),calc(var(--wmc-hero-parallax,0px) + var(--wmc-pointer-y,0px)),0) scale(1.07);
  transition:transform .5s cubic-bezier(.22,1,.36,1),filter 1.1s ease;
  filter:saturate(1.035) contrast(1.015);
}

/* Luz ambiente discreta, sem alterar a arte original */
.wmc-motion-ready .mosaic-overlay{overflow:hidden}
.wmc-motion-ready .mosaic-overlay::after{
  content:'';
  position:absolute;
  width:52vw;
  height:52vw;
  min-width:420px;
  min-height:420px;
  left:24%;
  top:-30%;
  border-radius:50%;
  background:radial-gradient(circle,rgba(235,20,30,.10) 0%,rgba(235,20,30,.035) 34%,transparent 70%);
  filter:blur(18px);
  opacity:.52;
  transform:translate3d(var(--wmc-glow-x,0px),var(--wmc-glow-y,0px),0);
  transition:transform 1.1s cubic-bezier(.22,1,.36,1),opacity 1.2s ease;
  pointer-events:none;
}

/* Navegacao com sublinhado que desliza */
.wmc-motion-ready .stream-nav a{position:relative}
.wmc-motion-ready .stream-nav a::after{
  content:'';
  position:absolute;
  left:0;
  right:0;
  bottom:-7px;
  height:1px;
  background:currentColor;
  transform:scaleX(0);
  transform-origin:right center;
  opacity:.72;
  transition:transform .48s cubic-bezier(.22,1,.36,1);
}
@media (hover:hover) and (pointer:fine){
  .wmc-motion-ready .stream-nav a:hover::after{
    transform:scaleX(1);
    transform-origin:left center;
  }
}

/* Transicoes adicionais no catalogo e nos cards, sempre leves */
.wmc-motion-ready .trailer-player-shell,
.wmc-motion-ready .poster-card{
  transition:transform .75s cubic-bezier(.22,1,.36,1),box-shadow .75s ease,filter .75s ease;
}
.wmc-motion-ready .trailer-player,
.wmc-motion-ready .trailer-static-image,
.wmc-motion-ready .poster-card img{
  transition:transform 1.25s cubic-bezier(.22,1,.36,1),filter 1s ease;
}
@media (hover:hover) and (pointer:fine){
  .wmc-motion-ready .trailer-player-shell:hover,
  .wmc-motion-ready .poster-card:hover{
    transform:translateY(-4px) scale(1.003);
    box-shadow:0 24px 70px rgba(0,0,0,.28);
  }
  .wmc-motion-ready .trailer-player-shell:hover .trailer-player,
  .wmc-motion-ready .trailer-player-shell:hover .trailer-static-image,
  .wmc-motion-ready .poster-card:hover img{
    transform:scale(1.018);
  }
}

/* Pequeno pulso de presenca no titulo ativo do catalogo */
.wmc-motion-ready .wmc-section-visible .trailer-category-current,
.wmc-motion-ready .wmc-section-visible .genre-item.active{
  animation:wmcActiveTitle283 5.8s ease-in-out infinite;
}
@keyframes wmcActiveTitle283{
  0%,100%{opacity:1;filter:brightness(1)}
  50%{opacity:.93;filter:brightness(1.08)}
}

/* Botões ganham resposta suave ao pressionar, sem deslocar o layout */
.wmc-motion-ready .stream-cta-btn,
.wmc-motion-ready .stream-outline-btn,
.wmc-motion-ready .stream-link-btn{
  transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease,background .32s ease,border-color .32s ease,opacity .32s ease;
}
.wmc-motion-ready .stream-cta-btn:active,
.wmc-motion-ready .stream-outline-btn:active,
.wmc-motion-ready .stream-link-btn:active{
  transform:scale(.975);
}

@media(prefers-reduced-motion:reduce){
  .wmc-motion-ready.wmc-motion-loaded .mosaic-center-logo,
  .wmc-motion-ready .wmc-section-visible .trailer-category-current,
  .wmc-motion-ready .wmc-section-visible .genre-item.active{
    animation:none!important;
  }
  .wmc-motion-ready .mosaic-bg{
    transform:scale(1.01)!important;
  }
}