/**
 * Clear del nav — apoyo CSS.
 * JS: padding-bottom página = overlay(nav) + 9px → 9px visibles hasta el nav.
 * Sin stretch 100dvh (inventaba hueco). Padding inferior de paneles a 0 para no sumar 12px.
 */
@media (max-width: 767px) {
  html body #app > .pg.active .manto-pg-nav-clear-spacer,
  html body #app > .pg.active .carne-hub-nav-spacer,
  html body #pg-carne .carne-hub-nav-spacer {
    display: none !important;
    height: 0 !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
  }

  html body #app > .pg.active > .section > .section-body > .section-content > :last-child {
    margin-bottom: 0 !important;
  }

  /* Último panel: sin padding-bottom interno (el aire de 9px lo pone la página) */
  html body #pg-carne.mejora-visual.active .carne-hub-launchpad,
  html body #pg-carne.mejora-visual.active .carne-hub-pg-grid,
  html body #pg-carne.mejora-visual.active .carne-hub-pg-grid > :last-child {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body #pg-lec.mejora-visual.active .lec-serio-panel--historic .lec-hist-outer > #lec-list,
  html body #pg-lec.mejora-visual.active .lec-hist-outer > #lec-list {
    padding-bottom: 0 !important;
  }

  html body #pg-nac.mejora-visual.active .partos-serio-panel--main > .partos-serio-panel-body {
    padding-bottom: 0 !important;
  }

  html body #pg-nac.mejora-visual.active #nac-list,
  html body #pg-ani.mejora-visual.active #ani-list,
  html body #pg-pesaje.mejora-visual.active .pesaje-serio-panel--main {
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
  }

  html body .nav.nav--rail-cards .manto-nav-end-pad {
    display: inline-block !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    min-width: 48px !important;
    height: 1px !important;
    pointer-events: none !important;
  }
}