/* Estilos para el logo */
.logo-wrap {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: flex-start !important; /* Alineado en la parte superior */
    height: 120px !important;
    padding-top: 10px !important;
    position: fixed !important;
    top: 0 !important;
    left: 0 !important;
    right: 0 !important;
    z-index: 1000 !important;
    background-color: transparent !important;
    transition: background-color 0.3s ease, box-shadow 0.3s ease !important;
}

.logo-wrap img {
    max-height: 100px !important; /* Logo más grande */
    width: auto !important;
    margin: 0 auto !important;
}

/* Estilos para la isla dinámica */
.island-logo {
    width: 50px !important; /* Logo más grande en la isla dinámica */
    height: auto !important;
    object-fit: contain !important;
    border-radius: 8px !important;
}

.dynamic-island-container.expanded .island-logo {
    width: 70px !important; /* Logo más grande en la isla dinámica expandida */
    border-radius: 8px !important;
    object-fit: contain !important;
}