diff --git a/pages/Tickets.tsx b/pages/Tickets.tsx
index 3648607..dfa80d9 100644
--- a/pages/Tickets.tsx
+++ b/pages/Tickets.tsx
@@ -1,6 +1,6 @@
 
 import React, { useEffect, useState } from 'react';
-import { CondoService } from '../services/mockDb';
+import { CondoService } from '../services/api';
 import { Ticket, TicketStatus, TicketPriority, TicketCategory, TicketAttachment, TicketComment } from '../types';
 import { MessageSquareWarning, Plus, Search, Filter, Paperclip, X, CheckCircle2, Clock, XCircle, FileIcon, Image as ImageIcon, Film, Send, PauseCircle, Archive, Trash2, User } from 'lucide-react';
 
@@ -70,6 +70,11 @@ export const TicketsPage: React.FC = () => {
         try {
             const list = await CondoService.getTickets();
             setTickets(list);
+            
+            // Mark tickets page as viewed to clear badges
+            localStorage.setItem('lastViewedTickets', Date.now().toString());
+            window.dispatchEvent(new Event('tickets-viewed'));
+
         } catch (e) {
             console.error(e);
         } finally {
@@ -436,8 +441,6 @@ export const TicketsPage: React.FC = () => {
                                             </button>
                                         )}
                                         
-                                        {/* DELETE ONLY ALLOWED IF NOT ARCHIVED OR IF ADMIN WANTS TO FORCE CLEANUP (But prompt requested archive logic) */}
-                                        {/* Based on requirement: Do not allow deletion when closed. So hide delete button if archived */}
                                         {(viewTicket.status !== TicketStatus.RESOLVED && viewTicket.status !== TicketStatus.CLOSED) && (
                                             <button onClick={() => handleDeleteTicket(viewTicket.id)} className="ml-auto px-3 py-2 text-red-600 font-medium text-xs hover:bg-red-50 rounded-lg flex items-center gap-1">
                                                 <Trash2 className="w-3 h-3"/> Elimina