/* Estilos personalizados para el logo */
.logo-wrap {
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

.logo-wrap img {
    max-height: 80px;
    width: auto;
    margin: 0 auto;
}

/* Ajustes para la isla dinámica */
.island-logo {
    border-radius: 8px;
    object-fit: contain;
}

.dynamic-island-container.expanded .island-logo {
    border-radius: 8px;
    object-fit: contain;
}

/* Media queries para dispositivos móviles */
@media only screen and (max-width: 767px) {
    .logo-wrap {
        opacity: 0;
    }
}