/* ==========================================================================
   layout.css — estrutura de página: tela de boot, grid e rodapé
   ========================================================================== */

/* --- Tela de boot ("System / Continue") ---------------------------------- */

/* A linha se centraliza sozinha contra o viewport (position: absolute sem
   ancestral posicionado), exatamente como antes. Nada de novo containing
   block aqui — mexer nisso desloca o painel. */
.boot-screen__row {
    position: absolute;
    top: 50%;
    left: 50%;
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 100vw;
    height: 100%;
    display: flex;
    justify-content: center;
    margin-right: 0;
    margin-left: 0;
}

/* O cinza chapado tem de vencer .btn-primary:hover/:focus/:active do tema,
   que são seletores de especificidade 0,2,0 — daí a lista de estados. */
.boot-screen__btn,
.boot-screen__btn:hover,
.boot-screen__btn:focus,
.boot-screen__btn:active,
.boot-screen__btn.active {
    background-color: rgb(170, 170, 170);
}

.boot-screen__note {
    display: block;
    margin-top: 10px;
}

/* --- Grid ---------------------------------------------------------------- */

.row--full {
    height: 100%;
}

/* Caixa "About You": encosta à esquerda em vez de centralizar como .container.
   Especificidade 0,2,0 para vencer as larguras fixas de .container nas
   media queries do Bootstrap. */
.jumbotron .sysinfo-box {
    width: fit-content;
    margin: 10px 0;
}

/* --- Rodapé ------------------------------------------------------------- */

.site-footer {
    position: relative;
    top: 6vh;
}