/* Configuração da seção principal (mantido do código anterior) */
#hero-section {
    background-size: cover;
    background-position: center;
    transition: background-image 2s ease-in-out; 
    position: relative;
}

/* Pseudo-elemento para o overlay escuro semi-transparente (mantido) */
#hero-section::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.3); 
    z-index: 1; 
}

/* A logo deve ficar acima do overlay (mantido) */
#logo-container {
    z-index: 2;
    transition: opacity 1.5s ease-in-out, transform 1.5s ease-in-out;
}

.logo-image {
    max-width: 780px;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.logo-image:hover {
    transform: scale(1.1);
}

/* Efeito de sombra no texto para aumentar a legibilidade */
.text-shadow-lg {
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.8);
}
.text-shadow-md {
    text-shadow: 1px 1px 3px rgba(0, 0, 0, 0.8);
}

/* Container para informações de contato abaixo da logo */
.contact-info {
    position: relative;
    z-index: 2;
    font-family: 'Montserrat', sans-serif;
    letter-spacing: 1px;
}

/* Estilo para os links de contato (mantido) */
.contact-link:hover {
    color: #ffd700 !important;
}