/* 1. Reset básico e configuração de altura do body/html */
html, body {
    margin: 0;
    padding: 0;
    /* Garante que o body ocupe a altura total da viewport */
    height: 100%;
}

/* 2. Estilo para a Imagem de Fundo (no elemento body) */
body {
    /* Substitua 'caminho/para/sua/imagem-de-fundo.jpg' pelo caminho real */
    background-image: url('img/AntaopiaPlaceHolder01.jpg'); 
    
    /* Faz a imagem cobrir toda a área, cortando o excesso se necessário */
    background-size: cover; 
    
    /* Centraliza a imagem */
    background-position: top center; 
    
    /* Impede que a imagem se repita */
    background-repeat: no-repeat; 
    
    /* (Opcional) Mantém a imagem fixa durante a rolagem */
    background-attachment: fixed; 
    
    /* Configuração Flexbox para centralizar o conteúdo (container-central) */
    display: flex;
    justify-content: center; /* Centraliza horizontalmente */
    align-items: center;     /* Centraliza verticalmente */
}

/* 3. Estilo para o Contêiner Central (Div) */
.container-central {
    /* Largura e altura do seu box central */
    width: auto; 
    padding: 20px;
    /*background-color: rgba(255, 255, 255, 0.85); /* Fundo semi-transparente para destaque */*/
    border-radius: 10px;
    /*box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);*/
    text-align: center; /* Centraliza o texto e a imagem (logo) dentro dele */
}

/* 4. Estilo para a Logo */
.logo {
    max-width: 100%; /* Garante que a logo seja responsiva dentro do div */
    height: auto;
    display: block; /* Garante que a imagem se comporte como bloco para margens */
    margin: 0 auto 10px auto; /* Centraliza a imagem e adiciona uma margem inferior */
}

/* 5. Estilo para o Título (Opcional) */
.logo-box h1 {
    font-family: sans-serif;
    color: #aaa;
    font-size: 0.8em;
    margin: 0;
    font-weight: 500;
    max-width: 650px;
    margin-top: 25px;
    line-height: 25px;
    font-style: italic;
}

.logo-box h1 span{
    font-weight: 900;
    color: #eee;
    font-style: normal;
    
}