/**
 * PrimeFlix v3.64.64 · P224
 * Desktop detail — full-width action rail, brighter cue and final readability pass.
 * Desktop web only. Loaded after P223.
 */
@media (min-width:901px){
  /* Use virtually the entire hero width for the action rail. */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    left:12px!important;
    right:12px!important;
    bottom:62px!important;
    width:auto!important;
    max-width:none!important;
    min-width:0!important;
    height:82px!important;
    display:grid!important;
    grid-template-columns:minmax(0,47fr) minmax(0,53fr)!important;
    column-gap:8px!important;
    align-items:stretch!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side > .pfce,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{
    height:82px!important;
    min-height:82px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1{
    grid-template-columns:minmax(0,1.38fr) minmax(0,.88fr) minmax(0,1.2fr) minmax(0,1.9fr)!important;
    gap:8px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{
    grid-template-columns:minmax(0,1.03fr) minmax(0,1.02fr) minmax(0,1.23fr) minmax(0,1.03fr) minmax(0,1fr) minmax(0,1.08fr) minmax(0,.96fr)!important;
    gap:8px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    height:82px!important;
    min-height:82px!important;
    min-width:0!important;
    border-radius:16px!important;
  }

  /* DÓNDE VER: no icon, larger label. */
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn .pfcp-btn-inner{
    width:100%!important;
    justify-content:center!important;
    gap:0!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn .pfcp-btn-inner svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn > svg{
    display:none!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn .pfcp-btn-inner > span{
    font-size:clamp(13.5px,.84vw,16px)!important;
    font-weight:950!important;
    letter-spacing:.035em!important;
    white-space:nowrap!important;
  }

  /* Cines + trailer remain one line but become easier to read. */
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action:not(.pf-watch-hero-btn){
    font-size:clamp(12.5px,.78vw,15px)!important;
    font-weight:950!important;
    white-space:nowrap!important;
    padding:8px 9px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-btn-ico svg{
    width:21px!important;
    height:21px!important;
    flex:0 0 21px!important;
  }

  /* Score deliberately receives more width and a clean information hierarchy. */
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    padding:8px 14px!important;
    grid-template-columns:27px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:10px!important;
    row-gap:3px!important;
    align-content:center!important;
    overflow:hidden!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge__star{
    font-size:25px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge b{
    font-size:12.5px!important;
    font-weight:950!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge strong{
    font-size:23px!important;
    font-weight:950!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge em{
    font-size:11px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge small{
    font-size:11.5px!important;
    font-weight:800!important;
    color:rgba(255,255,255,.72)!important;
  }

  /* Seven personal actions: larger labels, never stacked. */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    padding:7px 4px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{
    min-height:23px!important;
    font-size:22px!important;
    line-height:1!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{
    width:100%!important;
    max-width:100%!important;
    font-size:clamp(10.8px,.72vw,14px)!important;
    line-height:1.04!important;
    font-weight:950!important;
    letter-spacing:0!important;
    white-space:nowrap!important;
    overflow:hidden!important;
    text-overflow:ellipsis!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > small{
    min-height:11px!important;
    font-size:clamp(9px,.54vw,11px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* The cue visibly emits light every two seconds without becoming distracting. */
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue{
    bottom:10px!important;
    animation:pfCueFloat 2.2s ease-in-out infinite,pfP224CueGlow 2s ease-in-out infinite!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue::before{
    content:""!important;
    position:absolute!important;
    inset:-5px!important;
    z-index:-1!important;
    border-radius:999px!important;
    opacity:0!important;
    background:rgba(168,85,247,.12)!important;
    box-shadow:0 0 0 1px rgba(192,132,252,.28),0 0 22px rgba(168,85,247,.48),0 0 46px rgba(124,58,237,.28)!important;
    animation:pfP224CueHalo 2s ease-in-out infinite!important;
    pointer-events:none!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-grid{padding-bottom:190px!important}
}

@keyframes pfP224CueGlow{
  0%,58%,100%{box-shadow:0 18px 40px rgba(0,0,0,.26),0 0 0 rgba(168,85,247,0)}
  72%{box-shadow:0 18px 40px rgba(0,0,0,.28),0 0 24px rgba(168,85,247,.48),0 0 44px rgba(124,58,237,.22)}
}
@keyframes pfP224CueHalo{
  0%,58%,100%{opacity:0;transform:scale(.98)}
  72%{opacity:1;transform:scale(1.03)}
  88%{opacity:.18;transform:scale(1.06)}
}

@media (min-width:901px) and (max-width:1199px){
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    left:8px!important;
    right:8px!important;
    height:76px!important;
    grid-template-columns:minmax(0,48fr) minmax(0,52fr)!important;
    column-gap:4px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side > .pfce,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{
    height:76px!important;
    min-height:76px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{gap:4px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge,
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    height:76px!important;
    min-height:76px!important;
    border-radius:13px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn .pfcp-btn-inner > span{font-size:11.8px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action:not(.pf-watch-hero-btn){font-size:10.7px!important;padding:6px 4px!important;gap:4px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-btn-ico svg{width:17px!important;height:17px!important;flex-basis:17px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{grid-template-columns:20px minmax(0,1fr)!important;column-gap:6px!important;padding:6px 7px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge__star{font-size:19px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge b{font-size:9.8px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge strong{font-size:17px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge em{font-size:8.7px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge small{font-size:8.8px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{padding:6px 2px!important;gap:3px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{font-size:18px!important;min-height:18px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{font-size:10.4px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > small{font-size:8.2px!important}
}

@media (min-width:1600px){
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{left:16px!important;right:16px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{font-size:14px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action:not(.pf-watch-hero-btn){font-size:15px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pf-watch-hero-btn .pfcp-btn-inner > span{font-size:16px!important}
}

@media (prefers-reduced-motion:reduce){
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue,
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue::before{animation:none!important}
}
