/**
 * PrimeFlix v3.64.62 · P222
 * Desktop detail refinement — readable full-width action rail + repaired hero meta badges.
 * Desktop web only. Loaded after P218.
 */

@media (min-width:901px){
  /* ==========================================================
     HERO META BADGES — compact, aligned and predictable
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-tags{
    width:100%!important;
    max-width:min(100%,920px)!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    flex-wrap:wrap!important;
    gap:8px!important;
    margin:0 0 10px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag{
    box-sizing:border-box!important;
    min-height:32px!important;
    max-width:100%!important;
    display:inline-flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:7px!important;
    padding:7px 12px!important;
    border-radius:999px!important;
    font-size:12.5px!important;
    line-height:1!important;
    font-weight:850!important;
    letter-spacing:.015em!important;
    white-space:nowrap!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag-accent{
    min-width:82px!important;
    padding-inline:14px!important;
    text-transform:uppercase!important;
    letter-spacing:.08em!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag-icon{
    width:17px!important;
    height:17px!important;
    flex:0 0 17px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tag-icon svg{
    width:17px!important;
    height:17px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tagline{
    position:relative!important;
    width:min(100%,78ch)!important;
    max-width:78ch!important;
    margin:0 0 9px!important;
    padding-left:17px!important;
    color:rgba(255,255,255,.68)!important;
    font-size:clamp(12.5px,.76vw,14.5px)!important;
    line-height:1.45!important;
    font-weight:650!important;
    letter-spacing:.01em!important;
    text-align:left!important;
    overflow:hidden!important;
    display:-webkit-box!important;
    -webkit-box-orient:vertical!important;
    -webkit-line-clamp:2!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-tagline::before{
    content:""!important;
    position:absolute!important;
    left:0!important;
    top:.54em!important;
    width:8px!important;
    height:8px!important;
    border-radius:50%!important;
    background:#a855f7!important;
    box-shadow:0 0 12px rgba(168,85,247,.48)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-title{
    margin-top:0!important;
  }

  /* ==========================================================
     BOTTOM ACTION RAIL — more width for Trailer + PrimeFlix Score
     while keeping all eleven actions on ONE line.
     ========================================================== */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    height:78px!important;
    grid-template-columns:minmax(0,4.9fr) minmax(0,6.1fr)!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:78px!important;
    min-height:78px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1{
    grid-template-columns:minmax(0,1.18fr) minmax(0,.9fr) minmax(0,1.25fr) minmax(0,1.67fr)!important;
    gap:8px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-primary{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.18fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.05fr) minmax(0,.94fr)!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:78px!important;
    min-height:78px!important;
    min-width:0!important;
    border-radius:16px!important;
  }

  /* Dónde ver / Cines / Tráiler — clearer typography without wrapping. */
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action{
    padding:8px 10px!important;
    gap:8px!important;
    font-size:clamp(12px,.72vw,14px)!important;
    line-height:1!important;
    font-weight:900!important;
    letter-spacing:.015em!important;
    white-space:nowrap!important;
    overflow:hidden!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action .pfcp-btn-inner{
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    gap:8px!important;
    white-space:nowrap!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action > span:not(.pfcp-btn-ico),
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action .pfcp-btn-inner > span,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-trailer-label{
    min-width:0!important;
    font-size:inherit!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
    overflow:visible!important;
    text-overflow:clip!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-btn-ico svg{
    width:22px!important;
    height:22px!important;
    flex:0 0 22px!important;
  }

  /* PrimeFlix Score gets a deliberately wider, two-line information layout. */
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge{
    padding:8px 12px!important;
    display:grid!important;
    grid-template-columns:24px minmax(0,1fr)!important;
    grid-template-rows:auto auto!important;
    column-gap:9px!important;
    row-gap:2px!important;
    align-content:center!important;
    align-items:center!important;
    justify-items:start!important;
    overflow:hidden!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge__star{
    grid-column:1!important;
    grid-row:1 / span 2!important;
    align-self:center!important;
    font-size:23px!important;
    line-height:1!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge > span:nth-child(2){
    grid-column:2!important;
    grid-row:1!important;
    width:100%!important;
    min-width:0!important;
    display:flex!important;
    align-items:baseline!important;
    justify-content:flex-start!important;
    gap:4px!important;
    white-space:nowrap!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge b{
    font-size:11.5px!important;
    line-height:1!important;
    font-weight:900!important;
    white-space:nowrap!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge strong{
    font-size:21px!important;
    line-height:1!important;
    font-weight:950!important;
    white-space:nowrap!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge em{
    font-size:10.5px!important;
    line-height:1!important;
    white-space:nowrap!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfscore-badge small{
    grid-column:2!important;
    grid-row:2!important;
    margin:0!important;
    min-width:0!important;
    font-size:10.5px!important;
    line-height:1.1!important;
    font-weight:750!important;
    white-space:nowrap!important;
    color:rgba(255,255,255,.68)!important;
  }

  /* Seven personal actions — larger labels, never stacked. */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn{
    padding:7px 5px!important;
    gap:4px!important;
    overflow:hidden!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > span{
    min-height:22px!important;
    font-size:21px!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(11px,.67vw,13px)!important;
    line-height:1.06!important;
    font-weight:900!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,.52vw,10.5px)!important;
    line-height:1!important;
    white-space:nowrap!important;
  }

  /* Keep the restored cue just below the taller rail. */
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{bottom:59px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-scroll-cue{bottom:10px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-grid{padding-bottom:184px!important}
}

/* Mid-size desktop: preserve one line without crushing the words. */
@media (min-width:901px) and (max-width:1199px){
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    left:18px!important;
    right:18px!important;
    height:72px!important;
    grid-template-columns:minmax(0,4.75fr) minmax(0,6.25fr)!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:72px!important;
    min-height:72px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1{gap:4px!important}
  .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:72px!important;
    min-height:72px!important;
    border-radius:13px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action{
    padding:6px 5px!important;
    gap:5px!important;
    font-size:10.8px!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action svg,
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-btn-ico svg{
    width:18px!important;
    height:18px!important;
    flex-basis:18px!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.6px!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,
  .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.2px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > small{font-size:8.3px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-tag{font-size:11.5px!important;min-height:30px!important;padding:6px 10px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-tagline{font-size:12.5px!important;max-width:66ch!important}
}

@media (min-width:1600px){
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side{
    grid-template-columns:minmax(0,5.05fr) minmax(0,5.95fr)!important;
  }
  .pfcp-wrap.pf-desktop-view .pfcp-actions-side .pfce-btn > b{font-size:13.5px!important}
  .pfcp-wrap.pf-desktop-view .pfcp-row1 .pfcp-main-action{font-size:14px!important}
}