body.app-shell-activo #menuPrincipal,
body.app-shell-activo #menuProyectos,
body.app-shell-activo .registro-contenedor,
body.app-shell-activo #contenidoConsulta,
body.app-shell-activo #detalleProyecto {
  width: min(98vw, calc(100% - 80px));
  max-width: 2000px;
}

/* Cuando el men�� est�� oculto */
body.app-shell-activo.sidebar-oculto #menuPrincipal,
body.app-shell-activo.sidebar-oculto #menuProyectos,
body.app-shell-activo.sidebar-oculto .registro-contenedor,
body.app-shell-activo.sidebar-oculto #contenidoConsulta,
body.app-shell-activo.sidebar-oculto #detalleProyecto,
body.app-shell-activo.sidebar-oculto #panelAdmin,
body.app-shell-activo.sidebar-oculto #dashboardPdd {
  width: min(98vw, calc(100% - 80px));
  max-width: 2150px;
  margin-left: auto;
  margin-right: auto;
}

@media screen and (max-width: 820px) {
  body.app-shell-activo {
    padding-left: 0;
  }

  .app-sidebar {
    top: 0;
    transform: translateX(-340px);
  }

  .app-sidebar:not(.oculto) {
    transform: translateX(0);
  }

  .admin-panel {
    grid-template-columns: 1fr;
  }
}