/* CINÉMA 2.0.12.6.9 — Cabeceras editoriales en móvil.
   Recupera la composición de escritorio sin afectar a otras pantallas.
   La fotografía es decorativa; controles y datos conservan sus funciones. */
@media (max-width: 720px) {
  /* Actrices: misma composición editorial de PC — título y acción a la
     izquierda, tres retratos verticales a sangre a la derecha. */
  body.gallery-view .noct-actress-intro.cinema-actress-hero {
    box-sizing: border-box !important;
    display: flex !important;
    align-items: center !important;
    justify-content: flex-start !important;
    height: 176px !important;
    min-height: 176px !important;
    max-height: none !important;
    padding: 15px 17px !important;
    margin: 0 0 15px !important;
    border: 1px solid #50444b !important;
    border-radius: 15px !important;
    background: #151920 !important;
    overflow: hidden !important;
    isolation: isolate;
  }
  body.gallery-view .cinema-actress-hero-content {
    position: relative !important;
    z-index: 5 !important;
    width: 57% !important;
    max-width: 57% !important;
    flex: 0 0 57% !important;
    min-width: 0;
    text-align: left;
  }
  body.gallery-view .cinema-actress-hero-content .eyebrow {
    display: block;
    color: #dfae92;
    font-size: 8px !important;
    letter-spacing: .75px !important;
    white-space: nowrap;
    line-height: 1.35;
  }
  body.gallery-view .noct-actress-intro.cinema-actress-hero h1 {
    font: normal clamp(35px, 9.8vw, 43px)/1.02 Georgia, 'Times New Roman', serif !important;
    letter-spacing: -1px !important;
    margin: 8px 0 6px !important;
    white-space: nowrap;
  }
  body.gallery-view .noct-actress-intro.cinema-actress-hero p {
    display: block !important;
    margin: 0 !important;
    max-width: 195px !important;
    font-size: 10px !important;
    line-height: 1.4 !important;
    color: #d0c3c1 !important;
  }
  body.gallery-view .cinema-actress-hero-actions {
    display: flex !important;
    justify-content: flex-start !important;
    align-items: center !important;
    margin: 12px 0 0 !important;
    gap: 0 !important;
  }
  body.gallery-view .cinema-actress-hero-add {
    position: relative !important;
    z-index: 5 !important;
    flex: 0 0 auto !important;
    max-width: 100% !important;
    min-height: 35px !important;
    padding: 8px 12px !important;
    border-radius: 9px !important;
    font-size: 11px !important;
    line-height: 1.1 !important;
    white-space: nowrap;
    touch-action: manipulation;
  }
  body.gallery-view .cinema-actress-hero-media {
    position: absolute !important;
    inset: 0 0 0 auto !important;
    left: auto !important;
    right: 0 !important;
    width: 61% !important;
    height: 100% !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: flex-end !important;
    overflow: hidden !important;
    padding: 0 !important;
    gap: 0 !important;
    z-index: 0 !important;
    pointer-events: none !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.8) 15%, #000 37%, #000 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, rgba(0,0,0,.8) 15%, #000 37%, #000 100%) !important;
  }
  body.gallery-view .cinema-actress-hero-shot {
    flex: 1 1 0 !important;
    min-width: 0 !important;
    width: auto !important;
    height: 100% !important;
    margin: 0 !important;
    align-self: stretch !important;
    aspect-ratio: auto !important;
    border-radius: 0 !important;
    border: 0 !important;
    overflow: hidden !important;
    -webkit-mask-image: none !important;
    mask-image: none !important;
  }
  body.gallery-view .cinema-actress-hero-shot + .cinema-actress-hero-shot {
    margin-left: -9px !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #000 17%, #000 100%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #000 17%, #000 100%) !important;
  }
  body.gallery-view .cinema-actress-hero-shot .cinema-actress-hero-sharp {
    object-fit: cover !important;
    object-position: center 25% !important;
    filter: saturate(.88) brightness(.92);
    opacity: 1;
  }
  body.gallery-view .cinema-actress-hero-media::after {
    background:
      linear-gradient(90deg, #151920dd 0%, #15192070 23%, #15192000 56%) ,
      linear-gradient(0deg, #15192050, transparent 65%) !important;
  }
  body.gallery-view .cinema-actress-hero:not(:has(.cinema-actress-hero-media)) .cinema-actress-hero-content {
    width: 100% !important;
    max-width: 100% !important;
    flex-basis: 100% !important;
  }

  /* Películas: mantener el mosaico de fotogramas a la derecha, con un
     encabezado compacto pero completo, como en escritorio. */
  body.movies-view .catalog-intro-v192.cinema-film-banner {
    box-sizing: border-box !important;
    height: 170px !important;
    min-height: 170px !important;
    padding: 14px 17px !important;
    border-radius: 15px !important;
  }
  body.movies-view .catalog-intro-v192.cinema-film-banner .catalog-intro-copy {
    width: 55% !important;
    max-width: 55% !important;
  }
  body.movies-view .catalog-intro-v192.cinema-film-banner .catalog-intro-copy h1 {
    font-size: clamp(33px, 9vw, 40px) !important;
    line-height: 1.04 !important;
    margin: 7px 0 6px !important;
  }
  body.movies-view .catalog-intro-v192.cinema-film-banner .catalog-intro-copy .eyebrow {
    font-size: 8px !important;
    letter-spacing: .85px !important;
    white-space: nowrap;
  }
  body.movies-view .catalog-intro-v192.cinema-film-banner .catalog-intro-copy p {
    display: block !important;
    font-size: 10px !important;
    line-height: 1.3 !important;
  }
  body.movies-view .cinema-film-banner-track {
    inset: 0 0 0 42% !important;
    left: 42% !important;
  }
  body.movies-view .cinema-film-banner-overlay {
    background: linear-gradient(90deg,#151920 0%,#151920f2 29%,#151920b5 48%,#15192025 86%),
                linear-gradient(0deg,#15192055,transparent 70%) !important;
  }
  body.movies-view .catalog-intro-v192.cinema-film-banner .cinema-film-banner-actions {
    margin-top: 10px !important;
  }

  /* Explorar: mosaico cinematográfico visible junto a la misma jerarquía
     editorial de PC, sin interferir con los filtros. */
  body.cinema-explore-view .noct-explore-intro.cinema-explore-hero {
    box-sizing: border-box;
    height: 160px !important;
    min-height: 160px !important;
    padding: 16px 17px !important;
    border-radius: 15px !important;
    margin: 0 0 15px !important;
  }
  body.cinema-explore-view .cinema-explore-hero-content {
    max-width: 59% !important;
    width: 59% !important;
  }
  body.cinema-explore-view .noct-explore-intro.cinema-explore-hero .eyebrow {
    font-size: 8px !important;
    letter-spacing: .85px !important;
  }
  body.cinema-explore-view .noct-explore-intro.cinema-explore-hero h1 {
    font-size: clamp(34px, 9.4vw, 42px) !important;
    line-height: 1.05 !important;
    margin: 8px 0 7px !important;
  }
  body.cinema-explore-view .noct-explore-intro.cinema-explore-hero p {
    font-size: 10px !important;
    line-height: 1.4 !important;
  }
  body.cinema-explore-view .cinema-explore-fusion-media {
    inset: 0 0 0 37% !important;
    -webkit-mask-image: linear-gradient(90deg, transparent 0%, #0008 20%, #000 45%) !important;
    mask-image: linear-gradient(90deg, transparent 0%, #0008 20%, #000 45%) !important;
  }
}
@media (max-width: 360px) {
  body.gallery-view .noct-actress-intro.cinema-actress-hero {
    height: 175px !important;
    min-height: 175px !important;
    padding: 13px 13px !important;
  }
  body.gallery-view .cinema-actress-hero-content {
    width: 60% !important;
    max-width: 60% !important;
    flex-basis: 60% !important;
  }
  body.gallery-view .cinema-actress-hero-content .eyebrow { font-size: 7px !important; letter-spacing: .45px !important; }
  body.gallery-view .noct-actress-intro.cinema-actress-hero h1 { font-size: 35px !important; }
  body.gallery-view .cinema-actress-hero-media { width: 59% !important; }
  body.gallery-view .cinema-actress-hero-add { font-size: 10px !important; padding: 8px 10px !important; }
  body.movies-view .catalog-intro-v192.cinema-film-banner { padding: 12px 13px !important; }
  body.movies-view .catalog-intro-v192.cinema-film-banner .catalog-intro-copy .eyebrow { font-size: 7px !important; letter-spacing: .45px !important; }
  body.cinema-explore-view .noct-explore-intro.cinema-explore-hero .eyebrow { font-size: 7px !important; letter-spacing: .5px !important; }
}