From da230bb83d74de0e71bb36860ae4ad4ccb2339bd Mon Sep 17 00:00:00 2001
From: nicolasarana <90768149+nicolasarana@users.noreply.github.com>
Date: Mon, 4 May 2026 15:07:12 -0300
Subject: [PATCH 1/4] =?UTF-8?q?HUDS=20-=20Separa=20la=20visualizaci=C3=B3n?=
 =?UTF-8?q?=20del=20los=20cdas=20de=20guardias?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../ejecucion/hudsBusqueda.component.ts       | 106 ++++---
 .../components/ejecucion/hudsBusqueda.html    | 264 +++++++++++-------
 .../components/ejecucion/hudsBusqueda.scss    |   8 +
 src/app/modules/rup/components/variables.scss |   2 +
 .../services/conceptos-turneables.service.ts  |   1 +
 5 files changed, 248 insertions(+), 133 deletions(-)

diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
index 89090288c4..1050102bac 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
@@ -33,6 +33,8 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
     laboratoriosFS: any;
     laboratorios: any = [];
     vacunas: any = [];
+    guardias: any = [];
+    private rupGuardias: any[] = [];
     derivaciones: any = [];
     ordenDesc = true;
     searchTerm: string;
@@ -119,6 +121,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         elementoderegistro: ['elemento de registro'],
         laboratorios: ['laboratorios'],
         vacunas: ['vacunas'],
+        guardias: ['guardias'],
         recc: ['recc']
     };
     public prestacionesTotales;
@@ -169,6 +172,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         { key: 'producto', titulo: 'productos', icono: 'pildoras' },
         { key: 'laboratorios', titulo: 'laboratorios', icono: 'recipiente' },
         { key: 'vacunas', titulo: 'vacunas', icono: 'vacuna' },
+        { key: 'guardias', titulo: 'guardias', icono: 'hospital-building' },
         { key: 'recc', titulo: 'recc', icono: 'account-switch' }
     ];
 
@@ -191,6 +195,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
     public permisosLab;
     public permisosVac;
     public permisosRec;
+    public permisosGuardia;
     public pacienteSelected = null;
 
 
@@ -239,11 +244,13 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         this.permisosLab = this.auth.check('huds:visualizacionParcialHuds:laboratorio');
         this.permisosVac = this.auth.check('huds:visualizacionParcialHuds:vacuna');
         this.permisosRec = this.auth.check('huds:visualizacionParcialHuds:receta');
+        this.permisosGuardia = this.auth.check('huds:visualizacionParcialHuds:guardia');
 
         this.filtroActual = this.permisosCompletos ? 'trastorno' :
             (this.permisosParciales || this.permisosLab) ? 'laboratorios' :
