/* PrimeFlix 3.65.10 · P269 · Web Mobile · Hero: una línea por elemento (orden Tipo/Año · Título+Score · Visto · Género · Sinopsis)
 * Alcance: Web responsive únicamente (<=820px). Sin App móvil ni Desktop App.
 * Autoridad final del hero (Inicio, Películas, Series y Anime):
 *   etiqueta del hero · etiquetas de información · título · etiquetas de género ·
 *   Tipo/Género/Año · sinopsis (máx. 2 líneas) · Ver ficha · Trailer / Más info / Mi lista.
 * Cada fila es de UNA línea. Si no cabe, se reduce el tamaño (lo calcula P269 JS); nunca se parte ni se superpone.
 * Todas las medidas internas están en "em" para que fuente, relleno, iconos y separaciones escalen juntos.
 */
@media (max-width:820px){
  body.pf-web-p269:not(.pf-web-p271){
    --p269-gutter:clamp(13px,4.4vw,20px);
    --p269-gap:6px;
  }

  /* Los botones se veían apagados: el degradado inferior del hero (.pf-uhero::before, z-index 7) se pintaba ENCIMA del contenido.
     El slide activo sube por encima de ese degradado (el slide ya trae su propio oscurecimiento) y los botones recuperan su brillo. */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide.pf-uhero-active{z-index:8!important}
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions{position:relative!important;z-index:2!important}

  /* Columna de contenido: flujo normal, sin elementos flotantes ni absolutos que se pisen. */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content{
    position:absolute!important;left:var(--p269-gutter)!important;right:var(--p269-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;
    margin:0!important;padding:0!important;transform:none!important;
    display:flex!important;flex-direction:column!important;align-items:stretch!important;justify-content:flex-end!important;gap:0!important;
    overflow:visible!important;box-sizing:border-box!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > :is(.p269-row-score,.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;
    flex:0 0 auto!important;width:100%!important;max-width:100%!important;min-width:0!important;
    box-sizing:border-box!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > :is(.pf263-hero-facts,.pf-uhero-kicker,.pf-uhero-deck){display:none!important}

  /* 3 · Tipo: [tipo][subetiqueta] Año: [año] — una línea */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-pills{
    order:32!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
    gap:.4em!important;height:2.3em!important;min-height:2.3em!important;max-height:2.3em!important;
    margin:0 0 var(--p269-gap)!important;padding:0!important;
    font-size:var(--p269-fs-pills,10.5px)!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > :is(.pf-uhero-pills,.p269-row-score) > .pf-uhero-pill{
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;gap:.35em!important;
    width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 .75em!important;
    font-size:1em!important;line-height:1!important;letter-spacing:0!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > :is(.pf-uhero-pills,.p269-row-score) > .pf-uhero-pill svg{width:1.05em!important;height:1.05em!important;flex:0 0 1.05em!important;margin:0!important}

  /* 0 · Score + visto arriba (normal, a la izquierda) — una línea */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .p269-row-score{
    order:10!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;gap:.4em!important;
    height:2.3em!important;min-height:2.3em!important;margin:0 0 var(--p269-gap)!important;padding:0!important;overflow:hidden!important;
    font-size:var(--p269-fs-pills,10.5px)!important;line-height:1!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .p269-row-score:empty{display:none!important}
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .p269-row-score > .pf-uhero-pill{order:0!important;height:100%!important}
  /* 2 · Título — una línea */
  /* Rótulos "Tipo:", "Año:", "Género:" */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content .p269-lbl{
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;margin:0 .15em 0 0!important;padding:0!important;
    font-size:1em!important;font-weight:750!important;line-height:1!important;letter-spacing:0!important;text-transform:none!important;
    color:rgba(255,255,255,.58)!important;white-space:nowrap!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content .p269-lbl--sep{margin-left:.55em!important}
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content .pf-uhero-title{
    order:30!important;display:block!important;height:auto!important;min-height:0!important;max-height:none!important;
    margin:0 0 var(--p269-gap)!important;padding:0 0 .06em!important;
    font-size:var(--p269-fs-title,38px)!important;line-height:1.08!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;
  }

  /* 4 · Género: [etiquetas] — una línea */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-genres{
    order:40!important;display:flex!important;flex-flow:row nowrap!important;align-items:center!important;justify-content:flex-start!important;
    gap:.4em!important;height:2.15em!important;min-height:2.15em!important;max-height:2.15em!important;
    margin:0 0 var(--p269-gap)!important;padding:0!important;
    font-size:var(--p269-fs-genres,10px)!important;line-height:1!important;
    white-space:nowrap!important;overflow:hidden!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-genres > .pf-uhero-genre{
    flex:0 0 auto!important;display:inline-flex!important;align-items:center!important;
    width:auto!important;min-width:0!important;max-width:none!important;height:100%!important;min-height:0!important;margin:0!important;padding:0 .8em!important;
    font-size:1em!important;line-height:1!important;letter-spacing:0!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
  }

  /* 5 · Sinopsis — máximo 2 líneas, siempre reserva exactamente 2 */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-ov{
    order:60!important;display:-webkit-box!important;-webkit-box-orient:vertical!important;-webkit-line-clamp:2!important;line-clamp:2!important;
    height:3em!important;min-height:3em!important;max-height:3em!important;
    margin:0 0 calc(var(--p269-gap) + 1px)!important;padding:0!important;
    font-size:var(--p269-fs-ov,12.5px)!important;line-height:1.5!important;
    overflow:hidden!important;word-break:normal!important;overflow-wrap:break-word!important;hyphens:none!important;
  }

  /* 6 · Ver ficha (una línea) + Trailer / Más info / Mi lista (una línea) */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions{
    order:70!important;display:grid!important;grid-template-columns:repeat(var(--p269-cols,3),minmax(0,1fr))!important;grid-template-rows:auto auto!important;
    gap:var(--p269-gap)!important;height:auto!important;min-height:0!important;max-height:none!important;margin:0!important;padding:0!important;
    overflow:visible!important;font-size:var(--p269-fs-actions,12px)!important;line-height:1!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > :is(.pf-uhero-btn-play,.pf-uhero-btn-trailer,.pf-uhero-btn-info,.pf-uhero-btn-icon){
    position:relative!important;inset:auto!important;transform:none!important;
    display:inline-flex!important;align-items:center!important;justify-content:center!important;flex-wrap:nowrap!important;gap:.4em!important;
    width:100%!important;min-width:0!important;max-width:100%!important;margin:0!important;
    padding:0 .5em!important;box-sizing:border-box!important;overflow:hidden!important;
    line-height:1!important;letter-spacing:0!important;
    white-space:nowrap!important;word-break:keep-all!important;overflow-wrap:normal!important;hyphens:none!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > .pf-uhero-btn-play{
    grid-column:1/-1!important;grid-row:1!important;height:3.4em!important;min-height:0!important;
    font-size:var(--p269-fs-play,13px)!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > :is(.pf-uhero-btn-trailer,.pf-uhero-btn-info,.pf-uhero-btn-icon){grid-column:auto!important;grid-row:2!important}
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > :is(.pf-uhero-btn-trailer,.pf-uhero-btn-info,.pf-uhero-btn-icon){
    height:3.1em!important;min-height:0!important;font-size:1em!important;
  }
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > .pf-uhero-btn-icon::after{font-size:1em!important;line-height:1!important}
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions :is(svg){width:1.15em!important;height:1.15em!important;flex:0 0 1.15em!important;margin:0!important}
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > :is(.pf-uhero-btn-play,.pf-uhero-btn-trailer,.pf-uhero-btn-info,.pf-uhero-btn-icon) :is(span,.pf-uhero-trailer-lbl){
    white-space:nowrap!important;font-size:1em!important;line-height:1!important;min-width:0!important;
  }
  /* El botón de trailer sigue oculto si el contenido no tiene trailer (lo decide el tema con display:none inline). */
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > .pf-uhero-btn-trailer[style*="display:none"],
  body.pf-web-p269:not(.pf-web-p271).pf-web-p269 :is(#pf-uhero-home,#pf-uhero-movies,#pf-uhero-series,#pf-uhero-anime) .pf-uhero-slide .pf-uhero-content > .pf-uhero-actions > .pf-uhero-btn-trailer[style*="display: none"]{display:none!important}
}