.logo img {
    height: 40px;
    width: auto;
    object-fit: contain;
    filter: drop-shadow(0 2px 4px rgba(0, 0, 0, 0.2));
    transition: all 0.3s ease;
}

.logo img:hover {
    transform: scale(1.05) rotate(2deg);
    filter: drop-shadow(0 4px 8px rgba(33, 150, 243, 0.3));
}

/* Adiciona um efeito de brilho ao passar o mouse */
.logo {
    position: relative;
}

.logo::after {
    content: '';
    position: absolute;
    top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;
    background: radial-gradient(circle at center, rgba(33, 150, 243, 0.2) 0%, transparent 70%);
    opacity: 0;
    transition: opacity 0.3s ease;
    pointer-events: none;
}

.logo:hover::after {
    opacity: 1;
}