* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body, html {
    height: 100%;
    font-family: 'Arial', sans-serif;
    overflow: hidden; /* Remove rolagem */
    display: flex;
    justify-content: center;
    align-items: center;
    background-image: url("../images/BKG.webp"); /* Define o fundo */
    background-size: cover; /* Garante que o fundo cubra toda a tela */
    background-position: center; /* Centraliza o fundo */
    background-repeat: no-repeat; /* Remove repetições */
}

main {
    display: flex;
    flex-direction: column; /* Alinha verticalmente */
    justify-content: center;
    align-items: center;
    gap: 20px; /* Espaçamento entre imagens */
}

.logo-container {
    display: flex;
    flex-direction: column; /* Alinha imagens verticalmente */
    justify-content: center;
    align-items: center; /* Centraliza todas as imagens */
}
.logo-container a {
    display: flex;
    flex-direction: column; /* Alinha imagens verticalmente */
    justify-content: center;
    align-items: center; /* Centraliza todas as imagens */
}

.logo {
    max-height: 30%; /* Cada imagem ocupa no máximo 30% da altura total da tela */
    max-width: 80%; /* Garante que as imagens não fiquem muito largas */
    height: auto; /* Mantém a proporção da altura */
    width: auto;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275); /* Animação suave */
    filter: drop-shadow(0 15px 35px rgba(0, 0, 0, 0.1)); /* Sombra */
}

.logo:hover {
    transform: scale(1.08); /* Aumenta ao passar o mouse */
    filter: drop-shadow(0 25px 50px rgba(0, 0, 0, 0.15)); /* Sombra mais intensa */
}

 .menu-container {
            display: flex;
            align-items: center;
            gap: 20px;
            padding: 15px 20px;
            background-color: transparent;
            border-radius: 8px;
            box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
            max-width: 400px;
        }

        .menu-link {
            text-decoration: none;
            color: #333;
            font-weight: 500;
            padding: 8px 16px;
            border-radius: 4px;
            transition: all 0.3s ease;
        }

        .menu-link:hover {
            background-color: #f0f0f0;
            color: #007bff;
        }

        .language-selector {
            display: flex;
            align-items: center;
            gap: 8px;
        }

        .flag-link {
            display: inline-block;
            transition: transform 0.2s ease;
            cursor: pointer;
        }

        .flag-link:hover {
            transform: scale(1.1);
        }

        .flag-svg {
            width: 24px;
            height: 16px;
            border-radius: 2px;
            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
        }

        .separator {
            width: 1px;
            height: 20px;
            background-color: #ddd;
            margin: 0 10px;
        }