diff --git a/src/app/modules/rup/components/elementos/recetaMedica.component.ts b/src/app/modules/rup/components/elementos/recetaMedica.component.ts
index fac560df63..d221a7bed6 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 }).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 d0226247f2..62e6f97dcb 100644
--- a/src/app/modules/rup/components/elementos/recetaMedica.html
+++ b/src/app/modules/rup/components/elementos/recetaMedica.html
@@ -1,8 +1,8 @@
 <ng-container *ngIf="!soloValores">
     <form class="mt-1" #formMedicamento="ngForm">
         <plex-select [(ngModel)]="medicamento.diagnostico" hintType="info" label="Diagnóstico" [data]="registros"
-                     name="diagnostico" multiline="true" [required]="true" labelField="term" idField="conceptId"
-                     hint="Se listaran los conceptos registrados en esta consulta" hintType="info" hintIcon="eye">
+            name="diagnostico" multiline="true" [required]="true" labelField="term" idField="conceptId"
+            hint="Se listaran los conceptos registrados en esta consulta" hintType="info" hintIcon="eye">
         </plex-select>
 
         <!-- Sección de selección de obra social -->
@@ -10,7 +10,7 @@
             <div class="col-md-12">
                 <label class="form-label">Obra Social / Financiador</label>
                 <plex-radio name="financiador" [(ngModel)]="financiadorSeleccionado"
-                            (change)="seleccionarFinanciador($event)" [data]="datosFinanciadores">
+                    (change)="seleccionarFinanciador($event)" [data]="datosFinanciadores">
                 </plex-radio>
             </div>
         </div>
@@ -19,8 +19,9 @@
         <div class="row" *ngIf="showListado">
             <div class="col-md-12">
                 <label class="form-label">Seleccionar otro financiador</label>
-                <plex-select name="otroFinanciador" placeholder="Buscar financiador..." [(ngModel)]="otroFinanciadorSeleccionado" [data]="opcionesFinanciadores"
-                             labelField="nombre" (change)="seleccionarOtroFinanciador($event)">
+                <plex-select name="otroFinanciador" placeholder="Buscar financiador..."
+                    [(ngModel)]="otroFinanciadorSeleccionado" [data]="opcionesFinanciadores" labelField="nombre"
+                    (change)="seleccionarOtroFinanciador($event)">
                 </plex-select>
             </div>
         </div>
@@ -29,47 +30,57 @@
         <div class="row" *ngIf="prestacion?.paciente?.obraSocial && showSelector">
             <div class="col-md-6">
                 <plex-text name="numeroAfiliado" label="Número de afiliado" [(ngModel)]="numeroAfiliado"
-                           placeholder="Ingrese número de afiliado" [pattern]="patronNumerico"
-                           (ngModelChange)="actualizarNumeroAfiliado()">
+                    placeholder="Ingrese número de afiliado" [pattern]="patronNumerico"
+                    (ngModelChange)="actualizarNumeroAfiliado()">
                 </plex-text>
             </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">
                 <plex-select *ngIf="!medicamento.generico || unidades.length || loading" class="formEditar w-100"
