diff --git a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
index 49fd2ec..e1e370c 100644
--- a/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
+++ b/src/app/modules/seleccion-articulos/filtro-categorias/filtro-categorias.component.html
@@ -31,7 +31,7 @@
           src="assets/img/logo-spot.svg">
         <small class="col-12 px-0 my-1 h-100 h-md-25 align-self-end text-center text-truncate">Todos</small>
       </div>
-      <div *ngFor="let categoria of categorias; let i = index;">
+      
         <div
           class="row mx-2 mb-2 h-25 h-lg-30 justify-content-center tab cat-content"
           [ngClass]="{ 'active rounded shadow px-2': categoria.selected,
@@ -39,8 +39,9 @@
                     'media-pantalla': templateCategorias.classList.contains('media-pantalla')}"
           (click)="selectCategoria(i, categoria.id)"
           id="cat-content"
-          *ngIf="categoria.articulos > 0 
-                && validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
+          *ngFor="let categoria of categorias; let i = index;"
+          [hidden]="categoria.articulos > 0 
+                   && validarFecha(categoria.vigencia_desde, categoria.vigencia_hasta)">
           <img
           draggable="false"
           ondragstart="return false;"
@@ -50,7 +51,7 @@
           onerror="this.src='assets/img/imagen-no-encontrada.jpg'">
           <small class="col-12 px-1 my-1 h-100 h-md-25 align-self-end text-center text-truncate">{{categoria.detalle}}</small>
         </div>
-      </div>
+      
     </div>
     <div class="col-auto btn-effect h-5 cat-btn">
       <img