/* Móvil ≤899px — logo fijo, sin saltos (cargar ANTES de main.css) */
@media (max-width: 899px) {
  .GlobalHeader-backgroundContainer {
    display: none !important;
  }

  .GlobalHeader::before {
    background: #0a0f1e !important;
  }

  .GlobalHeader,
  .GlobalHeader.GlobalHeader--is-collapsed {
    transform: none !important;
    transition: none !important;
  }

  .GlobalHeader .Container {
    display: flex !important;
    align-items: center !important;
    flex-wrap: nowrap !important;
    gap: 0.5rem !important;
  }

  .GlobalHeader .Container .ndp-header-brand,
  .GlobalHeader .Container .GlobalHeader-logoLink,
  .GlobalHeader .Container .Player {
    position: static !important;
    top: auto !important;
    left: auto !important;
    right: auto !important;
    bottom: auto !important;
    transform: none !important;
  }

  .GlobalHeader .Container .ndp-header-brand {
    order: 1;
    flex: 0 0 118px !important;
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    min-height: 54px !important;
    gap: 0.2rem !important;
    align-items: flex-start !important;
  }

  .GlobalHeader .Container .GlobalHeader-logoLink {
    display: block !important;
    width: 118px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    flex: 0 0 38px !important;
    opacity: 1 !important;
    transition: none !important;
    background: url("../img/noches-de-pelucheo/logo.png?v=sum2026") left center / contain no-repeat !important;
  }

  .GlobalHeader-logoLink .ndp-logo--header {
    display: block !important;
    width: 118px !important;
    height: 38px !important;
    min-height: 38px !important;
    max-height: 38px !important;
    margin: 0 !important;
    opacity: 0 !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  .ndp-header-live-badge {
    flex: 0 0 auto !important;
    max-width: 118px !important;
    font-size: clamp(0.58rem, 2.4vw, 0.68rem) !important;
    padding: 0.18rem 0.42rem !important;
    line-height: 1.15 !important;
  }

  .ndp-header-live-badge .ndp-live-pulse {
    animation: none !important;
    opacity: 1 !important;
  }

  .GlobalHeader-smallLogoLink {
    display: none !important;
  }

  .GlobalHeader .Container .Player {
    order: 2;
    opacity: 1 !important;
    transition: none !important;
    max-width: calc(100% - 118px - 0.5rem) !important;
  }
}
