/* NextPing Home Builder v10.11.4
   Navegación superior oculta GLOBALMENTE en tablet/móvil vertical.
   Esta hoja se carga en todas las páginas salvo contenido interno LearnDash. */
@media (orientation: portrait) and (max-width: 1024px) {
  /* Astra: contenedores completos de cabecera */
  html body #masthead,
  html body header#masthead,
  html body .site-header,
  html body header.site-header,
  html body #ast-desktop-header,
  html body #ast-mobile-header,
  html body .ast-desktop-header,
  html body .ast-mobile-header-wrap,
  html body .ast-mobile-header,
  html body .main-header-bar-wrap,
  html body .main-header-bar,
  html body .ast-primary-header-bar,
  html body .site-primary-header-wrap,
  html body .ast-above-header-wrap,
  html body .ast-below-header-wrap,
  html body .ast-main-header-wrap,
  html body header[role="banner"] {
    display:none!important;
    visibility:hidden!important;
    height:0!important;
    min-height:0!important;
    max-height:0!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    overflow:hidden!important;
  }

  /* Fallback para el menú compartido de NextPing/Astra (Foro, Premium, etc.) */
  html body .main-header-menu,
  html body .ast-builder-menu-1,
  html body .ast-builder-menu,
  html body .ast-header-account-wrap,
  html body .site-branding,
  html body .ast-site-identity,
  html body .ast-builder-layout-element.site-header-focus-item {
    display:none!important;
  }

  /* El contenido debe empezar sin reservar el hueco del header. */
  html body #page,
  html body .site,
  html body #content,
  html body .site-content,
  html body .ast-container {
    margin-top:0!important;
  }
  html body #content,
  html body .site-content {
    padding-top:0!important;
  }
}


/* v10.11.5 — ÚNICO cambio visual:
   mismo fondo gris NextPing en TODAS las páginas, solo móvil vertical. */
@media (orientation: portrait) and (max-width: 760px) {
  html body #content,
  html body .site-content {
    background-color: #eef3f8 !important;
  }
}


/* v10.11.6 — ÚNICO cambio visual:
   mismo fondo gris NextPing en móvil Y tablet vertical. */
@media (orientation: portrait) and (max-width: 1024px) {
  html body #content,
  html body .site-content {
    background-color: #eef3f8 !important;
  }
}


/* v10.11.7 — ÚNICO ajuste visual: fondo gris uniforme en todas las páginas
   durante móvil/tablet vertical. Incluye el lienzo raíz para evitar el destello blanco. */
@media (orientation: portrait) and (max-width: 1024px) {
  html,
  html body,
  html body #page,
  html body .site,
  html body #content,
  html body .site-content {
    background-color:#eef3f8 !important;
  }
  html body #content > .ast-container,
  html body .site-content > .ast-container,
  html body .ast-container.site-content,
  html body #primary,
  html body .content-area,
  html body main.site-main {
    background-color:transparent !important;
  }
}