/*
 * PrimeFlix 3.65.02 · P262 · Web / Web Mobile Behavioral Corrections
 * Scope: regular Web only. App surfaces remain excluded by the enqueue guard.
 */

/* ========================================================================
   WEB (desktop + responsive): Community Top always exposes exactly 3 rows.
   ======================================================================== */
body.pf-web-p262 .pfde-local-top__list{
  display:block!important;
  width:100%!important;
  overflow:hidden!important;
  scrollbar-width:none!important;
  scroll-behavior:smooth!important;
}
body.pf-web-p262 .pfde-local-top__list::-webkit-scrollbar{display:none!important}
body.pf-web-p262 .pfde-local-top__list>a{
  width:100%!important;
  min-width:0!important;
  margin:0 0 7px!important;
  scroll-snap-align:none!important;
}
body.pf-web-p262 .pfde-local-top__list>a:last-child{margin-bottom:0!important}

@media (max-width:820px){
/* ========================================================================
   WEB POLL: clean cinema poll, poster-first, four choices, confirm/cancel.
   ======================================================================== */
body.pf-web-p262 .pfde-poll--cinema{
  overflow:hidden!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:9px!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0 0 11px!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
  white-space:nowrap!important;
  overflow:hidden!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee span,
body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee b{
  display:inline-flex!important;
  align-items:center!important;
  min-height:24px!important;
  margin:0!important;
  padding:0 9px!important;
  border-radius:999px!important;
  font-size:10px!important;
  line-height:1!important;
  font-weight:900!important;
  letter-spacing:.10em!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee span{
  background:rgba(124,58,237,.16)!important;
  border:1px solid rgba(196,181,253,.18)!important;
  color:#ddd6fe!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee b{
  padding-inline:0!important;
  color:rgba(255,255,255,.58)!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee em{display:none!important}
body.pf-web-p262 .pfde-poll--cinema>.pfde-head{
  display:block!important;
  margin:0 0 16px!important;
  padding:0!important;
}
body.pf-web-p262 .pfde-poll--cinema>.pfde-head>div{width:100%!important;max-width:none!important}
body.pf-web-p262 .pfde-poll--cinema>.pfde-head>div>span,
body.pf-web-p262 .pfde-poll--cinema>.pfde-head p{display:none!important}
body.pf-web-p262 .pfde-poll--cinema>.pfde-head h2{
  width:100%!important;
  max-width:100%!important;
  margin:0!important;
  font-size:clamp(18px,2.05vw,30px)!important;
  line-height:1.08!important;
  letter-spacing:-.025em!important;
  font-weight:900!important;
  white-space:nowrap!important;
  word-break:keep-all!important;
  overflow-wrap:normal!important;
  overflow:hidden!important;
  text-overflow:clip!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid{
  display:grid!important;
  grid-template-columns:repeat(4,minmax(0,150px))!important;
  justify-content:start!important;
  align-items:start!important;
  gap:clamp(8px,1.1vw,14px)!important;
  width:100%!important;
  max-width:none!important;
  overflow:visible!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button{
  position:relative!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:12px!important;
  background:transparent!important;
  color:#fff!important;
  text-align:left!important;
  overflow:visible!important;
  transform:none!important;
  box-shadow:none!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button::after{
  content:"VOTAR";
  position:absolute;
  z-index:4;
  left:7px;
  top:7px;
  min-height:22px;
  display:inline-flex;
  align-items:center;
  padding:0 7px;
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
  background:rgba(5,5,8,.72);
  color:#fff;
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
  font-size:9px;
  line-height:1;
  font-weight:900;
  letter-spacing:.08em;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button.is-pending::after{content:"ELEGIDO";background:rgba(124,58,237,.82)}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button.is-selected::after{content:"VOTADO";background:rgba(16,185,129,.82)}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button:disabled:not(.is-selected)::after{display:none!important}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid img{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:2/3!important;
  object-fit:cover!important;
  border:1px solid rgba(255,255,255,.10)!important;
  border-radius:12px!important;
  background:#101016!important;
  box-shadow:0 9px 24px rgba(0,0,0,.24)!important;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button.is-pending img{
  border-color:rgba(196,181,253,.86)!important;
  box-shadow:0 0 0 2px rgba(124,58,237,.30),0 11px 28px rgba(0,0,0,.30)!important;
  transform:translateY(-2px)!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button.is-selected img{
  border-color:rgba(52,211,153,.72)!important;
  box-shadow:0 0 0 2px rgba(16,185,129,.22),0 11px 28px rgba(0,0,0,.30)!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button>span{
  display:block!important;
  width:100%!important;
  min-width:0!important;
  margin:0!important;
  padding:0!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid strong,
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid small{display:none!important}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid i{
  display:block!important;
  width:100%!important;
  height:4px!important;
  margin:7px 0 0!important;
  border-radius:999px!important;
  overflow:hidden!important;
  background:rgba(255,255,255,.10)!important;
}
body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid em{
  display:block!important;
  height:100%!important;
  border-radius:inherit!important;
  background:linear-gradient(90deg,#7c3aed,#c084fc)!important;
  transition:width .35s ease!important;
}
body.pf-web-p262 .pfde-poll__confirm{
  width:min(430px,100%);
  margin:15px 0 0;
  display:flex;
  align-items:center;
  gap:8px;
}
body.pf-web-p262 .pfde-poll__confirm[hidden]{display:none!important}
body.pf-web-p262 .pfde-poll__confirm button{
  min-height:40px;
  padding:0 15px;
  border-radius:11px;
  font-size:12px;
  line-height:1;
  font-weight:850;
}
body.pf-web-p262 .pfde-poll__confirm [data-pfde-poll-confirm-vote]{background:#fff;color:#08080c}
body.pf-web-p262 .pfde-poll__confirm [data-pfde-poll-cancel-vote]{background:rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.10);color:#fff}
body.pf-web-p262 .pfde-poll__status{margin-top:10px!important;font-size:12px!important;line-height:1.35!important}
}


@media (max-width:820px){
  /* ======================================================================
     HERO: explicit reading order. Synopsis is never layered over metadata.
     Ver ficha/actions -> synopsis -> type/year/score/watched -> genres/info.
     ====================================================================== */
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-content{
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
  }
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-kicker{order:10!important}
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-title{order:20!important;margin-bottom:8px!important}
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions{order:30!important;margin:0 0 10px!important}
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov{
    order:40!important;
    position:relative!important;
    inset:auto!important;
    margin:0 0 10px!important;
    z-index:auto!important;
  }
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pills{order:50!important;margin:0 0 7px!important}
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-genres{order:60!important;margin:0 0 7px!important}
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-deck{order:70!important;margin:0!important}
  body.pf-web-p262 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill-watched{
    order:99!important;
    display:inline-flex!important;
    visibility:visible!important;
    opacity:1!important;
    margin:0!important;
  }

  /* ======================================================================
     SLIDERS: P262 is the final mobile rail/card authority. It explicitly
     reverses the old P63 absolute-poster rule that collapsed P255 cards.
     ====================================================================== */
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider,.pf-xslider,#xs-similar,#xs-continue){
    display:block!important;
    position:relative!important;
    width:100%!important;
    max-width:100%!important;
    min-height:1px!important;
    height:auto!important;
    overflow-x:auto!important;
    overflow-y:visible!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    translate:none!important;
    pointer-events:auto!important;
    scrollbar-width:none!important;
    -webkit-overflow-scrolling:touch!important;
    overscroll-behavior-inline:contain!important;
    touch-action:pan-x pan-y pinch-zoom!important;
  }
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider,.pf-xslider,#xs-similar,#xs-continue)::-webkit-scrollbar{display:none!important}
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider,.pf-xslider,#xs-similar,#xs-continue)>.swiper-wrapper{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:flex-start!important;
    width:max-content!important;
    min-width:100%!important;
    max-width:none!important;
    min-height:1px!important;
    height:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    translate:none!important;
    transition:none!important;
    pointer-events:auto!important;
  }
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 :is(.pf10c-slider,.pf10-slider,.pf10-continue-slider,.pf-xslider,#xs-similar,#xs-continue)>.swiper-wrapper>.swiper-slide{
    position:relative!important;
    min-height:1px!important;
    height:auto!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    translate:none!important;
    pointer-events:auto!important;
  }
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 .pf10c-card{
    position:relative!important;
    display:grid!important;
    grid-template-rows:auto auto!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:auto!important;
    overflow:visible!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    -webkit-mask-image:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 .pf10c-card>.pf10c-poster{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:0!important;
    aspect-ratio:2/3!important;
    overflow:hidden!important;
    border-radius:var(--pfm-card-radius,16px)!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 .pf10c-card>.pf10c-poster>img{
    position:absolute!important;
    inset:0!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    min-width:100%!important;
    min-height:100%!important;
    object-fit:cover!important;
    border-radius:inherit!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    opacity:1!important;
    visibility:visible!important;
  }
  html body.pf-web-p262.pf-web-mobile-rebuild-p252 .pf10c-card>.pf10c-back{
    position:static!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
    min-height:var(--pfm-card-info-h,58px)!important;
    overflow:visible!important;
    border-radius:0!important;
    clip-path:none!important;
    -webkit-clip-path:none!important;
    opacity:1!important;
    visibility:visible!important;
    transform:none!important;
    pointer-events:none!important;
  }

  /* Prime Pulse metrics: continuous ticker with no interval pauses. */
  body.pf-web-p262 .pfde-metrics{
    overflow:hidden!important;
    scroll-snap-type:none!important;
    scroll-behavior:auto!important;
  }
  body.pf-web-p262 .pfde-metrics.pf262-metrics-ready{
    display:block!important;
    height:34px!important;
  }
  body.pf-web-p262 .pfde-metrics .pf262-metrics-track{
    display:flex!important;
    flex-flow:row nowrap!important;
    align-items:center!important;
    width:max-content!important;
    min-width:max-content!important;
    height:34px!important;
    will-change:transform!important;
  }
  body.pf-web-p262 .pfde-metrics .pf262-metrics-track>article{flex:0 0 auto!important}

  /* Mobile poll: all four posters visible simultaneously. */
  body.pf-web-p262 .pfde-poll--cinema{padding-left:var(--pfm-gutter,18px)!important;padding-right:var(--pfm-gutter,18px)!important}
  body.pf-web-p262 .pfde-poll--cinema>.pfde-head h2{font-size:18px!important}
  body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    gap:7px!important;
  }
  body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button{flex:initial!important;min-width:0!important}
  body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid>button::after{
    left:5px;top:5px;min-height:19px;padding:0 5px;font-size:7.8px;letter-spacing:.06em;
  }
  body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid img{border-radius:9px!important}
  body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid i{height:3px!important;margin-top:5px!important}
}

@media (max-width:380px){
  body.pf-web-p262 .pfde-poll--cinema{padding-left:12px!important;padding-right:12px!important}
  body.pf-web-p262 .pfde-poll--cinema .pfde-poll__grid{gap:5px!important}
  body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee span,
  body.pf-web-p262 .pfde-poll--cinema .pfde-cinema-marquee b{font-size:8.8px!important;min-height:22px!important}
}

@media (prefers-reduced-motion:reduce){
  body.pf-web-p262 .pfde-local-top__list{scroll-behavior:auto!important}
  body.pf-web-p262 .pfde-metrics .pf262-metrics-track{transform:none!important}
}