-                this.permisosVac ? 'vacunas' :
-                    'recetas';
+                (this.permisosVac) ? 'vacunas' :
+                    (this.permisosGuardia) ? 'guardias' :
+                        'recetas';
         this.pacienteSelected = this.paciente;
 
         if (this.filtroActual === 'recetas') {
@@ -354,7 +361,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
 
     regenerarCDA() {
         this.disabledBtnCDA = true;
-        this.cantidadRegistros = Number(this.laboratorios.lenght);
+        this.cantidadRegistros = this.filtroActual === 'guardias' ? this.guardias.length : this.laboratorios.length;
 
         this.cdaService.regenerarCDA(this.paciente).subscribe(
             () => {
@@ -517,8 +524,12 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
             this.prestacionesTotales = prestaciones;
             const validadas = prestaciones.filter(p => p.estados[p.estados.length - 1].tipo === 'validada');
 
-            this.prestaciones = groupBy(validadas).map(p => {
+            const filtradas = validadas.filter(p => p.solicitud.tipoPrestacion.conceptId !== ConceptosTurneablesService.Guardia_CDA_ID);
+            const guardiasRUP = validadas.filter(p => p.solicitud.tipoPrestacion.conceptId === ConceptosTurneablesService.Guardia_CDA_ID);
+
+            const mapRUP = (p) => {
                 if (Array.isArray(p)) {
+                    p[0]._id = p[0]._id || p[0].id;
                     return {
                         data: p,
                         tipo: 'rup-group',
@@ -531,6 +542,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                     };
                 } else {
                     const lastState = p.estados[p.estados.length - 1];
+                    p._id = p._id || p.id;
                     return {
                         data: p,
                         tipo: 'rup',
@@ -542,7 +554,10 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                         organizacion: p.solicitud.organizacion.id
                     };
                 }
-            });
+            };
+
+            this.rupGuardias = groupBy(guardiasRUP).map(p => mapRUP(p));
+            this.prestaciones = groupBy(filtradas).map(p => mapRUP(p));
             this.prestacionesCopia = this.prestaciones.slice();
             this.setAmbitoOrigen('ambulatorio');
             this.tiposPrestacion = this._prestaciones.map(p => p.prestacion);
@@ -646,40 +661,45 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         }).subscribe({
             next: (resultados) => {
                 const protocolos = resultados.protocolos || [];
-                this.servicioPrestacion.getCDAByPaciente(this.paciente.id, token).subscribe(registros => {
-                    this.cdas = registros.map(cda => {
-                        cda.id = cda.cda_id;
-                        return {
-                            data: cda,
-                            tipo: 'cda',
-                            prestacion: cda.prestacion.snomed,
-                            profesional: cda.profesional ? `${cda.profesional.apellido} ${cda.profesional.nombre}` : '',
-                            fecha: cda.fecha,
-                            estado: 'validada',
-                            ambito: 'ambulatorio',
-                            organizacion: cda.organizacion.id
-                        };
-                    });
-                    this.prestaciones = this.prestacionesCopia;
-                    // filtramos las vacunas y laboratorios por ahora para que se listan por separado
-                    this.vacunas = this.cdas.filter(cda => cda.prestacion.conceptId === ConceptosTurneablesService.Vacunas_CDA_ID);
-                    this.laboratorios = this.cdas.filter(cda => cda.prestacion.conceptId === ConceptosTurneablesService.Laboratorio_CDA_ID
+                const registros = resultados.cdaByPaciente || [];
+                this.cdas = registros.map(cda => {
+                    cda.id = cda.cda_id;
+                    cda._id = cda.cda_id;
+                    return {
+                        data: cda,
+                        tipo: 'cda',
+                        prestacion: cda.prestacion.snomed,
+                        profesional: cda.profesional ? `${cda.profesional.apellido}, ${cda.profesional.nombre}` : '',
+                        fecha: cda.fecha,
+                        estado: 'validada',
+                        ambito: 'ambulatorio',
+                        organizacion: cda.organizacion.id
+                    };
+                });
+                this.prestaciones = this.prestacionesCopia;
+                // filtramos las vacunas y laboratorios por ahora para que se listan por separado
+                this.vacunas = this.cdas.filter(cda => cda.prestacion.conceptId === ConceptosTurneablesService.Vacunas_CDA_ID);
+                this.guardias = [
+                    ...this.rupGuardias,
+                    ...this.cdas.filter(cda => cda.prestacion.conceptId === ConceptosTurneablesService.Guardia_CDA_ID)
+                ];
+                this.laboratorios = this.cdas.filter(cda => cda.prestacion.conceptId === ConceptosTurneablesService.Laboratorio_CDA_ID
                         || cda.prestacion.conceptId === ConceptosTurneablesService.Laboratorio_SISA_CDA_ID);
 
-                    this.laboratorios = this.ordenarLaboratorios(this.laboratorios, protocolos);
+                this.laboratorios = this.ordenarLaboratorios(this.laboratorios, protocolos);
 
-                    // DEjamos el resto de los CDAS y los unimos a las prestaciones
-                    const filtro = this.cdas.filter(cda => {
-                        return cda.prestacion.conceptId !== ConceptosTurneablesService.Vacunas_CDA_ID
+                // DEjamos el resto de los CDAS y los unimos a las prestaciones
+                const filtro = this.cdas.filter(cda => {
+                    return cda.prestacion.conceptId !== ConceptosTurneablesService.Vacunas_CDA_ID
                             && cda.prestacion.conceptId !== ConceptosTurneablesService.Laboratorio_CDA_ID
-                            && cda.prestacion.conceptId !== ConceptosTurneablesService.Laboratorio_SISA_CDA_ID;
-                    });
-                    // Filtramos por CDA para poder recargar los estudiosc
-                    this.prestaciones = [...this.prestaciones.filter(e => e.tipo !== 'cda'), ...filtro];
-                    this.tiposPrestacion = this._prestaciones.map(p => p.prestacion);
-                    this.prestacionesCopia = this.prestaciones.slice();
-                    this.filtrar();
+                            && cda.prestacion.conceptId !== ConceptosTurneablesService.Laboratorio_SISA_CDA_ID
+                            && cda.prestacion.conceptId !== ConceptosTurneablesService.Guardia_CDA_ID;
                 });
+                    // Filtramos por CDA para poder recargar los estudiosc
+                this.prestaciones = [...this.prestaciones.filter(e => e.tipo !== 'cda'), ...filtro];
+                this.tiposPrestacion = this._prestaciones.map(p => p.prestacion);
+                this.prestacionesCopia = this.prestaciones.slice();
+                this.filtrar();
             }
         });
     }
@@ -722,12 +742,13 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                 // Mapeamos igual que antes
                 const cdasMapeados = cdaByPaciente.map(cda => {
                     cda.id = cda.cda_id;
+                    cda._id = cda.cda_id;
                     return {
                         data: cda,
                         tipo: 'cda',
                         prestacion: cda.prestacion.snomed,
                         profesional: cda.profesional
-                            ? `${cda.profesional.apellido} ${cda.profesional.nombre}`
+                            ? `${cda.profesional.apellido}, ${cda.profesional.nombre}`
                             : '',
                         fecha: cda.fecha,
                         estado: 'validada',
@@ -742,10 +763,19 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                     cda.prestacion.conceptId === ConceptosTurneablesService.Laboratorio_SISA_CDA_ID
                 );
 
+                // 🔹 GUARDIAS
+                this.guardias = [
+                    ...this.rupGuardias,
+                    ...cdasMapeados.filter(cda =>
+                        cda.prestacion.conceptId === ConceptosTurneablesService.Guardia_CDA_ID
+                    )
+                ];
+
                 // 🔹 Orden especial de laboratorios
                 this.laboratorios = this.ordenarLaboratorios(this.laboratorios, protocolos);
 
-                const nuevosRegistros = this.laboratorios.length - this.cantidadRegistros;
+                const countAfter = this.filtroActual === 'guardias' ? this.guardias.length : this.laboratorios.length;
+                const nuevosRegistros = countAfter - this.cantidadRegistros;
                 const notificacion = nuevosRegistros > 0 ? 'Se encontraron ' + nuevosRegistros + ' nuevos registros.' : 'No se encontraron nuevos registros. Puede intentar regenerar/actualizar el listado nuevamente en unos minutos.';
                 this.plex.toast('info', notificacion, 'Información', 6000);
                 this.disabledBtnCDA = false;
@@ -772,6 +802,8 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                 return this.laboratorios.length;
             case 'vacunas':
                 return this.vacunas.length;
+            case 'guardias':
+                return this.guardias.length;
             case 'recc':
                 return this.derivaciones.length;
             case 'solicitudes':
@@ -801,6 +833,8 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
             return true;
         } else if (item.key === 'vacunas' && (this.permisosVac || this.permisosParciales)) {
             return true;
+        } else if (item.key === 'guardias' && (this.permisosGuardia || this.permisosParciales || this.permisosCompletos)) {
+            return true;
         } else if (item.key === 'recetas' && (this.permisosRec || this.permisosParciales)) {
             return true;
         }
diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.html b/src/app/modules/rup/components/ejecucion/hudsBusqueda.html
index 4ba285ff96..45bb1397a1 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.html
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.html
@@ -6,14 +6,15 @@
     <div class="container-filtros">
         <div class="slider-filtros">
             <plex-card class="card-filtro" *ngFor="let filtro of filtros; let iPrestacion = index"
-                (click)="filtroBuscador(filtro.key)">
+                       (click)="filtroBuscador(filtro.key)">
                 <div *ngIf="mostrarItem(filtro)" class="card-content {{filtro.key}}"
-                    [ngClass]="{'active': filtroActual === filtro.key}">
+                     [ngClass]="{'active': filtroActual === filtro.key}">
                     <div class="icon-wrapper">
                         <div class="contador"><small *ngIf="getCantidadResultados(filtro.key)">
                                 {{getCantidadResultados(filtro.key)}}
                             </small></div>
-                        <plex-icon class="icon" name="{{filtro.icono}}"></plex-icon>
+                        <plex-icon *ngIf="filtro.key !== 'guardias'" class="icon" name="{{filtro.icono}}"></plex-icon>
+                        <i *ngIf="filtro.key === 'guardias'" class="icon adi adi-{{filtro.icono}}"></i>
                     </div>
                     <span class="titulo mt-1">{{filtro.titulo}}</span>
                 </div>
@@ -24,27 +25,28 @@
 
         <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercase }}</h6>
 
-        <div *ngIf="filtroActual === 'laboratorios'" justify="end">
+        <div *ngIf="filtroActual === 'laboratorios' || filtroActual === 'guardias'" justify="end">
             <plex-button class="mr-1" icon="refresh" type="primary" size="sm" tooltip="Actualizar listado"
-                [autodisabled]="true" (click)="refreshLaboratorios(token)">
+                         [autodisabled]="true" (click)="refreshLaboratorios(token)">
             </plex-button>
             <plex-button icon="database-search" type="success" size="sm" tooltipPosition="left"
-                tooltip="Buscar nuevos registros" [disabled]="disabledBtnCDA" (click)="regenerarCDA()">
+                         tooltip="Buscar nuevos registros" [disabled]="disabledBtnCDA" (click)="regenerarCDA()">
             </plex-button>
         </div>
     </div>
     <div class="grow d-flex w-100" *ngIf="filtroActual === 'planes' || filtroActual === 'recetas'">
         <plex-options *ngIf="filtroActual === 'planes'" class="filtros-ambitos" (activated)='setAmbitoOrigen($event)'
-            [items]="filtrosAmbitos">
+                      [items]="filtrosAmbitos">
         </plex-options>
         <div class="d-flex align-items-center justify-content-end">
             <suspender-medicacion *ngIf="filtroActual==='recetas' && seleccionRecetas.length > 0"
-                [seleccionRecetas]="seleccionSuspender" [motivoSelector]="motivoSuspensionSelector"
-                [motivosSuspension]="motivosSuspension" [profesional]="profesional" (reset)="resetSeleccionRecetas()">
+                                  [seleccionRecetas]="seleccionSuspender" [motivoSelector]="motivoSuspensionSelector"
+                                  [motivosSuspension]="motivosSuspension" [profesional]="profesional"
+                                  (reset)="resetSeleccionRecetas()">
             </suspender-medicacion>
             <plex-button type="info" size="sm" [icon]="showFiltros ? 'chevron-up' : 'chevron-down'"
-                [title]="showFiltros ? 'Cerrar filtros' : 'Ver filtros'" class="float-right" tooltipPosition="left"
-                (click)="toogleFiltros()">
+                         [title]="showFiltros ? 'Cerrar filtros' : 'Ver filtros'" class="float-right"
+                         tooltipPosition="left" (click)="toogleFiltros()">
             </plex-button>
         </div>
     </div>
@@ -52,16 +54,16 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
 
 
 <ng-container
-    *ngIf="filtroActual !== 'solicitudes' && filtroActual !== 'planes' && filtroActual !== 'laboratorios' && filtroActual !== 'vacunas' && filtroActual !== 'dominios'">
+              *ngIf="filtroActual !== 'solicitudes' && filtroActual !== 'planes' && filtroActual !== 'laboratorios' && filtroActual !== 'vacunas' && filtroActual !== 'dominios' && filtroActual !== 'guardias'">
     <div *ngIf="hasRegistrosTotales(filtroActual)" class="mb-2">
         <plex-text [(ngModel)]="searchTerm" name="searchTerm" (change)="buscar()" placeholder="Buscar registros..."
-            [autoFocus]="true">
+                   [autoFocus]="true">
         </plex-text>
     </div>
 
     <div class="my-2" *ngIf="filtroActual === 'trastorno' && hasRegistrosTotales(filtroActual)">
         <plex-bool [(ngModel)]="filtroTrastornos" name="filtroTrastornos" (change)="filtrarTrastornos()" type="slide"
-            label="{{filtroTrastornos ? 'Activos' : 'Todos'}}">
+                   label="{{filtroTrastornos ? 'Activos' : 'Todos'}}">
         </plex-bool>
     </div>
 
@@ -72,48 +74,48 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
             <div class="row">
                 <div class="col-12">
                     <plex-select [(ngModel)]="tipoPrescripcionSeleccionado" label="Tipo de prescripción"
-                        [data]="tiposPrescripcion" idField="id" labelField="nombre" (change)="filtrarRecetas()"
-                        [readonly]="true">
+                                 [data]="tiposPrescripcion" idField="id" labelField="nombre" (change)="filtrarRecetas()"
+                                 [readonly]="true">
                     </plex-select>
                 </div>
             </div>
             <div class="row pb-2">
                 <div class="col-6">
                     <plex-datetime type="date" [(ngModel)]="fechaInicioRecetas" (change)="filtrarRecetas()"
-                        name="fechaInicioRecetas" label="Fecha Desde" [debounce]="400">
+                                   name="fechaInicioRecetas" label="Fecha Desde" [debounce]="400">
                     </plex-datetime>
                 </div>
                 <div class="col-6">
                     <plex-datetime type="date" [(ngModel)]="fechaFinRecetas" (change)="filtrarRecetas()"
-                        name="fechaFinRecetas" label="Fecha Hasta" [debounce]="400">
+                                   name="fechaFinRecetas" label="Fecha Hasta" [debounce]="400">
                     </plex-datetime>
                 </div>
             </div>
         </ng-container>
         <plex-text [(ngModel)]="searchRecetas" name="searchRecetas" (change)="filtrarRecetas()"
-            placeholder="Buscar recetas..." [autoFocus]="true">
+                   placeholder="Buscar recetas..." [autoFocus]="true">
         </plex-text>
         <div class="my-2">
             <ul *ngIf="busquedaRecetas.length" class="hover listado list-unstyled">
                 <ng-container *ngFor="let grupo of busquedaRecetas; let iReceta = index">
                     <li>
                         <plex-bool [readonly]="!esRecetaSeleccionable(grupo?.recetaVisible)"
-                            [ngModel]="seleccionRecetas[iReceta]" name="seleccionada" type="checkbox"
-                            (change)="seleccionarReceta($event, grupo.recetas, iReceta)">
+                                   [ngModel]="seleccionRecetas[iReceta]" name="seleccionada" type="checkbox"
+                                   (change)="seleccionarReceta($event, grupo.recetas, iReceta)">
                         </plex-bool>
                         <div class="total">
                             <div class="row vista-badges"
-                                *ngIf="grupo.recetaVisible?.medicamento?.tratamientoProlongado">
+                                 *ngIf="grupo.recetaVisible?.medicamento?.tratamientoProlongado">
                                 <span class="pl-2 pr-2 mr-3 upTag" [ngClass]="{'active': huds.isOpen(grupo, 'receta')}">
                                     {{ textoTratamientoProlongado(grupo) }}
                                 </span>
                             </div>
                             <div class="rup-card mini recetas total"
-                                [ngClass]="{'active': huds.isOpen(grupo, 'receta')}"
-                                (click)="emitTabs(grupo, 'receta', iReceta)">
+                                 [ngClass]="{'active': huds.isOpen(grupo, 'receta')}"
+                                 (click)="emitTabs(grupo, 'receta', iReceta)">
                                 <div class="rup-header">
                                     <div class="rup-border rup-border-recetas"
-                                        [ngClass]="{'active': huds.isOpen(grupo, 'receta')}">
+                                         [ngClass]="{'active': huds.isOpen(grupo, 'receta')}">
                                         <div class="row p-0 m-0 border-secondary border-left-0">
                                             <div class="col-9 p-0 m-0">
                                                 <div class="row m-0 p-0">
@@ -145,12 +147,12 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                                 <div class="p-0 pt-1 pr-1 float-right">
                                                     <div class="vista-badges">
                                                         <plex-badge size="sm"
-                                                            [type]="estadoReceta[grupo.recetaVisible?.estadoActual.tipo]">
+                                                                    [type]="estadoReceta[grupo.recetaVisible?.estadoActual.tipo]">
                                                             {{ grupo.recetaVisible?.estadoActual?.tipo.replace('-', ' ')
                                                             }}
                                                         </plex-badge>
                                                         <plex-badge size="sm"
-                                                            [type]="estadoDispensa[grupo.recetaVisible?.estadoDispensaActual.tipo]">
+                                                                    [type]="estadoDispensa[grupo.recetaVisible?.estadoDispensaActual.tipo]">
                                                             {{
                                                             grupo.recetaVisible?.estadoDispensaActual?.tipo.replace('-',
                                                             ' ')
@@ -173,7 +175,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
             <hr class="mt-0">
             <div class="item-lista-vacia">
                 <plex-label size="sm" justify="center" icon="adi adi-listado-receta"
-                    titulo="No hay recetas registradas">
+                            titulo="No hay recetas registradas">
                 </plex-label>
             </div>
         </div>
@@ -188,11 +190,11 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <ng-container *ngFor="let registro of solicitudesMezcladas; let iPrestacion = index">
                     <li>
                         <div class="rup-card mini procedimiento"
-                            [ngClass]="{'active': huds.isOpen(registro, 'solicitud') ||  huds.isOpen(registro, 'concepto'), 'solicitud': true}"
-                            (click)="clickSolicitud(registro, iPrestacion)">
+                             [ngClass]="{'active': huds.isOpen(registro, 'solicitud') ||  huds.isOpen(registro, 'concepto'), 'solicitud': true}"
+                             (click)="clickSolicitud(registro, iPrestacion)">
                             <div class="rup-header">
                                 <div class="rup-border rup-border-procedimiento"
-                                    [ngClass]="{'active': huds.isOpen(registro, 'solicitud') ||  huds.isOpen(registro, 'concepto'), 'rup-border-plan': true}">
+                                     [ngClass]="{'active': huds.isOpen(registro, 'solicitud') ||  huds.isOpen(registro, 'concepto'), 'rup-border-plan': true}">
                                     <div class="row p-0 m-0 border-secondary border-left-0">
                                         <div class="col-10 p-0 m-0">
                                             <div class="row m-0 p-0">
@@ -234,15 +236,16 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                         <div class="col-2 p-0 m-0">
                                             <div class="p-0 pt-1 pr-1 float-right">
                                                 <plex-badge *ngIf="registro.estadoActual" size="sm"
-                                                    [type]="estadoRegistro(registro.estadoActual?.tipo)">
+                                                            [type]="estadoRegistro(registro.estadoActual?.tipo)">
                                                     {{ registro.estadoActual.tipo }}
                                                     <plex-button *ngIf='registro.evoluciones' size="sm" type="info"
-                                                        icon="information-outline" title="Registrado por profesional"
-                                                        titlePosition="left">
+                                                                 icon="information-outline"
+                                                                 title="Registrado por profesional"
+                                                                 titlePosition="left">
                                                     </plex-button>
                                                     <plex-button *ngIf='!registro.evoluciones' size="sm" type="info"
-                                                        icon="information-outline" title="Registrado por gestión"
-                                                        titlePosition="left">
+                                                                 icon="information-outline"
+                                                                 title="Registrado por gestión" titlePosition="left">
                                                     </plex-button>
                                                 </plex-badge>
                                             </div>
@@ -258,7 +261,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-mano-corazon"
-                        titulo="No hay solicitudes registradas">
+                                titulo="No hay solicitudes registradas">
                     </plex-label>
                 </div>
             </div>
@@ -270,11 +273,11 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <ng-container *ngFor="let registro of registrosTotales.hallazgo ; let iConcepto = index">
                     <li>
                         <div class="rup-card mini hallazgo"
-                            [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
-                            (click)="emitTabs(registro, 'concepto', iConcepto)">
+                             [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
+                             (click)="emitTabs(registro, 'concepto', iConcepto)">
                             <div class="rup-header">
                                 <div class="rup-border rup-border-hallazgo"
-                                    [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-plan': registro.esSolicitud}">
+                                     [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-plan': registro.esSolicitud}">
                                     <div class="row p-0 m-0 border-secondary border-left-0">
                                         <div class="col-10 p-0 m-0">
                                             <div class="row m-0 p-0">
@@ -318,7 +321,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-hallazgo"
-                        titulo="No hay hallazgos registrados">
+                                titulo="No hay hallazgos registrados">
                     </plex-label>
                 </div>
             </div>
@@ -330,17 +333,17 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <ng-container *ngFor="let registro of registrosTotales.trastorno; let iConcepto = index">
                     <li>
                         <div class="rup-card mini trastorno"
-                            [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
-                            (click)="emitTabs(registro, 'concepto', iConcepto)">
+                             [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
+                             (click)="emitTabs(registro, 'concepto', iConcepto)">
                             <div class="rup-header">
                                 <div class="rup-border rup-border-trastorno"
-                                    [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-plan': registro.esSolicitud}">
+                                     [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-plan': registro.esSolicitud}">
                                     <div class="row p-0 m-0 border-secondary border-left-0">
                                         <div class="col-10 p-0 m-0">
                                             <div class="row m-0 p-0">
                                                 <div class="icon-rup drag-handle p-0 pt-1" draggable
-                                                    [dragScope]="'registros-rup'" [dragData]="registro.concepto"
-                                                    (onDragStart)="dragStart($event)" (onDragEnd)="dragEnd($event)">
+                                                     [dragScope]="'registros-rup'" [dragData]="registro.concepto"
+                                                     (onDragStart)="dragStart($event)" (onDragEnd)="dragEnd($event)">
                                                     <i class="adi adi-trastorno"></i>
                                                 </div>
                                                 <div class="col p-0 pl-2 float-left">
@@ -368,14 +371,14 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                             <div class="p-0 pt-1 pr-1 float-right">
                                                 <ng-container *ngIf="registro.evoluciones">
                                                     <plex-badge size="sm"
-                                                        [type]="registro.evoluciones[0].estado === 'activo' ? 'success' : 'danger'">
+                                                                [type]="registro.evoluciones[0].estado === 'activo' ? 'success' : 'danger'">
                                                         {{ registro.evoluciones[0].estado }}
                                                     </plex-badge>
                                                 </ng-container>
                                                 <button class="btn btn-sm btn-primary btn-icon-rup p-0"
-                                                    *ngIf="emitirConceptos && registro?.evoluciones[0]?.estado !== 'resuelto' "
-                                                    (click)="$event.stopPropagation(); agregarRegistro(registro)"
-                                                    title="Agregar a la consulta" titlePosition="left">
+                                                        *ngIf="emitirConceptos && registro?.evoluciones[0]?.estado !== 'resuelto' "
+                                                        (click)="$event.stopPropagation(); agregarRegistro(registro)"
+                                                        title="Agregar a la consulta" titlePosition="left">
                                                     <i class="mdi mdi-plus"></i>
                                                 </button>
                                             </div>
@@ -391,7 +394,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-trastorno"
-                        titulo="No hay trastornos registrados">
+                                titulo="No hay trastornos registrados">
                     </plex-label>
                 </div>
             </div>
@@ -403,11 +406,11 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <ng-container *ngFor="let registro of registrosTotales.registro; let iConcepto = index">
                     <li>
                         <div class="rup-card mini elementoderegistro"
-                            [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
-                            (click)="emitTabs(registro, 'concepto', iConcepto)">
+                             [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
+                             (click)="emitTabs(registro, 'concepto', iConcepto)">
                             <div class="rup-header">
                                 <div class="rup-border rup-border-elementoderegistro"
-                                    [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-registro': registro.esSolicitud}">
+                                     [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-registro': registro.esSolicitud}">
                                     <div class="row p-0 m-0 border-secondary border-left-0">
                                         <div class="col-10 p-0 m-0">
                                             <div class="row m-0 p-0">
@@ -452,7 +455,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-documento-lapiz"
-                        titulo="No hay elementos de registros cargados">
+                                titulo="No hay elementos de registros cargados">
                     </plex-label>
                 </div>
             </div>
@@ -464,17 +467,17 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <ng-container *ngFor="let registro of registrosTotales.procedimiento; let iPrestacion = index">
                     <li>
                         <div class="rup-card mini procedimiento"
-                            [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
-                            (click)="emitTabs(registro, 'concepto', iPrestacion)">
+                             [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'solicitud': registro.esSolicitud}"
+                             (click)="emitTabs(registro, 'concepto', iPrestacion)">
                             <div class="rup-header">
                                 <div class="rup-border rup-border-procedimiento"
-                                    [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-plan': registro.esSolicitud}">
+                                     [ngClass]="{'active': huds.isOpen(registro, 'concepto'), 'rup-border-plan': registro.esSolicitud}">
                                     <div class="row p-0 m-0 border-secondary border-left-0">
                                         <div class="col-10 p-0 m-0">
                                             <div class="row m-0 p-0">
                                                 <div class="col-2 icon-rup drag-handle">
                                                     <i class="adi" [class.adi-termometro]="!registro.isSolicitud"
-                                                        [class.adi-mano-corazon]="registro.esSolicitud"></i>
+                                                       [class.adi-mano-corazon]="registro.esSolicitud"></i>
                                                 </div>
                                                 <div class="col p-0 pl-2 float-left">
                                                     {{ registro.concepto.term }}
@@ -512,7 +515,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-termometro"
-                        titulo="No hay procedimientos registrados">
+                                titulo="No hay procedimientos registrados">
                     </plex-label>
                 </div>
             </div>
@@ -524,26 +527,26 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <div class="row">
                     <div class="col-12">
                         <plex-select [(ngModel)]="prestacionSeleccionada" label="Prestación" [data]="tiposPrestacion"
-                            idField="conceptId" labelField="term" (change)="filtrar()" [multiple]="true">
+                                     idField="conceptId" labelField="term" (change)="filtrar()" [multiple]="true">
                         </plex-select>
                     </div>
                 </div>
                 <div *ngIf="!efectorRestringido" class="row">
                     <div class="col-12">
                         <plex-select [(ngModel)]="organizacionSeleccionada" label="Organización" [data]="organizaciones"
-                            idField="id" labelField="nombre" (change)="filtrar()">
+                                     idField="id" labelField="nombre" (change)="filtrar()">
                         </plex-select>
                     </div>
                 </div>
                 <div class="row pb-2">
                     <div class="col-6">
                         <plex-datetime type="date" [(ngModel)]="fechaInicio" (change)="filtrar()" name="fechaInicio"
-                            label="Fecha Desde" [debounce]="400">
+                                       label="Fecha Desde" [debounce]="400">
                         </plex-datetime>
                     </div>
                     <div class="col-6">
                         <plex-datetime type="date" [(ngModel)]="fechaFin" (change)="filtrar()" name="fechaFin"
-                            label="Fecha Hasta" [debounce]="400">
+                                       label="Fecha Hasta" [debounce]="400">
                         </plex-datetime>
                     </div>
                 </div>
@@ -557,7 +560,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                 <div plex-accordion-title case="capitalize">
                                     <div class="d-flex">
                                         <div class="icono"><plex-icon class="icon" size="lg"
-                                                name="documento"></plex-icon></div>
+                                                       name="documento"></plex-icon></div>
                                         <div>
                                             Detalle de la internacion
                                             <br>
@@ -575,9 +578,9 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
 
                                 <div class="list-group">
                                     <div *ngFor="let registro of internacion.registros; let iInternacion = index"
-                                        class="item-prestacion list-group-item"
-                                        [ngClass]="{'activo': huds.someOpen(internacion, iInternacion)}"
-                                        (click)="emitTabs(internacion, 'internacion', iInternacion)">
+                                         class="item-prestacion list-group-item"
+                                         [ngClass]="{'activo': huds.someOpen(internacion, iInternacion)}"
+                                         (click)="emitTabs(internacion, 'internacion', iInternacion)">
                                         <div *ngIf="registro.conceptId === '430147008'" class="icono hidrico">
                                             <plex-icon class="icon" size="lg" name="mano-gota"></plex-icon>
                                         </div>
@@ -585,7 +588,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                             <plex-icon class="icon" size="lg" name="pildoras"></plex-icon>
                                         </div>
                                         <div *ngIf="!registro.conceptId" class="icono otras"><plex-icon class="icon"
-                                                size="lg" name="circulo-paciente"></plex-icon></div>
+                                                       size="lg" name="circulo-paciente"></plex-icon></div>
                                         <div class="titulo text-capitalize">
                                             <p>{{registro.term || 'Evoluciones y otros registros'}}</p>
                                         </div>
@@ -600,7 +603,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                 <div plex-accordion-title case="capitalize">
                                     <div class="d-flex">
                                         <div class="icono"><plex-icon class="icon" size="lg"
-                                                name="documento"></plex-icon></div>
+                                                       name="documento"></plex-icon></div>
                                         <div>
                                             Prestación fuera de internación
                                             <br>
@@ -616,15 +619,15 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
 
                                 <div class="list-group">
                                     <div *ngFor="let indice of otrasPrestaciones.indices; let iInternacion = index"
-                                        class="item-prestacion list-group-item"
-                                        [ngClass]="{'activo': huds.someOpen(internacion, iInternacion)}"
-                                        (click)="emitTabs(otrasPrestaciones, 'internacion', iInternacion)">
+                                         class="item-prestacion list-group-item"
+                                         [ngClass]="{'activo': huds.someOpen(internacion, iInternacion)}"
+                                         (click)="emitTabs(otrasPrestaciones, 'internacion', iInternacion)">
                                         <div *ngIf="indice.conceptId === '430147008'" class="icono hidrico"><plex-icon
-                                                class="icon" size="lg" name="mano-gota"></plex-icon></div>
+                                                       class="icon" size="lg" name="mano-gota"></plex-icon></div>
                                         <div *ngIf="indice.conceptId === '33633005'" class="icono medico"><plex-icon
-                                                class="icon" size="lg" name="pildoras"></plex-icon></div>
+                                                       class="icon" size="lg" name="pildoras"></plex-icon></div>
                                         <div *ngIf="!indice.conceptId" class="icono otras"><plex-icon class="icon"
-                                                size="lg" name="circulo-paciente"></plex-icon></div>
+                                                       size="lg" name="circulo-paciente"></plex-icon></div>
                                         <div class="titulo text-capitalize">
                                             <p>{{indice.term || 'Evoluciones y otros registros'}}</p>
                                         </div>
@@ -637,7 +640,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                         <hr class="mt-0">
                         <div class="item-lista-vacia">
                             <plex-label size="sm" justify="center" icon="adi adi-clipboard-check-outline"
-                                titulo="No hay prestaciones registradas">
+                                        titulo="No hay prestaciones registradas">
                             </plex-label>
                         </div>
                     </div>
@@ -647,11 +650,11 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                     <ng-container *ngFor="let prestacion of prestaciones; let iPrestacion = index">
                         <li>
                             <div class="rup-card mini prestacion"
-                                [ngClass]="{'active': huds.isOpen(prestacion.data, prestacion.tipo)}"
-                                (click)="emitTabs(prestacion, prestacion.tipo, iPrestacion)">
+                                 [ngClass]="{'active': huds.isOpen(prestacion.data, prestacion.tipo)}"
+                                 (click)="emitTabs(prestacion, prestacion.tipo, iPrestacion)">
                                 <div class="rup-header">
                                     <div class="rup-border rup-border-prestacion"
-                                        [ngClass]="{'active': huds.isOpen(prestacion.data, prestacion.tipo)}">
+                                         [ngClass]="{'active': huds.isOpen(prestacion.data, prestacion.tipo)}">
                                         <div class="row p-0 m-0 border-secondary border-left-0">
                                             <div class="col-10 p-0 m-0">
                                                 <div class="row m-0 p-0">
@@ -685,7 +688,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                             <div class="col-2 p-0 m-0">
                                                 <div class="p-0 pt-1 pr-1 float-right">
                                                     <plex-badge size="sm"
-                                                        [type]=" prestacion.tipo !== 'ficha-epidemiologica' ? 'success' : 'info'">
+                                                                [type]=" prestacion.tipo !== 'ficha-epidemiologica' ? 'success' : 'info'">
                                                         {{prestacion.estado}}
                                                     </plex-badge>
                                                 </div>
@@ -700,7 +703,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                         <hr class="mt-0">
                         <div class="item-lista-vacia">
                             <plex-label size="sm" justify="center" icon="adi adi-clipboard-check-outline"
-                                titulo="No hay prestaciones registradas">
+                                        titulo="No hay prestaciones registradas">
                             </plex-label>
                         </div>
                     </div>
@@ -714,7 +717,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <ng-container *ngFor="let registro of this.registrosTotales.producto; let iCronico = index">
                     <li>
                         <div class="rup-card mini producto" [ngClass]="{'active': huds.isOpen(registro, 'concepto')}"
-                            (click)="emitTabs(registro, 'concepto', iCronico)">
+                             (click)="emitTabs(registro, 'concepto', iCronico)">
                             <div class="rup-header">
                                 <div class="rup-border rup-border-producto">
                                     <div class="row p-0 m-0 border-secondary border-left-0">
@@ -740,7 +743,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                             <div class="p-0 pt-1 pr-1 float-right">
                                                 <ng-container *ngIf="registro.evoluciones">
                                                     <plex-badge size="sm"
-                                                        [type]="registro.evoluciones[registro.evoluciones.length-1].estado === 'activo' ? 'success' : 'danger'">
+                                                                [type]="registro.evoluciones[registro.evoluciones.length-1].estado === 'activo' ? 'success' : 'danger'">
                                                         {{ registro.evoluciones[registro.evoluciones.length-1].estado }}
                                                     </plex-badge>
                                                 </ng-container>
@@ -757,7 +760,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-pildoras"
-                        titulo="No hay productos registrados">
+                                titulo="No hay productos registrados">
                     </plex-label>
                 </div>
             </div>
@@ -773,7 +776,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                     <ng-container *ngFor="let laboratorio of laboratorios; let iLaboratorio = index">
                         <li>
                             <div class="rup-card mini laboratorio"
-                                [ngClass]="{'active': huds.isOpen(laboratorio,  laboratorio.idProtocolo ? 'laboratorio' : 'cda')}">
+                                 [ngClass]="{'active': huds.isOpen(laboratorio.idProtocolo ? laboratorio : laboratorio.data,  laboratorio.idProtocolo ? 'laboratorio' : 'cda')}">
                                 <div class="rup-header">
                                     <div class="rup-border rup-border-laboratorio">
                                         <div class="row p-0 m-0 border-secondary border-left-0">
@@ -785,7 +788,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                                         </div>
                                                     </ng-container>
                                                     <div class="col p-0 pl-2 float-left"
-                                                        (click)="emitTabs(laboratorio, laboratorio.idProtocolo ? 'laboratorio' : 'cda', iLaboratorio)">
+                                                         (click)="emitTabs(laboratorio, laboratorio.idProtocolo ? 'laboratorio' : 'cda', iLaboratorio)">
                                                         <div>
                                                             <small>
                                                                 <span *ngIf="laboratorio?.prestacion?.term">{{
@@ -821,7 +824,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                                                 </div>
 
                                                                 <div *ngIf="laboratorio?.efectorSolicitante || laboratorio?.profesional"
-                                                                    class="text-sm">
+                                                                     class="text-sm">
                                                                     <small>Médico solicitante: <b>{{
                                                                             laboratorio?.medicoSolicitante ||
                                                                             laboratorio?.profesional }}</b></small>
@@ -843,7 +846,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-recipiente"
-                        titulo="No hay laboratorios registrados">
+                                titulo="No hay laboratorios registrados">
                     </plex-label>
                 </div>
             </div>
@@ -855,7 +858,8 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <ul class="listado list-unstyled">
                     <ng-container *ngFor="let unaVacuna of vacunas; let iVacuna = index">
                         <li>
-                            <div class="rup-card mini vacuna" [ngClass]="{'active': huds.isOpen(unaVacuna, 'cda')}">
+                            <div class="rup-card mini vacuna"
+                                 [ngClass]="{'active': huds.isOpen(unaVacuna.data, 'cda')}">
                                 <div class="rup-header">
                                     <div class="rup-border rup-border-vacuna">
 
@@ -868,7 +872,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                                         </div>
                                                     </ng-container>
                                                     <div class="col p-0 pl-2 float-left"
-                                                        (click)="emitTabs(unaVacuna, 'cda', iVacuna)">
+                                                         (click)="emitTabs(unaVacuna, 'cda', iVacuna)">
                                                         {{ unaVacuna?.prestacion.term }}
                                                         <div class="row p-0 m-0">
                                                             <div class="col-10 p-0 m-0">
@@ -904,17 +908,83 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
             </div>
         </ng-container>
 
+        <!-- Vista: GUARDIAS -->
+        <ng-container *ngIf="filtroActual === 'guardias'">
+            <plex-loader *ngIf="disabledBtnCDA" class="sidebar-loader" type="ball-pulse"></plex-loader>
+
+            <div *ngIf="guardias && guardias.length > 0" class="conceptos hover list-unstyled mt-1">
+                <ul class="listado list-unstyled" [ngClass]="{ 'opacity-35' : disabledBtnCDA }">
+                    <ng-container *ngFor="let guardia of guardias; let iGuardia = index">
+                        <li>
+                            <div class="rup-card mini guardia"
+                                 [ngClass]="{'active': huds.isOpen(guardia.data, guardia.tipo)}"
+                                 (click)="emitTabs(guardia, guardia.tipo, iGuardia)">
+                                <div class="rup-header">
+                                    <div class="rup-border rup-border-guardia">
+
+                                        <div class="row p-0 m-0 border-secondary border-left-0">
+                                            <div class="col-10 p-0 m-0">
+                                                <div class="row m-0 p-0">
+                                                    <div justify="center" class="icon-rup">
+                                                        <i class="adi adi-hospital-building"></i>
+                                                    </div>
+                                                    <div class="col p-0 pl-2 float-left">
+                                                        <div>
+                                                            <small>
+                                                                <span *ngIf="guardia?.prestacion?.term">{{
+                                                                    guardia?.prestacion?.term }}</span>
+                                                            </small>
+                                                        </div>
+                                                        <div class="row p-0 m-0">
+                                                            <div class="col-10 p-0 m-0">
+                                                                <div>
+                                                                    <small>Organización: <b>{{
+                                                                            guardia.data?.organizacion?.nombre ||
+                                                                            guardia.data?.solicitud?.organizacion?.nombre
+                                                                            }}</b></small>
+                                                                </div>
+                                                                <div *ngIf="guardia.profesional">
+                                                                    <small>Profesional: <b>{{ guardia.profesional
+                                                                            }}</b></small>
+                                                                </div>
+                                                                <div *ngIf="guardia.fecha" class="text-xs">
+                                                                    <small>Fecha: <b>{{ guardia.fecha | date:
+                                                                            'dd/MM/yyyy HH:mm' }}</b></small>
+                                                                </div>
+                                                            </div>
+                                                        </div>
+                                                    </div>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </div>
+                            </div>
+                        </li>
+                    </ng-container>
+                </ul>
+            </div>
+            <div *ngIf="!guardias.length">
+                <hr class="mt-0">
+                <div class="item-lista-vacia">
+                    <plex-label size="sm" justify="center" icon="adi adi-hospital-building"
+                                titulo="No hay atenciones de guardia registradas">
+                    </plex-label>
+                </div>
+            </div>
+        </ng-container>
+
         <!-- Vista: RECC -->
         <ng-container *ngIf="filtroActual === 'recc'">
             <ul class="hover listado list-unstyled mb-0">
                 <ng-container *ngFor="let registro of derivaciones; let iDerivacion = index">
                     <li>
                         <div class="rup-card mini recc"
-                            [ngClass]="{'active': huds.isOpen(registro, 'recc'), 'recc': true}"
-                            (click)="clickDerivacion(registro, iDerivacion)">
+                             [ngClass]="{'active': huds.isOpen(registro, 'recc'), 'recc': true}"
+                             (click)="clickDerivacion(registro, iDerivacion)">
                             <div class="rup-header">
                                 <div class="rup-border rup-border-recc"
-                                    [ngClass]="{'active': huds.isOpen(registro, 'recc') , 'rup-border-recc': true}">
+                                     [ngClass]="{'active': huds.isOpen(registro, 'recc') , 'rup-border-recc': true}">
                                     <div class="row p-0 m-0 border-secondary border-left-0">
                                         <div class="col-10 p-0 m-0">
                                             <div class="row m-0 p-0">
@@ -935,12 +1005,12 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                                                                 <br>
                                                                 <small>Profesional:
                                                                     <ng-container
-                                                                        *ngIf='registro.profesionalSolicitante'>
+                                                                                  *ngIf='registro.profesionalSolicitante'>
                                                                         {{ registro.profesionalSolicitante |
                                                                         nombre }}
                                                                     </ng-container>
                                                                     <ng-container
-                                                                        *ngIf='!registro.profesionalSolicitante'>
+                                                                                  *ngIf='!registro.profesionalSolicitante'>
                                                                         No existe
                                                                     </ng-container>
                                                                 </small>
@@ -961,7 +1031,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
                 <hr class="mt-0">
                 <div class="item-lista-vacia">
                     <plex-label size="sm" justify="center" icon="adi adi-mano-corazon"
-                        titulo="No hay derivaciones registradas">
+                                titulo="No hay derivaciones registradas">
                     </plex-label>
                 </div>
             </div>
diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
index 220c78af90..6420eb8da7 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
@@ -132,6 +132,10 @@
             @include card-estilo($vacuna);
         }
 
+        .guardias {
+            @include card-estilo($guardia);
+        }
+
         .recc {
             @include card-estilo($recc);
         }
@@ -290,6 +294,10 @@
         color: $vacuna
     }
 
+    &.guardias {
+        color: $guardia
+    }
+
     &.recc {
         color: $recc
     }
diff --git a/src/app/modules/rup/components/variables.scss b/src/app/modules/rup/components/variables.scss
index f7f3da94a2..74f2e5497f 100644
--- a/src/app/modules/rup/components/variables.scss
+++ b/src/app/modules/rup/components/variables.scss
@@ -23,6 +23,7 @@ $vacuna: #11910D;
 $recc: #7a1e2b;
 $dominiosNac: #11312D;
 $informacion: #00A8E0;
+$guardia: #c1121f;
 $recetas: #7b2ff7;
 // definimos esta lista para poder acceder mediante la funcion map-get() ya que en sass no se puede hacer 
 // la interpolacion del string a una variable directamente
@@ -44,6 +45,7 @@ $rup_colors: (
     'medicamento.clínico': $producto,
     adjunto: $adjunto,
     vacuna: $vacuna,
+    guardia: $guardia,
     recc: $recc,
     dominiosNac: $dominiosNac,
     elemento: $registro,
diff --git a/src/app/services/conceptos-turneables.service.ts b/src/app/services/conceptos-turneables.service.ts
index 1c1307ff20..c50978638e 100644
--- a/src/app/services/conceptos-turneables.service.ts
+++ b/src/app/services/conceptos-turneables.service.ts
@@ -11,6 +11,7 @@ export class ConceptosTurneablesService extends ResourceBaseHttp<ITipoPrestacion
     public static Laboratorio_SISA_CDA_ID = '3031000246109';
     public static Vacunas_CDA_ID = '33879002';
     public static VacunacionCovid_ID = '1821000246103';
+    public static Guardia_CDA_ID = '50849002';
 
     constructor(protected server: Server, protected auth: Auth) {
         super(server);

From 8d28df4fd2c3b30d2e0ced6925074a9e17567551 Mon Sep 17 00:00:00 2001
From: nicolasarana <90768149+nicolasarana@users.noreply.github.com>
Date: Tue, 5 May 2026 12:51:52 -0300
Subject: [PATCH 2/4] =?UTF-8?q?fix=20-=20Arreglo=20de=20c=C3=B3digo=20y=20?=
 =?UTF-8?q?mejora=20visual?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/modules/rup/components/ejecucion/buscador.scss |  7 ++++++-
 .../rup/components/ejecucion/hudsBusqueda.component.ts |  5 +++++
 .../modules/rup/components/ejecucion/hudsBusqueda.html |  4 ++--
 .../modules/rup/components/ejecucion/hudsBusqueda.scss | 10 +++++++++-
 4 files changed, 22 insertions(+), 4 deletions(-)

diff --git a/src/app/modules/rup/components/ejecucion/buscador.scss b/src/app/modules/rup/components/ejecucion/buscador.scss
index 7733a2d63f..0db6cb14b3 100644
--- a/src/app/modules/rup/components/ejecucion/buscador.scss
+++ b/src/app/modules/rup/components/ejecucion/buscador.scss
@@ -93,8 +93,13 @@
             align-items: center;
             justify-content: center;
 
-            .icon i {
+            .icon i,
+            i.icon {
                 font-size: 25px;
+
+                &.adi-hospital-building {
+                    font-size: 28px;
+                }
             }
 
             .contador {
diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
index 1050102bac..7f6ba5c690 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
@@ -841,6 +841,11 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         return false;
     }
 
+    mostrarBuscador() {
+        const filtrosSinBuscador = ['solicitudes', 'planes', 'laboratorios', 'vacunas', 'dominios', 'guardias'];
+        return !filtrosSinBuscador.includes(this.filtroActual);
+    }
+
     filtrarTrastornos() {
         this.searchTerm = null;
 
diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.html b/src/app/modules/rup/components/ejecucion/hudsBusqueda.html
index 45bb1397a1..5c254fdc4d 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.html
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.html
@@ -54,7 +54,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
 
 
 <ng-container
-              *ngIf="filtroActual !== 'solicitudes' && filtroActual !== 'planes' && filtroActual !== 'laboratorios' && filtroActual !== 'vacunas' && filtroActual !== 'dominios' && filtroActual !== 'guardias'">
+              *ngIf="mostrarBuscador()">
     <div *ngIf="hasRegistrosTotales(filtroActual)" class="mb-2">
         <plex-text [(ngModel)]="searchTerm" name="searchTerm" (change)="buscar()" placeholder="Buscar registros..."
                    [autoFocus]="true">
@@ -912,7 +912,7 @@ <h6 class="titulo-filtro {{filtroActual}}">{{ getTitulo(filtroActual) | uppercas
         <ng-container *ngIf="filtroActual === 'guardias'">
             <plex-loader *ngIf="disabledBtnCDA" class="sidebar-loader" type="ball-pulse"></plex-loader>
 
-            <div *ngIf="guardias && guardias.length > 0" class="conceptos hover list-unstyled mt-1">
+            <div *ngIf="guardias?.length" class="conceptos hover list-unstyled mt-1">
                 <ul class="listado list-unstyled" [ngClass]="{ 'opacity-35' : disabledBtnCDA }">
                     <ng-container *ngFor="let guardia of guardias; let iGuardia = index">
                         <li>
diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
index 6420eb8da7..72b32c91bd 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
@@ -59,8 +59,13 @@
             align-items: center;
             justify-content: center;
 
-            .icon i {
+            .icon i,
+            i.icon {
                 font-size: 25px;
+
+                &.adi-hospital-building {
+                    font-size: 28px;
+                }
             }
 
             .contador {
@@ -343,6 +348,9 @@
 
         .icon-rup {
             max-width: 55px !important;
+            i.adi-hospital-building {
+                font-size: 2rem;
+            }
         }
     }
 }

From 13d2f903850ceec0206432864ce6afb1598b20e6 Mon Sep 17 00:00:00 2001
From: nicolasarana <90768149+nicolasarana@users.noreply.github.com>
Date: Fri, 8 May 2026 14:27:31 -0300
Subject: [PATCH 3/4] styles - arreglos en los colores del tab

---
 .../components/ejecucion/prestacionEjecucion.scss   | 13 ++++++++++++-
 .../rup/components/ejecucion/vistaHuds.component.ts |  6 ++++++
 .../modules/rup/components/ejecucion/vistaHuds.html |  8 +++++++-
 .../modules/rup/components/ejecucion/vistaHuds.scss | 11 +++++++++++
 4 files changed, 36 insertions(+), 2 deletions(-)

diff --git a/src/app/modules/rup/components/ejecucion/prestacionEjecucion.scss b/src/app/modules/rup/components/ejecucion/prestacionEjecucion.scss
index a451ebf723..ae3cc63fb2 100644
--- a/src/app/modules/rup/components/ejecucion/prestacionEjecucion.scss
+++ b/src/app/modules/rup/components/ejecucion/prestacionEjecucion.scss
@@ -4,7 +4,7 @@
     .plex-box-content {
         padding-right: 0;
     }
-} 
+}
 
 //
 .prestacionActual {
@@ -174,4 +174,15 @@
             background-color: #7b2ff7 !important;
         }
     }
+}
+
+.nav-item-guardia {
+    a {
+        color: #c1121f !important;
+
+        &.active {
+            color: #ffffff !important;
+            background-color: #c1121f !important;
+        }
+    }
 }
\ No newline at end of file
diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts b/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts
index f36af231d3..7123b61583 100644
--- a/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts
+++ b/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts
@@ -174,4 +174,10 @@ export class VistaHudsComponent implements OnInit, OnDestroy {
             registro.data.class === 'elementoderegistro' ||
             registro.data.class === 'producto';
     }
+
+    esGuardia(registro: any) {
+        return registro.tipo === 'rup' &&
+            registro.data?.solicitud?.tipoPrestacion?.term &&
+            registro.data.solicitud.tipoPrestacion.term.toLowerCase().includes('emergencia');
+    }
 }
diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.html b/src/app/modules/rup/components/ejecucion/vistaHuds.html
index 54e347032b..d39f0d4cd0 100644
--- a/src/app/modules/rup/components/ejecucion/vistaHuds.html
+++ b/src/app/modules/rup/components/ejecucion/vistaHuds.html
@@ -62,8 +62,14 @@
                         </detalle-prestacion>
                     </plex-tab>
 
+                    <plex-tab *ngIf="esGuardia(registro)" color="guardia" class="nav-item-guardia" [allowClose]="true" 
+                        [label]="registro.data.solicitud.tipoPrestacion.term">
+                        <vista-prestacion [prestacion]="registro.data" [paciente]="paciente">
+                        </vista-prestacion>
+                    </plex-tab>
+
                     <plex-tab [allowClose]="true" [label]="registro.data.solicitud.tipoPrestacion.term"
-                        [class]="registro.data.class" color="solicitud" *ngIf="registro.tipo === 'rup'">
+                        [class]="registro.data.class" color="solicitud" *ngIf="registro.tipo === 'rup' && !esGuardia(registro)">
                         <vista-prestacion [prestacion]="registro.data" [paciente]="paciente">
                         </vista-prestacion>
                     </plex-tab>
diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.scss b/src/app/modules/rup/components/ejecucion/vistaHuds.scss
index 3f65fe6a27..c1a9085870 100644
--- a/src/app/modules/rup/components/ejecucion/vistaHuds.scss
+++ b/src/app/modules/rup/components/ejecucion/vistaHuds.scss
@@ -28,6 +28,17 @@ plex-tab {
     }
 }
 
+.nav-item-guardia {
+    a {
+        color: #c1121f !important;
+
+        &.active {
+            color: #ffffff !important;
+            background-color: #c1121f !important;
+        }
+    }
+}
+
 form~form {
     border: none;
 }

From b17209adb68e9337dc2e84390d2021eb3ad2f13f Mon Sep 17 00:00:00 2001
From: nicolasarana <90768149+nicolasarana@users.noreply.github.com>
Date: Mon, 11 May 2026 10:15:31 -0300
Subject: [PATCH 4/4] style : Cambio color icono guardia

---
 .../components/ejecucion/hudsBusqueda.component.ts   | 12 ++++++------
 .../rup/components/ejecucion/hudsBusqueda.scss       |  3 +++
 .../rup/components/ejecucion/vistaHuds.component.ts  |  8 +++++---
 .../modules/rup/components/ejecucion/vistaHuds.html  |  7 ++++---
 4 files changed, 18 insertions(+), 12 deletions(-)

diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
index 7f6ba5c690..6580b66154 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.component.ts
@@ -163,6 +163,7 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
 
     public filtros = [
         { key: 'planes', titulo: 'prestaciones', icono: 'clipboard-check-outline' },
+        { key: 'guardias', titulo: 'guardias', icono: 'hospital-building' },
         { key: 'solicitudes', titulo: 'solicitudes', icono: 'mano-corazon' },
         { key: 'hallazgo', titulo: 'hallazgos', icono: 'hallazgo' },
         { key: 'trastorno', titulo: 'trastornos', icono: 'trastorno' },
@@ -172,7 +173,6 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
         { key: 'producto', titulo: 'productos', icono: 'pildoras' },
         { key: 'laboratorios', titulo: 'laboratorios', icono: 'recipiente' },
         { key: 'vacunas', titulo: 'vacunas', icono: 'vacuna' },
-        { key: 'guardias', titulo: 'guardias', icono: 'hospital-building' },
         { key: 'recc', titulo: 'recc', icono: 'account-switch' }
     ];
 
@@ -684,18 +684,18 @@ export class HudsBusquedaComponent implements AfterContentInit, OnInit, OnDestro
                     ...this.cdas.filter(cda => cda.prestacion.conceptId === ConceptosTurneablesService.Guardia_CDA_ID)
                 ];
                 this.laboratorios = this.cdas.filter(cda => cda.prestacion.conceptId === ConceptosTurneablesService.Laboratorio_CDA_ID
-                        || cda.prestacion.conceptId === ConceptosTurneablesService.Laboratorio_SISA_CDA_ID);
+                    || cda.prestacion.conceptId === ConceptosTurneablesService.Laboratorio_SISA_CDA_ID);
 
                 this.laboratorios = this.ordenarLaboratorios(this.laboratorios, protocolos);
 
                 // DEjamos el resto de los CDAS y los unimos a las prestaciones
                 const filtro = this.cdas.filter(cda => {
                     return cda.prestacion.conceptId !== ConceptosTurneablesService.Vacunas_CDA_ID
-                            && cda.prestacion.conceptId !== ConceptosTurneablesService.Laboratorio_CDA_ID
-                            && cda.prestacion.conceptId !== ConceptosTurneablesService.Laboratorio_SISA_CDA_ID
-                            && cda.prestacion.conceptId !== ConceptosTurneablesService.Guardia_CDA_ID;
+                        && cda.prestacion.conceptId !== ConceptosTurneablesService.Laboratorio_CDA_ID
+                        && cda.prestacion.conceptId !== ConceptosTurneablesService.Laboratorio_SISA_CDA_ID
+                        && cda.prestacion.conceptId !== ConceptosTurneablesService.Guardia_CDA_ID;
                 });
-                    // Filtramos por CDA para poder recargar los estudiosc
+                // Filtramos por CDA para poder recargar los estudiosc
                 this.prestaciones = [...this.prestaciones.filter(e => e.tipo !== 'cda'), ...filtro];
                 this.tiposPrestacion = this._prestaciones.map(p => p.prestacion);
                 this.prestacionesCopia = this.prestaciones.slice();
diff --git a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
index 72b32c91bd..1426f50bf2 100644
--- a/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
+++ b/src/app/modules/rup/components/ejecucion/hudsBusqueda.scss
@@ -65,6 +65,7 @@
 
                 &.adi-hospital-building {
                     font-size: 28px;
+                    color: #c1121f;
                 }
             }
 
@@ -348,8 +349,10 @@
 
         .icon-rup {
             max-width: 55px !important;
+
             i.adi-hospital-building {
                 font-size: 2rem;
+                color: #c1121f;
             }
         }
     }
diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts b/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts
index 7123b61583..c0b897b07f 100644
--- a/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts
+++ b/src/app/modules/rup/components/ejecucion/vistaHuds.component.ts
@@ -176,8 +176,10 @@ export class VistaHudsComponent implements OnInit, OnDestroy {
     }
 
     esGuardia(registro: any) {
-        return registro.tipo === 'rup' &&
-            registro.data?.solicitud?.tipoPrestacion?.term &&
-            registro.data.solicitud.tipoPrestacion.term.toLowerCase().includes('emergencia');
+        const term = (registro.tipo === 'rup') ?
+            registro.data?.solicitud?.tipoPrestacion?.term :
+            registro.data?.prestacion?.snomed?.term;
+        const isGuardia = term && term.toLowerCase().includes('emergencia');
+        return isGuardia;
     }
 }
diff --git a/src/app/modules/rup/components/ejecucion/vistaHuds.html b/src/app/modules/rup/components/ejecucion/vistaHuds.html
index d39f0d4cd0..5c9dd7dad9 100644
--- a/src/app/modules/rup/components/ejecucion/vistaHuds.html
+++ b/src/app/modules/rup/components/ejecucion/vistaHuds.html
@@ -63,9 +63,10 @@
                     </plex-tab>
 
                     <plex-tab *ngIf="esGuardia(registro)" color="guardia" class="nav-item-guardia" [allowClose]="true" 
-                        [label]="registro.data.solicitud.tipoPrestacion.term">
-                        <vista-prestacion [prestacion]="registro.data" [paciente]="paciente">
+                        [label]="registro.tipo === 'rup' ? registro.data.solicitud.tipoPrestacion.term : registro.data.prestacion.snomed.term">
+                        <vista-prestacion *ngIf="registro.tipo === 'rup'" [prestacion]="registro.data" [paciente]="paciente">
                         </vista-prestacion>
+                        <vista-cda *ngIf="registro.tipo === 'cda'" [registro]="registro"></vista-cda>
                     </plex-tab>
 
                     <plex-tab [allowClose]="true" [label]="registro.data.solicitud.tipoPrestacion.term"
@@ -100,7 +101,7 @@
                         <vista-solicitud-top [registro]="registro.data"></vista-solicitud-top>
                     </plex-tab>
 
-                    <plex-tab *ngIf="registro.tipo === 'cda'" [allowClose]="true"
+                    <plex-tab *ngIf="registro.tipo === 'cda' && !esGuardia(registro)" [allowClose]="true"
                         [label]="registro.data.prestacion.snomed.term" [class]="registro.data.class">
                         <vista-cda [registro]="registro"></vista-cda>
                     </plex-tab>