/* Logo con imagen */
.humia-header .logo {
    z-index: 8;
    transition: var(--transition-smooth);
}

.humia-header .logo a {
    text-decoration: none;
    display: flex;
    align-items: center;
}

.humia-logo {
    height: 40px;
    width: auto;
    transition: var(--transition-smooth);
    filter: brightness(1);
}

.humia-logo:hover {
    filter: brightness(1.1) drop-shadow(0 0 10px rgba(0, 255, 200, 0.3));
    transform: scale(1.05);
}

/* Responsive del logo */
@media (max-width: 768px) {
    .humia-logo {
        height: 35px;
    }
}

@media (max-width: 480px) {
    .humia-logo {
        height: 30px;
    }
}

/* Efecto hover suave */
.humia-header .logo:hover .humia-logo {
    filter: brightness(1.2) drop-shadow(0 0 15px rgba(0, 255, 200, 0.4));
}