/* DUVEO 5.2.48.26 — SOLO Momentos en móvil: sin bandas negras de maquetación.
   Sobrescribe el object-fit:contain de mobile-unified-5.2.48.23.css.
   No afecta Estados, la galería, las acciones, ni el puente de Bunny Player.js. */
@media screen and (max-width: 980px) {
  body.page-template-page-momentos .duveo-momentos-v5138.is-player-open,
  body.page-template-page-momentos .duveo-momentos-v5138__playerarea,
  body.page-template-page-momentos .duveo-momentos-v5138__workspace,
  body.page-template-page-momentos .duveo-momentos-v5138__viewer,
  body.page-template-page-momentos [data-moment-media-host] {
    box-sizing: border-box !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  body.page-template-page-momentos .duveo-momentos-v5138__viewer {
    width: 100vw !important;
    max-width: 100vw !important;
    overflow: hidden !important;
  }
  body.page-template-page-momentos [data-moment-media-host] {
    position: absolute !important;
    inset: 0 !important;
    width: 100% !important;
    height: 100% !important;
    overflow: hidden !important;
    background: #101b30 !important;
    /* Medidas para el recorte del iframe si su video es un Momento vertical 9:16. */
    container-type: size;
  }
  body.page-template-page-momentos [data-moment-media-host] video,
  body.page-template-page-momentos [data-moment-media-host] > img:not(.duveo-momentos-v5138__media-backdrop) {
    position: absolute !important;
    inset: 0 !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 0 !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: transparent !important;
  }
  /* Un iframe al 100% puede mostrar bandas INTERNAS del reproductor Bunny
     si el visor del teléfono es más alto que 9:16. Se le da una ventana 9:16,
     centrada y ligeramente recortada por el contenedor, sin alterar su origen. */
  body.page-template-page-momentos [data-moment-media-host] iframe {
    position: absolute !important;
    inset: auto !important;
    top: 50% !important;
    left: 50% !important;
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    border: 0 !important;
    border-radius: 0 !important;
    transform: translate(-50%, -50%) !important;
    transform-origin: center center !important;
  }
  @supports (width: 1cqh) {
    /* Solo retrato: en horizontal no agrandar el iframe vertical hasta recortar su UI. */
    @media (orientation: portrait) {
      body.page-template-page-momentos [data-moment-media-host] iframe {
        width: max(100%, 56.25cqh) !important;
        height: max(100%, 177.7778cqw) !important;
      }
    }
  }
}