/* ROI - balões expansíveis (estrutura montada por js/roi_balloons_expand.js) */
.content_roi .balloon.is-collapsible{
    cursor: pointer;
    user-select: none;
    transition: opacity 1s ease-out, transform 1s ease-out, margin-bottom 0.35s ease;
}
.content_roi .balloon.is-collapsible:focus-visible{
    outline: 2px solid #fff;
    outline-offset: 2px;
}
.content_roi .balloon.is-collapsible.is-open{
    z-index: 2;
}
.content_roi .balloon .balloon_head{
    display: flex;
    align-items: flex-start;
    gap: 8px;
}
.content_roi .balloon .balloon_head p{
    flex: 1;
}
.content_roi .balloon .balloon_toggle{
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
    width: 24px;
    height: 24px;
    margin-top: -2px;
    border-radius: 50%;
    background: rgba(26, 26, 26, 0.12);
    color: #1a1a1a;
    transition: transform 0.35s ease, background 0.2s ease;
}
.content_roi .balloon.is-collapsible:hover .balloon_toggle{
    background: rgba(26, 26, 26, 0.2);
}
.content_roi .balloon.is-open .balloon_toggle{
    transform: rotate(180deg);
}
/* altura animada via grid 0fr -> 1fr */
.content_roi .balloon .balloon_more{
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
}
.content_roi .balloon.is-open .balloon_more{
    grid-template-rows: 1fr;
}
.content_roi .balloon .balloon_more_inner{
    min-height: 0;
    overflow: hidden;
}
.content_roi .balloon .balloon_more_inner p{
    padding-top: 8px;
}