diff --git a/src/app/modules/rup/components/elementos/recetaMedica.component.ts b/src/app/modules/rup/components/elementos/recetaMedica.component.ts
index 3280821edc..ca34bf01f9 100644
--- a/src/app/modules/rup/components/elementos/recetaMedica.component.ts
+++ b/src/app/modules/rup/components/elementos/recetaMedica.component.ts
@@ -27,6 +27,7 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
         tiempoTratamiento: null,
         serie: null,
         numero: null,
+        esMagistral: false,
         dosisDiaria: {
             dosis: null,
             frecuencia: null,
@@ -118,17 +119,39 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
     @Unsubscribe()
     loadMedicamentoGenerico(event) {
         const input = event.query;
-        if (input && input.length > 2 && this.eclMedicamentos) {
-            const query: any = {
-                expression: this.eclMedicamentos.valor,
-                search: input
-            };
-            this.snomedService.get(query).subscribe(event.callback);
+        if (input && input.length > 2) {
+            if (this.medicamento.esMagistral) {
+                this.recetasService.getInsumos({ termino: input, tipo: 'magistral' }).subscribe(insumos => {
+                    const mappedInsumos = insumos.map(i => {
+                        return {
+                            ...i,
+                            term: i.nombre,
+                            conceptId: i.id
+                        };
+                    });
+                    event.callback(mappedInsumos);
+                });
+            } else if (this.eclMedicamentos) {
+                const query = {
+                    expression: this.eclMedicamentos.valor,
+                    search: input
+                };
+                this.snomedService.get(query).subscribe(event.callback);
+            } else {
+                event.callback([]);
+            }
         } else {
             event.callback([]);
         }
     }
 
+    onChangeMagistral() {
+        this.medicamento.generico = null;
+        this.medicamento.presentacion = null;
+        this.unidades = [];
+        this.deshacerCantidadManual();
+    }
+
     loadRegistros() {
         this.registros = [
             ...this.prestacion.ejecucion.registros
@@ -142,9 +165,16 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
     loadPresentaciones() {
         this.deshacerCantidadManual();
         this.loading = true;
-        this.medicamento.cantidad = null;
         this.medicamento.presentacion = null;
         this.medicamento.cantEnvases = null;
+
+        if (this.medicamento.esMagistral) {
+            this.unidades = [];
+            this.ingresoCantidadManual = true;
+            this.loading = false;
+            return;
+        }
+
         if (this.medicamento.generico && this.eclPresentaciones && this.eclMedicamentosComerciales) {
             const queryPresentacion: any = {
                 expression: this.eclPresentaciones.valor.replace('#MG#', this.medicamento.generico.conceptId),
@@ -279,6 +309,7 @@ export class RecetaMedicaComponent extends RUPComponent implements OnInit, OnCha
             tiempoTratamiento: null,
             serie: null,
             numero: null,
+            esMagistral: false,
             dosisDiaria: {
                 frecuencia: null,
                 dias: null,
diff --git a/src/app/modules/rup/components/elementos/recetaMedica.html b/src/app/modules/rup/components/elementos/recetaMedica.html
index 3d76d87231..344c20782f 100644
--- a/src/app/modules/rup/components/elementos/recetaMedica.html
+++ b/src/app/modules/rup/components/elementos/recetaMedica.html
@@ -37,10 +37,20 @@
             </div>
         </div>
 
+        <div class="mt-3">
+            <plex-bool [(ngModel)]="medicamento.esMagistral" name="esMagistral" type="slide"
+                label="Fórmula Magistral (Insumos)" (change)="onChangeMagistral()">
+            </plex-bool>
+        </div>
         <plex-grid cols="2">
-            <plex-select [(ngModel)]="medicamento.generico" name="generico" (getData)="loadMedicamentoGenerico($event)"
-                placeholder="Medicamento genérico" label="Medicamento" idField="conceptId" labelField="term"
-                (change)="loadPresentaciones()" required="true">
+            <plex-select *ngIf="!medicamento.esMagistral" [(ngModel)]="medicamento.generico" name="generico"
+                (getData)="loadMedicamentoGenerico($event)" placeholder="Medicamento genérico" label="Medicamento"
+                idField="conceptId" labelField="term" (change)="loadPresentaciones()" required="true">
+            </plex-select>
+            <plex-select *ngIf="medicamento.esMagistral" [(ngModel)]="medicamento.generico" name="genericoMagistral"
+                (getData)="loadMedicamentoGenerico($event)" placeholder="Buscar Insumo Magistral"
+                label="Fórmula Magistral" idField="conceptId" labelField="term" (change)="loadPresentaciones()"
+                required="true">
             </plex-select>
 
             <div grow="full">
@@ -50,8 +60,13 @@
                     [disabled]="!unidades?.length || ingresoCantidadManual" (change)="onChange($event)">
                 </plex-select>
                 <ng-container *ngIf="medicamento?.generico && !unidades.length && !loading || ingresoCantidadManual">
-                    <plex-int class="formEditar" [ngClass]="{ 'w-100': !unidades.length }" name="comprimidos"
-                        label="Cantidad" [(ngModel)]="valorCantidadManual" required="true" min="1" max="90">
+                    <plex-float *ngIf="medicamento.generico?.unidadMedida" class="formEditar"
+                        [ngClass]="{ 'w-100': !unidades.length }" name="comprimidos" label="Cantidad"
+                        [(ngModel)]="valorCantidadManual" required="true" [suffix]="medicamento.generico.unidadMedida">
+                    </plex-float>
+                    <plex-int *ngIf="!medicamento.generico?.unidadMedida && !medicamento.esMagistral" class="formEditar"
+                        [ngClass]="{ 'w-100': !unidades.length }" name="comprimidos" label="Cantidad"
+                        [(ngModel)]="valorCantidadManual" required="true" min="1" max="90">
                     </plex-int>
                 </ng-container>
                 <plex-button *ngIf="ingresoCantidadManual && unidades.length" class="ml-1" name="deshacer"
@@ -143,11 +158,13 @@
         <plex-item *ngFor="let item of registro.valor.medicamentos">
             <plex-icon size="md" *ngIf="true" name="pildoras" class="icon icon--border--producto mr-2">
             </plex-icon>
-            <plex-label [tituloBold]="true" titulo="{{ item.generico.term  }}" subtitulo=" {{ item.cantEnvases}} envase(s) de {{ item.cantidad}} {{item.presentacion.term }}(s)  {{ item.dosisDiaria.dosis? '| ' + item.dosisDiaria.dosis : '| ' }} {{ item.dosisDiaria.intervalo? ' cada ' + item.dosisDiaria.intervalo.nombre: '' }}  {{ item.dosisDiaria.dias? ' durante ' + item.dosisDiaria.dias + ' día(s)':'' }} 
-                        "></plex-label>
+            <plex-label [tituloBold]="true" titulo="{{ item.generico.term }}" subtitulo="{{ item.cantEnvases }} envase(s){{ item.cantidad ? ' de ' + item.cantidad + ' ' + (item.esMagistral ? (item.generico?.unidadMedida || '') : (item.presentacion?.term ? item.presentacion.term + '(s)' : '(s)')) : '' }}{{ item.dosisDiaria?.dosis || item.dosisDiaria?.intervalo || item.dosisDiaria?.dias ? ' | ' : '' }}{{ item.dosisDiaria?.dosis ? item.dosisDiaria.dosis : '' }}{{ item.dosisDiaria?.intervalo ? ' cada ' + item.dosisDiaria.intervalo.nombre : '' }}{{ item.dosisDiaria?.dias ? ' durante ' + item.dosisDiaria.dias + ' día(s)' : '' }}"></plex-label>
             <plex-badge *ngIf="item.diagnostico" size="sm" type="warning" hintType="warning">
                 {{ truncateDiagnostico(item.diagnostico.term) }}
             </plex-badge>
+            <plex-badge *ngIf="item.esMagistral" size="sm" type="info" hintType="info">
+                Fórmula Magistral
+            </plex-badge>
             <plex-badge *ngIf="item.tratamientoProlongado" type="info">Tratamiento prolongado
             </plex-badge>
             <plex-badge *ngIf="item.tipoReceta?.length" type="info">{{item.tipoReceta}}
@@ -161,11 +178,13 @@
     <div *ngIf="soloValores && alerta" class="alerta">{{alerta}}</div>
     <plex-list size="md" *ngIf="registro.valor.medicamentos">
         <plex-item *ngFor="let item of registro.valor.medicamentos">
-            <plex-label [tituloBold]="true" titulo="{{ item.generico.term  }}" subtitulo=" {{ item.cantEnvases}} envase(s) de {{ item.cantidad}} {{item.presentacion.term }}(s)  {{ item.dosisDiaria.dosis? '| ' + item.dosisDiaria.dosis : '| ' }}  {{ item.dosisDiaria.intervalo? ' cada ' + item.dosisDiaria.intervalo.nombre: '' }}  {{ item.dosisDiaria.dias ? ' durante ' + item.dosisDiaria.dias + ' día(s)':'' }} 
-                                    "></plex-label>
+            <plex-label [tituloBold]="true" titulo="{{ item.generico.term }}" subtitulo="{{ item.cantEnvases }} envase(s){{ item.cantidad ? ' de ' + item.cantidad + ' ' + (item.esMagistral ? (item.generico?.unidadMedida || '') : (item.presentacion?.term ? item.presentacion.term + '(s)' : '(s)')) : '' }}{{ item.dosisDiaria?.dosis || item.dosisDiaria?.intervalo || item.dosisDiaria?.dias ? ' | ' : '' }}{{ item.dosisDiaria?.dosis ? item.dosisDiaria.dosis : '' }}{{ item.dosisDiaria?.intervalo ? ' cada ' + item.dosisDiaria.intervalo.nombre : '' }}{{ item.dosisDiaria?.dias ? ' durante ' + item.dosisDiaria.dias + ' día(s)' : '' }}"></plex-label>
             <plex-badge *ngIf="item.diagnostico" size="sm" type="warning" hintType="warning">
                 {{ truncateDiagnostico(item.diagnostico.term) }}
             </plex-badge>
+            <plex-badge *ngIf="item.esMagistral" size="sm" type="info" hintType="info">
+                Fórmula Magistral
+            </plex-badge>
             <plex-badge *ngIf="item.tratamientoProlongado" type="info">Tratamiento prolongado
             </plex-badge>
             <plex-badge *ngIf="item.tipoReceta?.length" type="info">{{item.tipoReceta}}
diff --git a/src/app/modules/rup/components/huds/vistaReceta.html b/src/app/modules/rup/components/huds/vistaReceta.html
index 5d158b1fc1..f1000cf5d1 100644
--- a/src/app/modules/rup/components/huds/vistaReceta.html
+++ b/src/app/modules/rup/components/huds/vistaReceta.html
@@ -15,6 +15,9 @@
                     <plex-badge *ngIf="recetaPrincipal.medicamento" size="sm" type="default">
                         {{ recetaPrincipal.medicamento.tipoReceta }}
                     </plex-badge>
+                    <plex-badge *ngIf="recetaPrincipal.medicamento?.esMagistral" size="sm" type="info">
+                        Fórmula Magistral
+                    </plex-badge>
                 </div>
                 <div case="capitalize"><b>{{ recetaPrincipal.medicamento.concepto.term }}</b></div>
                 <p *ngIf="recetaPrincipal.medicamento.cantidad && recetaPrincipal.medicamento.cantEnvases "><small>
@@ -157,6 +160,9 @@
                         <plex-badge size="sm" [type]="estadoDispensa[receta.estadoDispensaActual.tipo]">
                             {{ receta.estadoDispensaActual.tipo.replace('-', ' ') }}
                         </plex-badge>
+                        <plex-badge *ngIf="receta.medicamento?.esMagistral" size="sm" type="info">
+                            Fórmula Magistral
+                        </plex-badge>
                     </div>
                 </td>
             </tr>
diff --git a/src/app/services/receta.service.ts b/src/app/services/receta.service.ts
index d1ca59e70b..718f9ea000 100644
--- a/src/app/services/receta.service.ts
+++ b/src/app/services/receta.service.ts
@@ -21,6 +21,10 @@ export class RecetaService {
         return this.server.get(this.url, { params });
     }
 
+    getInsumos(params): Observable<any[]> {
+        return this.server.get('/modules/insumos', { params });
+    }
+
     getMotivosSuspension() {
         return this.server.get(`${this.url}/motivos`);
     }