<h2 mat-dialog-title>Detalles del artículo</h2>
<mat-dialog-content>
  <div class="container_data">
    <div>
      <span class="title_item">Proveedor:</span>{{ productoDetails.PROVEEDOR_ARTICULO }} ({{ productoDetails.ID_ARTICULO_PROVEEDOR }})</div>
    <div>
      <span class="title_item">Familia:</span>{{ productoDetails.FAMILIA_ARTICULO }} ({{ productoDetails.ID_ARTICULO_FAMILIA }})</div>
    <div>
      <span class="title_item">Subfamilia:</span>{{ productoDetails.SUBFAMILIA_ARTICULO }} ({{ productoDetails.ID_ARTICULO_SUBFAMILIA }})</div>
    <div>
      <span class="title_item">Artículo:</span>{{ productoDetails.MODELO_ARTICULO }} ({{ productoDetails.ID_ARTICULO }})</div>
    <div>
      <span class="title_item">Modelo:</span>{{ productoDetails.MODELO_PRODUCTO }}</div>
    <div>
      <span class="title_item">Código:</span>{{ productoDetails.CODIGO_PRODUCTO }}</div>
    <div>
      <span class="title_item">Tipo de artículo:</span>{{ productoDetails.UNIDAD }}</div>
    <div>
      <span class="title_item">Precio unitario:</span>{{ productoDetails.PRECIO_PRODUCTO }}</div>
    <div>
      <span class="title_item">Características:</span><br>{{ productoDetails.CARACTERISTICAS_PRODUCTO }}</div>
  </div>
</mat-dialog-content>
<mat-dialog-actions align="end">
  <button mat-button mat-dialog-close cdkFocusInitial>Cancelar</button>
</mat-dialog-actions>
