body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow: hidden;
}

.bg-black {
    background-color: #fff;
}

.logo-effect {
    width: 200px; /* Ajusta el tamaño del logo según tus necesidades */
    transition: transform 0.5s ease-in-out, filter 0.5s ease-in-out;
}

.logo-effect:hover {
    transform: scale(1.1);
    filter: drop-shadow(0 0 10px rgba(255, 255, 255, 0.7));
}