/*
 * Menú de abajo en móvil del portal de soporte: el glass-tabbar de Arc (Alex, 4-oct-2026), el mismo
 * de Startup, Dashboard, Account y Aiden OS. Las variables de Arc salen de assets/arc/foundation.css,
 * que el portal carga una vez en su raíz; el aspecto de la barra es entero del componente. Esta hoja
 * solo dice DÓNDE va y CUÁNDO sale:
 *   1. Sin el componente (no carga, o falta motion.js) la barra no existe: el <nav> no lleva
 *      .aui-glass-tabbar y se queda oculto. La hamburguesa de arriba sigue sirviendo igual.
 *   2. En móvil flota abajo y deja sitio para que el último bloque no quede debajo.
 *   3. Se aparta cuando algo ocupa la pantalla (Lunnar a pantalla completa, el menú de la
 *      hamburguesa).
 * Sin !important (regla del rediseño de Arc, 5-oct): el <nav> cuelga de <body>, fuera de .ahc, y
 * ninguna hoja del portal ni del tema lo alcanza.
 */
#prt-tabbar { display: none; }

@media (max-width: 860px) {
    body.prt-con-tabbar #prt-tabbar.aui-glass-tabbar {
        display: flex;
        position: fixed;
        left: 0;
        right: 0;
        bottom: 16px;
        padding-bottom: env(safe-area-inset-bottom, 0px);
        align-items: center;
        z-index: 80;
        transition: opacity var(--duration-fast) var(--ease-standard), transform var(--duration-considered) var(--ease-standard);
    }

    /* Sitio para la barra flotante (62 px + 16 abajo + aire). */
    body.prt-con-tabbar #app-dashboard .prt-dashboard-body { padding-bottom: calc(110px + env(safe-area-inset-bottom, 0px)); }

    /* Lunnar a pantalla completa o el menú de la hamburguesa abierto: la barra se aparta. */
    body.prt-con-tabbar.ahc-assist-open #prt-tabbar.aui-glass-tabbar,
    body.prt-con-tabbar:has(.prtm--open) #prt-tabbar.aui-glass-tabbar {
        opacity: 0;
        transform: translateY(12px);
    }
    body.ahc-assist-open #prt-tabbar .aui-glass-tabbar-group,
    body:has(.prtm--open) #prt-tabbar .aui-glass-tabbar-group { pointer-events: none; }
}