Jquery UI resizable more than one element

I would like to use resize on two elements, but, each time expitting the external says the internal div expands with smaller value.

I have the following html:

 <div class="resultado_janela">
    <div class="btn-group w-100" role="group" aria-label="Basic example">
      <div class="col-9 arrasta_janela text-center">ARRASTE</div>
      <div class="col-3 fecha_janela text-center">X</div>
    </div>
    <div class="titulo_janela">
        <h4>Título</h4>
    </div>      
    <div class="miolo_janela">
        <p>Conteúdo</p>
    </div>
    <div class="btn-group w-100" role="group" aria-label="Basic example">
        <div class="col-10 arrasta_janela text-center">ARRASTE</div>
    </div>      
 </div>

And in JS it looks like this:

$(function () {
    $(".resultado_janela").resizable({
            alsoResize: ".miolo_janela"
    });
    $(".miolo_janela").resizable();
});

When the page loads the div and handle to make resize are correct.

Each time I use the handle, the div result_window normally expands, but the div_window expands to a smaller value.

The result looks like this:

<div class="resultado_janela ui-draggable ui-resizable" style="left: -697px; top: -482px; width: 362.716px; height: 164px; margin: 0px; padding: 0px !important;">

    <div class="btn-group w-100" role="group" aria-label="Basic example">
      <div class="col-9 arrasta_janela text-center ui-draggable-handle">ARRASTE</div>
      <div class="col-3 fecha_janela text-center">X</div>
    </div>
    <div class="titulo_janela"><h4>Título</h4></div>        
    <div class="miolo_janela ui-resizable" style="width: 342.716px; height: 74px; margin: 0px;">
        conteúdo
    </div>
    <div class="btn-group w-100" role="group" aria-label="Basic example">
        <div class="col-10 arrasta_janela text-center ui-draggable-handle">ARRASTE</div>
    </div>

<div class="ui-resizable-handle ui-resizable-e" style="z-index: 90;"></div><div class="ui-resizable-handle ui-resizable-s" style="z-index: 90;">
</div>
<div class="ui-resizable-handle ui-resizable-se ui-icon ui-icon-gripsmall-diagonal-se" style="z-index: 90;">
</div>