/* PrimeFlix 3.65.12 · P270 · Web Mobile · Hero poster meta + passive Community Top
 * Mobile web only (<=820px). App móvil / Desktop App untouched.
 */
@media (max-width:820px){
  body.pf-web-p270:not(.pf-web-p271){
    --p270-gutter:clamp(13px,4.4vw,20px);
    --p270-poster-w:clamp(64px,19vw,82px);
    --p270-poster-top:calc(var(--pfm-header-total,58px) + 10px);
    --p270-gap:6px;
  }

  /* ===== HERO: one composition for Home / Movies / Series / Anime ===== */
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-poster{
    display:block!important;
    position:absolute!important;
    top:var(--p270-poster-top)!important;
    right:var(--p270-gutter)!important;
    left:auto!important;
    bottom:auto!important;
    width:var(--p270-poster-w)!important;
    max-width:var(--p270-poster-w)!important;
    aspect-ratio:2/3!important;
    z-index:12!important;
    margin:0!important;
    transform:none!important;
    overflow:visible!important;
  }
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-poster img{
    width:100%!important;height:100%!important;max-width:none!important;object-fit:cover!important;border-radius:10px!important;
  }

  /* Visto: beside the poster, aligned with its upper edge. */
  body.pf-web-p270:not(.pf-web-p271) .p270-poster-watched{
    position:absolute!important;
    top:0!important;
    right:calc(100% + 8px)!important;
    z-index:13!important;
    display:inline-flex!important;align-items:center!important;justify-content:flex-end!important;gap:.36em!important;
    width:auto!important;max-width:calc(100vw - var(--p270-gutter) - var(--p270-gutter) - var(--p270-poster-w) - 16px)!important;
    height:26px!important;min-height:26px!important;margin:0!important;padding:0 .72em!important;
    border:1px solid rgba(255,255,255,.12)!important;border-radius:999px!important;
    background:rgba(8,8,12,.46)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;
    color:rgba(255,255,255,.82)!important;font-size:var(--p270-fs-watched,9.5px)!important;font-weight:750!important;line-height:1!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:hidden!important;
  }
  body.pf-web-p270:not(.pf-web-p271) .p270-poster-watched svg{width:1.05em!important;height:1.05em!important;flex:0 0 1.05em!important}

  /* Score: directly under the poster. */
  body.pf-web-p270:not(.pf-web-p271) .p270-poster-score{
    position:absolute!important;
    top:calc(100% + 7px)!important;
    right:0!important;
    z-index:13!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:.32em!important;
    width:var(--p270-poster-w)!important;max-width:var(--p270-poster-w)!important;
    height:25px!important;min-height:25px!important;margin:0!important;padding:0 5px!important;
    border:1px solid rgba(234,179,8,.30)!important;border-radius:999px!important;
    background:rgba(234,179,8,.13)!important;color:#fde68a!important;
    font-size:var(--p270-fs-score,10px)!important;font-weight:850!important;line-height:1!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;overflow:hidden!important;
  }
  body.pf-web-p270:not(.pf-web-p271) .p270-poster-score svg{width:1em!important;height:1em!important;flex:0 0 1em!important}

  /* Main copy stays in normal flow and can never overlap poster metadata. */
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content{
    position:absolute!important;left:var(--p270-gutter)!important;right:var(--p270-gutter)!important;
    bottom:max(44px,calc(env(safe-area-inset-bottom,0px) + 36px))!important;top:auto!important;
    width:auto!important;max-width:none!important;min-width:0!important;height:auto!important;max-height:none!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;
    gap:0!important;margin:0!important;padding:0!important;overflow:visible!important;transform:none!important;
  }
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > :is(.pf-uhero-pills,.pf-uhero-title,.pf-uhero-genres,.pf-uhero-ov,.pf-uhero-actions){
    position:relative!important;inset:auto!important;float:none!important;clear:both!important;width:100%!important;max-width:100%!important;min-width:0!important;box-sizing:border-box!important;
  }

  /* Main order requested: TYPE -> TITLE -> GENRE. */
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pills{
    order:10!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
    height:2.25em!important;min-height:2.25em!important;max-height:2.25em!important;margin:0 0 var(--p270-gap)!important;padding:0!important;gap:.35em!important;
    font-size:var(--p270-fs-type,10.5px)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;
  }
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pills > :not(.pf-uhero-pill-type){display:none!important}
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-pill-type{
    display:inline-flex!important;align-items:center!important;width:auto!important;height:100%!important;min-height:0!important;max-width:100%!important;
    margin:0!important;padding:0 .78em!important;font-size:1em!important;line-height:1!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;overflow:hidden!important;
  }
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-title{
    order:20!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0 0 var(--p270-gap)!important;padding:0!important;
    font-size:var(--p270-fs-title,38px)!important;line-height:1.06!important;letter-spacing:-.035em!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;overflow:hidden!important;text-overflow:clip!important;-webkit-line-clamp:unset!important;
  }
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-genres{
    order:30!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
    height:2.15em!important;min-height:2.15em!important;max-height:2.15em!important;margin:0 0 var(--p270-gap)!important;padding:0!important;gap:.38em!important;
    font-size:var(--p270-fs-genres,10px)!important;line-height:1!important;white-space:nowrap!important;overflow:hidden!important;
  }
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-genres > .pf-uhero-genre{
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;width:auto!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 .78em!important;
    font-size:1em!important;line-height:1!important;white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
  }

  /* Existing synopsis/actions continue after the requested three-line hierarchy. */
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-ov{order:40!important}
  body.pf-web-p270:not(.pf-web-p271) :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-actions{order:50!important}

  /* ===== COMMUNITY TOP: automatic vertical viewport, never user-scrollable ===== */
  body.pf-web-p270:not(.pf-web-p271) .pfde-local-top__list{
    overflow:hidden!important;
    overflow-x:hidden!important;
    overflow-y:hidden!important;
    touch-action:pan-y!important;
    overscroll-behavior:auto!important;
    scroll-snap-type:none!important;
    -webkit-overflow-scrolling:auto!important;
    scrollbar-width:none!important;
    cursor:default!important;
  }
  body.pf-web-p270:not(.pf-web-p271) .pfde-local-top__list::-webkit-scrollbar{display:none!important}
  body.pf-web-p270:not(.pf-web-p271) .pfde-local-top__list > a{scroll-snap-align:none!important}
}

@media (max-width:380px){
  body.pf-web-p270:not(.pf-web-p271){--p270-poster-w:60px;--p270-poster-top:calc(var(--pfm-header-total,54px) + 7px)}
  body.pf-web-p270:not(.pf-web-p271) .p270-poster-watched{height:24px!important;min-height:24px!important}
  body.pf-web-p270:not(.pf-web-p271) .p270-poster-score{height:23px!important;min-height:23px!important}
}

@media (min-width:600px) and (max-width:820px){
  body.pf-web-p270:not(.pf-web-p271){--p270-poster-w:88px;--p270-poster-top:calc(var(--pfm-header-total,62px) + 14px)}
}