/*
 * home.css — Inicio y submenús SmartTiles (launchpad Metro / Lumia)
 */

body.app-page--home,
body.app-page--menu-tiles {
    min-height: 100dvh;
    display: flex;
    flex-direction: column;
}

body.app-page--home .app-main-content--tiles,
body.app-page--menu-tiles .app-main-content--tiles {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 72px 4px calc(12px + env(safe-area-inset-bottom, 0px));
    max-width: 520px;
    margin: 0 auto;
    width: 100%;
}

/* Con footer fijo: más espacio abajo (inicio sin footer no aplica) */
body.app-page--menu-tiles:not(.app-page--no-footer) .app-main-content--tiles {
    padding-bottom: calc(88px + env(safe-area-inset-bottom, 0px));
}

body.app-page--home .menu-tiles-grid,
body.app-page--menu-tiles .menu-tiles-grid {
    width: 100%;
}

body.app-page--home .menu-tiles-grid .sb-grid,
body.app-page--home .menu-tiles-grid .sb-loading,
body.app-page--menu-tiles .menu-tiles-grid .sb-grid,
body.app-page--menu-tiles .menu-tiles-grid .sb-loading {
    width: 100%;
}