/* Reset básico para remover margens e preenchimentos padrão */
* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

/* Define a imagem de fundo para a página inteira */
body, html {
    height: 100%;
    font-family: Arial, sans-serif;
    color: #ffffff; /* Cor de texto padrão (branco), bom para fundos escuros */
}

body {
    /* Substitua 'imagem-de-fundo.jpg' pelo caminho da sua imagem */
    background-image: url('Imagem/fundo.png');
    
    /* Faz a imagem de fundo cobrir toda a tela */
    background-size: cover;
    
    /* Centraliza a imagem de fundo */
    background-position: center;
    
    /* Evita que a imagem se repita */
    background-repeat: no-repeat;
    
    /* Mantém a imagem de fundo fixa ao rolar a página (opcional) */
    background-attachment: fixed;
}

/* Container do Logo Principal (Topo, Centralizado) */
.main-logo-container {
    width: 100%;
    padding: 30px; /* Espaçamento no topo */
    
    /* Usa Flexbox para centralizar o logo facilmente */
    display: flex;
    justify-content: center;
    align-items: center;
}

.main-logo-container img {
    /* Define um tamanho máximo para o logo. Ajuste conforme necessário. */
    max-width: 300px;
    height: auto; /* Mantém a proporção */
}

/* Container de tudo no Canto Inferior Direito */
.bottom-right-container {
    /* Posicionamento fixo em relação à janela do navegador */
    position: fixed;
    bottom: 20px; /* 20px de distância do fundo */
    right: 20px;  /* 20px de distância da direita */
    
    /* Alinha todo o conteúdo (logos e texto) à direita */
    text-align: right;
}

/* Estilo para o Segundo Logo */
.second-logo-container img {
    /* Tamanho menor para o segundo logo. Ajuste conforme necessário. */
    max-width: 170px; 
    height: auto;
    
    /* Espaço entre o segundo logo e os contatos abaixo dele */
    margin-bottom: 10px;
}

/* Estilo para os links de contato */
.contact-info a {
    color: #ffffff; /* Cor do texto do link */
    text-decoration: none; /* Remove o sublinhado */
    font-size: 20px;
    
    /* Faz com que cada link ocupe sua própria linha */
    display: block; 
    
    /* Espaçamento entre os links de e-mail e Instagram */
    margin-top: 5px; 
}

/* Efeito ao passar o mouse sobre os links */
.contact-info a:hover {
    text-decoration: underline; /* Adiciona sublinhado ao passar o mouse */
}