-                             name="unidades" [(ngModel)]="medicamento.cantidad" [data]="unidades"
-                             placeholder="Seleccione una opción" label="Cantidad" labelField="valor" required="true"
-                             [disabled]="!unidades?.length || ingresoCantidadManual" (change)="onChange($event)">
+                    name="unidades" [(ngModel)]="medicamento.cantidad" [data]="unidades"
+                    placeholder="Seleccione una opción" label="Cantidad" labelField="valor" required="true"
+                    [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">
+                        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"
-                             type="warning" icon="undo" tooltip="Deshacer edición manual" size="md"
-                             (click)="deshacerCantidadManual()">
+                    type="warning" icon="undo" tooltip="Deshacer edición manual" size="md"
+                    (click)="deshacerCantidadManual()">
                 </plex-button>
             </div>
         </plex-grid>
 
         <plex-grid cols="2">
             <plex-int name="envases" label="Cantidad de envases" [(ngModel)]="medicamento.cantEnvases" required="true"
-                      min="1" max="90">
+                min="1" max="90">
             </plex-int>
 
             <plex-grid cols="2" class="grid-tratamiento">
                 <plex-bool [(ngModel)]="medicamento.tratamientoProlongado" name="tratamientoProlongado" type="slide"
-                           label="Tratamiento prolongado" [readonly]="medicamento.tipoReceta === 'triplicado'">
+                    label="Tratamiento prolongado" [readonly]="medicamento.tipoReceta === 'triplicado'">
                 </plex-bool>
                 <plex-select *ngIf="medicamento.tratamientoProlongado" [(ngModel)]="medicamento.tiempoTratamiento"
-                             name="tiempoTratamiento" [data]="tiemposTratamiento" required="true">
+                    name="tiempoTratamiento" [data]="tiemposTratamiento" required="true">
                 </plex-select>
             </plex-grid>
         </plex-grid>
@@ -77,48 +88,47 @@
         <div class="mt-2">
             <plex-title name="tipoReceta" titulo="Tipo de receta" size="sm"></plex-title>
             <plex-bool [(ngModel)]="esDuplicado" name="Duplicado" type="slide" label="Duplicado"
-                       (change)="onTipoRecetaChange('duplicado')">
+                (change)="onTipoRecetaChange('duplicado')">
             </plex-bool>
             <plex-bool [(ngModel)]="esTriplicado" name="triplicado" type="slide" label="Triplicado"
-                       (change)="onTipoRecetaChange('triplicado')">
+                (change)="onTipoRecetaChange('triplicado')">
             </plex-bool>
         </div>
 
         <div class="mb-2" *ngIf="medicamento.tipoReceta === 'triplicado'">
             <plex-label size="lg" icon="alert-outline" titulo="Atención" type="warning"
-                        subtitulo="Recuerde que sigue siendo obligatoria la entrega del formulario triplicado en papel">
+                subtitulo="Recuerde que sigue siendo obligatoria la entrega del formulario triplicado en papel">
             </plex-label>
             <plex-grid cols="2">
                 <plex-text [(ngModel)]="medicamento.serie" name="serie" label="Serie" [required]="true"
-                           [pattern]="'^[A-Za-z]$'" placeholder="Ingrese una letra">
+                    [pattern]="'^[A-Za-z]$'" placeholder="Ingrese una letra">
                 </plex-text>
                 <plex-int [(ngModel)]="medicamento.numero" name="numero" label="Número" [required]="true"
-                          placeholder="Ingrese un número">
+                    placeholder="Ingrese un número">
                 </plex-int>
             </plex-grid>
         </div>
 
         <plex-title titulo="Indicaciones diarias" size="sm">
             <plex-button name="botonCollapse" class="collapse-button" type="primary" size="sm"
-                         icon="{{ collapse ? 'chevron-down' : 'chevron-up'}}"
-                         title="{{ collapse ? 'Expandir' : 'Colapsar'}}" titlePosition="left" (click)="colapsar()">
+                icon="{{ collapse ? 'chevron-down' : 'chevron-up'}}" title="{{ collapse ? 'Expandir' : 'Colapsar'}}"
+                titlePosition="left" (click)="colapsar()">
             </plex-button>
         </plex-title>
         <plex-wrapper>
             <div [hidden]="collapse" class="w-100">
                 <div class="d-flex">
                     <plex-text name="dosis" label="Dosis" [(ngModel)]="medicamento.dosisDiaria.dosis"
-                               [required]="requiereDosis" (change)="changeDosisIntervalo()">
+                        [required]="requiereDosis" (change)="changeDosisIntervalo()">
                     </plex-text>
                     <plex-select name="frecuencia" label="Intervalo" [(ngModel)]="medicamento.dosisDiaria.intervalo"
-                                 [required]="requiereIntervalo" [data]="intervalos$ | async"
-                                 (change)="changeDosisIntervalo()">
+                        [required]="requiereIntervalo" [data]="intervalos$ | async" (change)="changeDosisIntervalo()">
                     </plex-select>
                     <plex-int name=" duracion" label="Duración (días)" [(ngModel)]="medicamento.dosisDiaria.dias"
-                              required="false" min="1" max="90">
+                        required="false" min="1" max="90">
                     </plex-int>
                     <plex-text name="notaMedica" label="Notas médicas" [(ngModel)]="medicamento.dosisDiaria.notaMedica"
-                               required="false" min="1" max="90">
+                        required="false" min="1" max="90">
                     </plex-text>
                 </div>
 
@@ -126,7 +136,7 @@
         </plex-wrapper>
         <div class="d-flex justify-content-center">
             <plex-button name="botonAgregar" type="info" [disabled]="!formMedicamento.valid"
-                         (click)="preAgregarMedicamento($event)" [validateForm]="formMedicamento">
+                (click)="preAgregarMedicamento($event)" [validateForm]="formMedicamento">
                 Agregar
             </plex-button>
         </div>
@@ -142,17 +152,20 @@
         <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 [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-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}}
             </plex-badge>
             <plex-button type="danger" size="sm" (click)="borrarMedicamento(item)" icon="delete"
-                         tooltip="eliminar"></plex-button>
+                tooltip="eliminar"></plex-button>
         </plex-item>
     </plex-list>
 </ng-container>
@@ -160,11 +173,14 @@
     <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 [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-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`);
     }