so you mean the table on a separate div?

Yes separate div for table

Ok, I will try that.

And fot the second section, where I have no table but a <p> for the text "OBSERVACIONES DEL CLIENTE" and all the way to the right I have a field called by a <span>? I want that span to be a separate line after the <p> this is my code there:

<div class="container">
<div class="row border mt-2" style="height: 300px;">
<p class="fw-bold text-decoration-underline">OBSERVACIONES QUE HACE EL CLIENTE</p>
<t t-esc="doc.description"/>
</div>
</div>

BTW the first section is now working right! thanks! now the table appears bellow the text. I've used the separate DIV. If you can please guide me on the second section. Thanks

For,
OBSERVACIONES QUE HACE EL CLIENTE:
Description

Try same. Use different div with class row.

Second option:

OBSERVACIONES QUE HACE EL CLIENTE
Description (this comes from odoo field)

For,
OBSERVACIONES QUE HACE EL CLIENTE:
Description

Try same. Use different div with class row.

Yeah! that's the solution. Thank you so much for your help