body.no-scroll {
    overflow: hidden;
}

.span-info {
    display: flex;
    align-items: center;
    justify-content: center;
}

.span-info svg {
    width: 16px;
}

.guida-pallini-modal {
    position: fixed !important;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 999999;
    background: rgba(0, 0, 0, 0.8);
    display: none;
    justify-content: center;
    align-items: center;
    opacity: 0;
    transition: opacity 0.2s ease;
}

.guida-pallini-modal.open {
    display: flex;
    opacity: 1;
}

.guida-pallini-trigger {
    cursor: pointer;
    display: inline-flex;
    align-items: center;
    margin-left: 6px;
}

.guida-pallini-content {
    position: relative;
    background: #fff;
    padding: 20px;
    margin: 20px;
    max-width: 90vw;
    max-height: 85vh;
    border-radius: 2px;
}

.guida-pallini-content img {
    width: 100%;
    height: calc(85vh - 40px) !important;
    max-height: 100%;
    object-fit: contain;
}

.guida-pallini-close {
    position: absolute;
    top: 8px;
    right: 12px;
    font-size: 22px;
    cursor: pointer;
}

@media screen and (max-width: 600px) {
    .guida-pallini-content {

        max-height: 45vh;

    }

    .guida-pallini-content img {
        height: calc(45vh - 40px) !important;
    }
}