:root { box-sizing: border-box; }
*, *::before, *::after { box-sizing: inherit; }
html, body { margin: 0; padding: 0; height: 100%; }

/* fundo fixo em tela inteira */
.bg {
    position: fixed;
    inset: 0;
    z-index: -1;
    background: url('../imgs/bg_santoforro.png') center/cover no-repeat;
    background-color: #000; /* fallback escuro caso a imagem demore a carregar */
}

/* container flex que centraliza o logo */
.wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 100%;
    padding: 1rem;
}

.logo-container {
    display: flex;
    align-items: center;
    justify-content: center;
    /* opcional: colocar um fundo semitransparente atrás da logo se quiser destaque */
}

.logo {
    display: block;
    max-width: 90vw;
    max-height: 80vh;
    width: auto;
    height: auto;
}

/* breakpoint para telas maiores */
@media (min-width: 768px) {
    .logo { max-width: 520px; }
}