diff --git a/app/Exports/ContactosExport.php b/app/Exports/ContactosExport.php
index 390a244881266455cf1bac6ab4995be488e3387d..1e77de1863f112e7d96eaa08984ee3aa3f06dc9e 100644
--- a/app/Exports/ContactosExport.php
+++ b/app/Exports/ContactosExport.php
@@ -71,33 +71,33 @@ public function headings(): array
 
     private function applyFilters($query)
     {
-        /* if(!empty($this->filters['subgrupos'])){
+        if(count($this->filters['subgrupos']) > 2){
             $query->orWhereHas('subgrupos', function ($q) {
                 $q->whereIn('subgrupos.id', $this->filters['subgrupos']);
             });
-        } */
-
-        if (!empty($this->filters['subgrupos'])) {
-            $query->orWhereHas('subgrupos', function ($q) {
-                $q->whereIn('subgrupos.id', $this->filters['subgrupos']);
-            });
-        } elseif (!empty($this->filters['grupos'])) {
-            $grupoId = $this->filters['grupos'];
-            $subgruposIds = Grupos::find(153)->subgrupos->pluck('id')->toArray();
-    
-            $query->where(function ($query) use ($grupoId, $subgruposIds) {
-                // Contactos directamente en el grupo
-                $query->orWhereHas('grupos', function ($q) use ($grupoId) {
-                    $q->where('grupos.id', $grupoId);
+        }else{
+            if (!empty($this->filters['subgrupos'])) {
+                $query->orWhereHas('subgrupos', function ($q) {
+                    $q->whereIn('subgrupos.id', $this->filters['subgrupos']);
                 });
-    
-                // Contactos en subgrupos del grupo (solo si hay subgrupos)
-                if (!empty($subgruposIds)) {
-                    $query->orWhereHas('subgrupos', function ($q) use ($subgruposIds) {
-                        $q->whereIn('subgrupos.id', $subgruposIds);
+            } elseif (!empty($this->filters['grupos'])) {
+                $grupoId = $this->filters['grupos'];
+                $subgruposIds = Grupos::find($grupoId)->subgrupos->pluck('id')->toArray();
+        
+                $query->where(function ($query) use ($grupoId, $subgruposIds) {
+                    // Contactos directamente en el grupo
+                    $query->orWhereHas('grupos', function ($q) use ($grupoId) {
+                        $q->where('grupos.id', $grupoId);
                     });
-                }
-            });
+        
+                    // Contactos en subgrupos del grupo (solo si hay subgrupos)
+                    if (!empty($subgruposIds)) {
+                        $query->orWhereHas('subgrupos', function ($q) use ($subgruposIds) {
+                            $q->whereIn('subgrupos.id', $subgruposIds);
+                        });
+                    }
+                });
+            }
         }
 
         if ($this->filters['mesInicio'] != "NaN" && $this->filters['diaInicio'] != "NaN") {
diff --git a/app/Exports/ListasExport.php b/app/Exports/ListasExport.php
new file mode 100644
index 0000000000000000000000000000000000000000..5175fb491a5381f3d56a6f06843c95c239663e7c
--- /dev/null
+++ b/app/Exports/ListasExport.php
@@ -0,0 +1,145 @@
+<?php
+
+namespace App\Exports;
+
+use App\Models\Lista;
+use Illuminate\Support\Collection;
+use Maatwebsite\Excel\Concerns\FromCollection;
+use Maatwebsite\Excel\Concerns\WithHeadings;
+
+class ListasExport implements FromCollection, WithHeadings
+{
+    protected $extraFields;
+    protected $lista_id;
+
+    public function __construct($lista_id, $extraFields = [])
+    {
+        $this->lista_id = $lista_id;
+        $this->extraFields = $extraFields;
+    }
+
+    public function collection()
+    {
+        $lista = Lista::with(['grupos', 'subgrupos', 'contactos'])->find($this->lista_id);
+        $contactos = new Collection();
+        $contactos = $contactos->merge($lista->contactos);
+
+        foreach ($lista->grupos as $grupo) {
+            $contactos = $contactos->merge($grupo->contactos);
+
+            foreach ($grupo->subgrupos as $subgrupo) {
+                $contactos = $contactos->merge($subgrupo->contactos);
+            }
+        }
+        foreach($lista->subgrupos as $subgrupo){
+            $contactos = $contactos->merge($subgrupo->contactos);
+        }
+
+        $contactos = $contactos->unique('id');
+
+        return $contactos->map(function($contacto){
+            return $this->formatContactoData($contacto);
+        });
+    }
+
+    public function headings(): array
+    {
+        $defaultHeadings = ['Profesión', 'Nombre', 'Apellido Paterno', 'Apellido Materno', 'Cargo', 'Descripción del cargo', 'Grupo', 'Subgrupo'];
+        $extraHeadings = $this->getExtraHeadings();
+        return array_merge($defaultHeadings, $extraHeadings);
+    }
+
+    private function formatContactoData($contacto)
+    {
+        $defaultData = [
+            'Profesión' => $contacto->profesion->abreviatura ?? 'N/A',
+            'Nombre' => $contacto->nombre,
+            'Apellido Paterno' => $contacto->ap_paterno,
+            'Apellido Materno' => $contacto->ap_materno ?? '',
+            'Cargo' => $contacto->cargo->nombre ?? 'N/A',
+            'Descripción del cargo' => $contacto->cargo_desc ?? 'N/A',
+            'Grupo' => $contacto->grupos->pluck('nombre')[0] ?? 'N/A',
+            'Subgrupo' => $contacto->subgrupos->pluck('nombre')[0] ?? 'N/A',
+        ];
+
+        $extraData = [];
+        $fields = $this->extraFields;
+
+        if (in_array('todos', $fields)) {
+            $fields = ['domicilio', 'cumpleanos', 'telefonos', 'conyuge', 'email'];
+        }
+
+        foreach ($fields as $field) {
+            switch ($field) {
+                case 'domicilio':
+                    $extraData = array_merge($extraData, [
+                        'Domicilio Oficial' => $contacto->domicilio_oficial ?? 'N/A',
+                        'Código Postal' => $contacto->codigo_postal ?? 'N/A',
+                        'Localidad Oficial' => $contacto->localidad_oficial ?? 'N/A',
+                        'Municipio Oficial' => $contacto->municipio_oficial ?? 'N/A',
+                        'Estado' => $contacto->estado ?? 'N/A',
+                        'País' => $contacto->pais ?? 'N/A',
+                    ]);
+                    break;
+                case 'cumpleanos':
+                    $extraData['Cumpleaños'] = $contacto->mes_cump && $contacto->dia_cump
+                        ? $contacto->mes_cump . '/' . $contacto->dia_cump
+                        : 'N/A';
+                    break;
+                case 'telefonos':
+                    $extraData = array_merge($extraData, [
+                        'Número de teléfono' => $contacto->telefonos->pluck('numero')->join(', ') ?? 'N/A',
+                        'Tipo' => $contacto->telefonos->pluck('tipo')->join(', ') ?? 'N/A',
+                        'Estatus' => $contacto->telefonos->pluck('estatus')->join(', ') ?? 'N/A',
+                        'Extensión' => $contacto->telefonos->pluck('ext')->join(', ') ?? 'N/A',
+                        'Observaciones' => $contacto->telefonos->pluck('observaciones')->join(', ') ?? 'N/A',
+                    ]);
+                    break;
+                case 'conyuge':
+                    $extraData['Cónyuge'] = $contacto->pareja
+                        ? $contacto->pareja->nombre . ' ' . $contacto->pareja->ap_paterno . ' ' . $contacto->pareja->ap_materno
+                        : 'N/A';
+                    break;
+                case 'email':
+                    $extraData = array_merge($extraData, [
+                        'Correo Electrónico' => $contacto->correos->pluck('correo_electronico')->join(', ') ?? 'N/A',
+                        'Tipo de Correo Electrónico' => $contacto->correos->pluck('tipo_correo_electronico')->join(', ') ?? 'N/A',
+                    ]);
+                    break;
+            }
+        }
+
+        return array_merge($defaultData, $extraData);
+    }
+
+    private function getExtraHeadings()
+    {
+        $headings = [];
+        $fields = $this->extraFields;
+
+        if (in_array('todos', $fields)) {
+            $fields = ['domicilio', 'cumpleanos', 'telefonos', 'conyuge', 'email'];
+        }
+
+        foreach ($fields as $field) {
+            switch ($field) {
+                case 'domicilio':
+                    $headings = array_merge($headings, ['Domicilio Oficial', 'Código Postal', 'Localidad Oficial', 'Municipio Oficial', 'Estado', 'País']);
+                    break;
+                case 'cumpleanos':
+                    $headings[] = 'Cumpleaños';
+                    break;
+                case 'telefonos':
+                    $headings = array_merge($headings, ['Número de teléfono', 'Tipo', 'Estatus', 'Extensión', 'Observaciones']);
+                    break;
+                case 'conyuge':
+                    $headings[] = 'Cónyuge';
+                    break;
+                case 'email':
+                    $headings = array_merge($headings, ['Correo Electrónico', 'Tipo de Correo Electrónico']);
+                    break;
+            }
+        }
+        return $headings;
+    }
+}
diff --git a/app/Http/Controllers/ContactoController.php b/app/Http/Controllers/ContactoController.php
index b2b0055eb782afa5ef988e0c464bd8c134269cf0..753868ec521c2af6d482fd32d5c1c98114005c3e 100644
--- a/app/Http/Controllers/ContactoController.php
+++ b/app/Http/Controllers/ContactoController.php
@@ -26,7 +26,7 @@ class ContactoController extends Controller
      */
     public function index()
     {
-        $contactos = Contacto::with('profesion', 'cargo')->get();
+        $contactos = Contacto::with('profesion', 'cargo', 'grupos', 'subgrupos')->get();
         return view('adminGen.contactos.index', compact('contactos'));
     }
 
@@ -646,7 +646,7 @@ public function obtenerEventos(Request $request){
                 });
             }
         })
-        ->select('id', 'nombre', 'ap_paterno', 'ap_materno', 'mes_cump', 'dia_cump')
+        ->select('id', 'nombre', 'ap_paterno', 'ap_materno', 'mes_cump', 'dia_cump', 'cargo_desc')
         ->get();
 
         // Obtener aniversarios de instituciones en el rango de fechas visible
@@ -661,7 +661,8 @@ public function obtenerEventos(Request $request){
                 'title' => $contacto->nombre . ' ' . $contacto->ap_paterno. ' ' . $contacto->ap_materno,
                 'start' => now()->year . '-' . str_pad($contacto->mes_cump, 2, '0', STR_PAD_LEFT) . '-' . str_pad($contacto->dia_cump, 2, '0', STR_PAD_LEFT),
                 'className' => 'success',
-                'description' => 'Cumpleaños de ' . $contacto->nombre,
+                'cargo' => $contacto->cargo->nombre ?? 'Sin información',
+                'description' => $contacto->cargo_desc ?? 'Sin información',
             ];
         })->merge($aniversarios->map(function ($institucion) {
             return [
diff --git a/app/Http/Controllers/ReporteController.php b/app/Http/Controllers/ReporteController.php
index 35417cefe40338ee4666cc0d53ccdde0f71eddb6..c20c10041c454f9e5ab27c8c7ba6ba6e8d53652d 100644
--- a/app/Http/Controllers/ReporteController.php
+++ b/app/Http/Controllers/ReporteController.php
@@ -10,10 +10,13 @@
 use Illuminate\Http\Request;
 
 use App\Exports\ContactosExport;
+use App\Exports\ListasExport;
+use App\Models\Subgrupo;
 use Barryvdh\DomPDF\Facade\Pdf;
 use Illuminate\Support\Facades\Storage;
 use Maatwebsite\Excel\Facades\Excel;
 use ZipArchive;
+use Illuminate\Support\Str;
 
 class ReporteController extends Controller
 {
@@ -26,7 +29,8 @@ public function index()
         $caracteristicas = Caracteristicas::get();
         $grupos = Grupos::get();
         $listas = Lista::get();
-        return view('adminGen.contactos.export', compact('cargos', 'caracteristicas', 'grupos', 'listas'));
+        $subgrupos = Subgrupo::get();
+        return view('adminGen.contactos.export', compact('cargos', 'caracteristicas', 'grupos', 'listas', 'subgrupos'));
     }
 
     /**
@@ -88,11 +92,15 @@ public function find(Request $request)
     public function export(Request $request)
     {
         if(is_null($request->archivo)){
-            return response()->json(['Error, No seleccionaste un archivo de exportación valido.'], 400);
+            return response()->json(['message' => 'No seleccionaste un archivo de exportación valido.'], 400);
         }
 
         $contactIds = array_column($request->input('contactos', []), 'id');
         $extraFields = $request->input('exportar', []);
+        if(!$extraFields){
+            return response()->json(['message' => 'No seleccionaste campos a exportar.'], 400);
+        }
+
         $filters = [
             'listas' => $request->input('listas', []),
             'subgrupos' => $request->input('subgrupos', []),
@@ -102,34 +110,39 @@ public function export(Request $request)
             'mesFin' => $request->input('mesFin'),
             'diaFin' => $request->input('diaFin'),
         ];
-        $export = new ContactosExport($contactIds, $extraFields, $filters);
-        if($request->archivo == 'excel'){
-            return Excel::download($export, 'contactos.xlsx');
-        }else if($request->archivo == 'pdf'){
-            $pdf = Pdf::loadView('adminGen.contactos.contactos_pdf', ['contactos' => $export->collection()])->setPaper('A1', 'landscape');;
-            return $pdf->download('contactos.pdf');
-        }else if($request->archivo == 'ambos'){
-            $excelPath = storage_path('app/public/contactos.xlsx');
-            $pdfPath = storage_path('app/public/contactos.pdf');
-
-            Excel::store($export, 'public/contactos.xlsx');
-            $pdf = Pdf::loadView('adminGen.contactos.contactos_pdf', ['contactos' => $export->collection()])->setPaper('A1', 'landscape');
-            Storage::put('public/contactos.pdf', $pdf->output());
-
-            // Crear archivo ZIP
-            $zipPath = storage_path('app/public/contactos.zip');
-            $zip = new ZipArchive;
-            if ($zip->open($zipPath, ZipArchive::CREATE | ZipArchive::OVERWRITE) === TRUE) {
-                $zip->addFile($excelPath, 'contactos.xlsx');
-                $zip->addFile($pdfPath, 'contactos.pdf');
-                $zip->close();
+        try{
+            $export = new ContactosExport($contactIds, $extraFields, $filters);
+            if($request->archivo == 'excel'){
+                return Excel::download($export, 'contactos.xlsx');
+            }else if($request->archivo == 'pdf'){
+                $pdf = Pdf::loadView('adminGen.contactos.contactos_pdf', ['contactos' => $export->collection()])->setPaper('A1', 'landscape');
+                return $pdf->download('contactos.pdf');
+            }else if($request->archivo == 'ambos'){
+                $excelPath = storage_path('app/public/contactos.xlsx');
+                $pdfPath = storage_path('app/public/contactos.pdf');
+
+                Excel::store($export, 'public/contactos.xlsx');
+                $pdf = Pdf::loadView('adminGen.contactos.contactos_pdf', ['contactos' => $export->collection()])->setPaper('A1', 'landscape');
+                Storage::put('public/contactos.pdf', $pdf->output());
+
+                // Crear archivo ZIP
+                $zipPath = storage_path('app/public/contactos.zip');
+                $zip = new ZipArchive;
+                if ($zip->open($zipPath, ZipArchive::CREATE | ZipArchive::OVERWRITE) === TRUE) {
+                    $zip->addFile($excelPath, 'contactos.xlsx');
+                    $zip->addFile($pdfPath, 'contactos.pdf');
+                    $zip->close();
+                }
+
+                // Descargar archivo ZIP
+                return response()->download($zipPath)->deleteFileAfterSend(true);
+            }else{
+                return response()->json(['Error, no seleccionaste un archivo de exportación valido.'], 400);
             }
-
-            // Descargar archivo ZIP
-            return response()->download($zipPath)->deleteFileAfterSend(true);
-        }else{
-            return response()->json(['Error, No seleccionaste un archivo de exportación valido.'], 400);
+        }catch(\Exception $e){
+            return response()->json(['message'=> $e->getMessage()], 500);
         }
+        
     }
 
     public function getSubgrupos(Int $id)
@@ -137,4 +150,48 @@ public function getSubgrupos(Int $id)
         $grupo = Grupos::find($id);
         return response()->json($grupo->subgrupos);
     }
+
+    public function exportListas(Request $request)
+    {
+        try{
+            if(is_null($request->archivo)){
+                return response()->json(['message' => 'No seleccionaste un archivo de exportación valido.'], 400);
+            }
+    
+            $extraFields = $request->input('exportar', []);
+            if(!$extraFields){
+                return response()->json(['message' => 'No seleccionaste campos a exportar.'], 400);
+            }
+            $lista_id = $request->input('id');
+    
+            $export = new ListasExport($lista_id, $extraFields);
+            $uuid = Str::uuid()->toString();
+            if($request->archivo == 'excel'){
+                return Excel::download($export, $uuid . '.xlsx');
+            }else if($request->archivo == 'pdf'){
+                $pdf = Pdf::loadView('adminGen.contactos.contactos_pdf', ['contactos' => $export->collection()])->setPaper('A1', 'landscape');
+                return $pdf->download($uuid.'.pdf');
+            }else if($request->archivo == 'ambos'){
+                $excelPath = storage_path('app/public/contactos.xlsx');
+                $pdfPath = storage_path('app/public/contactos.pdf');
+
+                Excel::store($export, 'public/contactos.xlsx');
+                $pdf = Pdf::loadView('adminGen.contactos.contactos_pdf', ['contactos' => $export->collection()])->setPaper('A1', 'landscape');
+                Storage::put('public/contactos.pdf', $pdf->output());
+                $zipPath = storage_path('app/public/'.$uuid.'.zip');
+                $zip = new ZipArchive;
+                if ($zip->open($zipPath, ZipArchive::CREATE | ZipArchive::OVERWRITE) === TRUE) {
+                    $zip->addFile($excelPath, $uuid.'.xlsx');
+                    $zip->addFile($pdfPath, $uuid.'.pdf');
+                    $zip->close();
+                }
+
+                return response()->download($zipPath)->deleteFileAfterSend(true);
+            }else{
+                return response()->json(['message' => 'no seleccionaste un archivo de exportación valido.'], 400);
+            }
+        }catch(\Exception $e){
+            return response()->json(['message' => $e->getMessage()], 500);
+        }
+    }
 }
diff --git a/app/Models/Subgrupo.php b/app/Models/Subgrupo.php
index 0545c6ee742a9e7f73bdf84ef93bf2ad04d4c267..03b1ef21b783180b48bd90ff6b80a95b32885187 100644
--- a/app/Models/Subgrupo.php
+++ b/app/Models/Subgrupo.php
@@ -34,6 +34,6 @@ public function listas(): BelongsToMany
 
     public function contactos(): BelongsToMany
     {
-        return $this->belongsToMany(Contacto::class, 'contactos_subgrupos', 'contacto_id', 'subgrupo_id');
+        return $this->belongsToMany(Contacto::class, 'contactos_subgrupos', 'subgrupo_id', 'contacto_id');
     }
 }
diff --git a/resources/views/adminGen/contactos/export.blade.php b/resources/views/adminGen/contactos/export.blade.php
index 39c6d0cfde094a4c7a895604c65d8243c73a985c..2e41bce74d262ca4742f6c36e04ed2bb019bf004 100644
--- a/resources/views/adminGen/contactos/export.blade.php
+++ b/resources/views/adminGen/contactos/export.blade.php
@@ -1,6 +1,6 @@
 <meta name="_token" content="{{ csrf_token() }}">
 <x-layout.default>
-    <script src="/assets/js/simple-datatables.js"></script>
+    <link rel='stylesheet' type='text/css' href='{{ Vite::asset("resources/css/nice-select2.css") }}'>
     <link rel="stylesheet" href="{{ Vite::asset('resources/css/swiper-bundle.min.css') }}">
     <script src="/assets/js/swiper-bundle.min.js"></script>
     <div x-data="contactos">
@@ -14,8 +14,8 @@
         </ul>
         <div class="panel mt-6">
             <p><b>Nota: </b>Este módulo aun se encuentra en desarrollo, por lo que podría haber errores.</p>
-            <div class="p-6 bg-gray-100 rounded-lg shadow-md">
-                <form method="GET" action="" class="space-y-4" onsubmit="event.preventDefault(); logData();">
+            <div class="p-6 bg-gray-100 rounded-lg shadow-md w-full">
+                <form method="GET" action="" class="space-y-4 w-full" onsubmit="event.preventDefault(); logData();">
 
                     <!-- Contacto -->
                     <div class="flex items-center space-x-2">
@@ -31,9 +31,9 @@ class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md"
                     <!-- Grupos -->
                     <div class="flex flex-col space-y-2">
                         <label for="grupos" class="text-gray-700 font-semibold">Grupos:</label>
-                        <div class="flex space-x-2">
+                        <div class="w-full">
                             <select id="grupos" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md" onchange="cargarSubgrupos(this.value)">
-                                <option value="" disabled selected>Selecciona un grupo</option>
+                                <option value="" selected>Selecciona un grupo</option>
                                 @foreach($grupos as $grupo)
                                     <option value="{{ $grupo->id }}">{{ $grupo->nombre }}</option>
                                 @endforeach
@@ -44,9 +44,12 @@ class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md"
                     <!-- Subgrupos -->
                     <div class="flex flex-col space-y-2">
                         <label for="subgrupos" class="text-gray-700 font-semibold">Subgrupos:</label>
-                        <div class="flex space-x-2">
-                            <select id="subgrupos" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md">
+                        <div class="flex justify-between space-x-2 w-full">
+                            <select id="subgrupos" class="flex-grow px-3 py-2 bg-white border border-gray-300 rounded-md">
                                 <option value="" disabled selected>Selecciona un subgrupo</option>
+                                @foreach($subgrupos as $subgrupo)
+                                    <option value="{{ $subgrupo->id }}">{{ $subgrupo->nombre }}</option>
+                                @endforeach
                             </select>
                             <button type="button" onclick="agregarEtiqueta('subgrupos', 'subgruposAgregados')" class="bg-blue-500 text-white px-3 py-2 rounded-md">Agregar</button>
                         </div>
@@ -56,31 +59,16 @@ class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md"
                     <!-- Rango de fechas -->
                     <div class="flex flex-col space-y-2">
                         <label for="fechaInicio" class="text-gray-700 font-semibold">Rango de Fechas:</label>
-                        <div class="flex space-x-2">
+                        <div class="flex space-x-2 w-full">
                             <input type="date" id="fechaInicio" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md">
                             <input type="date" id="fechaFin" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md">
                         </div>
                     </div>
 
-                    <!-- Cargos -->
-                    <!-- <div class="flex flex-col space-y-2">
-                        <label for="cargos" class="text-gray-700 font-semibold">Cargos:</label>
-                        <div class="flex space-x-2">
-                            <select id="cargos" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md">
-                                <option value="" disabled selected>Selecciona un cargo</option>
-                                @foreach($cargos as $cargo)
-                                    <option value="{{ $cargo->id }}">{{ $cargo->nombre }}</option>
-                                @endforeach
-                            </select>
-                            <button type="button" onclick="agregarEtiqueta('cargos', 'cargosAgregados')" class="bg-blue-500 text-white px-3 py-2 rounded-md">Agregar</button>
-                        </div>
-                        <div id="cargosAgregados" class="flex flex-wrap space-x-2 mt-2"></div>
-                    </div> -->
-
                     <!-- Campos a exportar -->
                     <div class="flex flex-col space-y-2">
                         <label for="exportar" class="text-gray-700 font-semibold">Campos:</label>
-                        <div class="flex space-x-2">
+                        <div class="flex space-x-2 w-full">
                             <select id="exportar" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md">
                                 <option value="" disabled selected>Selecciona los campos a exportar</option>
                                 <option value="todos">Todos</option>
@@ -97,7 +85,7 @@ class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md"
                     <!-- Tipo de archivo a exportar -->
                     <div class="flex flex-col space-y-2">
                         <label for="archivo" class="text-gray-700 font-semibold">Tipo de archivo:</label>
-                        <div class="flex space-x-2">
+                        <div class="flex space-x-2 w-full">
                             <select id="archivo" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md">
                                 <option value="" disabled selected>Selecciona el formato de archivo a exportar</option>
                                 <option value="ambos">Ambos</option>
@@ -125,11 +113,26 @@ class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md"
     <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
     <script src="/assets/js/highlight.min.js"></script>
 
+    <script src="/assets/js/nice-select2.js"></script>
     <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
     <link rel="stylesheet" href="/assets/css/jquery.toast.css">
     <script src="/assets/js/jquery.toast.js"></script>
 
     <script>
+        document.addEventListener("DOMContentLoaded", function(e){
+            var els = document.querySelectorAll(".selectize");
+            els.forEach(function(select){
+                NiceSelect.bind(select);
+            });
+        });
+
+        var options = {
+            searchable: true
+        };
+
+        NiceSelect.bind(document.getElementById("grupos"), options);
+        var subgrupo_select = NiceSelect.bind(document.getElementById("subgrupos"), options);
+
         let contactosSeleccionados = [];
         let listasSeleccion = [];
         let caracteristicasSeleccion = [];
@@ -277,10 +280,19 @@ function logData() {
         }
 
         async function cargarSubgrupos(grupoId) {
-            const response = await fetch(`/reportes/subgrupos/${grupoId}`);
-            const subgrupos = await response.json();
+            let subgrupos;
+            if(grupoId === ""){
+                subgrupos = @json($subgrupos);
+            }else{
+                const response = await fetch(`/reportes/subgrupos/${grupoId}`);
+                subgrupos = await response.json();
+            }
+            
 
             const subgruposSelect = document.getElementById('subgrupos');
+
+            subgrupo_select.destroy();
+
             subgruposSelect.innerHTML = '<option value="" disabled selected>Selecciona un subgrupo</option>'; // Limpiar los subgrupos previos
 
             subgrupos.forEach(subgrupo => {
@@ -289,6 +301,8 @@ function logData() {
                 option.textContent = subgrupo.nombre;
                 subgruposSelect.appendChild(option);
             });
+
+            subgrupo_select = NiceSelect.bind(subgruposSelect, options);
         }
     </script>
 
diff --git a/resources/views/adminGen/contactos/index.blade.php b/resources/views/adminGen/contactos/index.blade.php
index 13e9910637bce8e251af442422e4b85cbf559a35..55eb066ee3d0786ec9d2767910660e7d67b73647 100644
--- a/resources/views/adminGen/contactos/index.blade.php
+++ b/resources/views/adminGen/contactos/index.blade.php
@@ -47,7 +47,10 @@
             } else {
                 nombreCompleto = contacto.nombre;
             }
-            return [nombreCompleto, renderParameter(contacto.ap_paterno), renderParameter(contacto.ap_materno), renderParameter(contacto.cargo?.nombre), renderActions(contacto.id)];
+
+            return [nombreCompleto, renderParameter(contacto.ap_paterno), renderParameter(contacto.ap_materno), renderParameter(contacto.cargo?.nombre),
+            renderParameter(contacto.cargo_desc), renderParameter(contacto.grupos.map(grupo => grupo.nombre).join(', ')), 
+            renderParameter(contacto.subgrupos.map(subgrupo => subgrupo.nombre).join(', ')), renderActions(contacto.id)];
         });
 
         function renderActions(id) {
@@ -64,7 +67,7 @@ function renderActions(id) {
         }
 
         function renderParameter(parametro) {
-            if(parametro === null || parametro === undefined){
+            if(parametro === null || parametro === undefined || parametro === ""){
                 return `Sin información`;
             }else{
                return parametro;
@@ -74,7 +77,7 @@ function renderParameter(parametro) {
         document.addEventListener('DOMContentLoaded', () => {
             const datatable = new simpleDatatables.DataTable('#myTable', {
                 data: {
-                    headings: ['Nombre', 'Apellido paterno', 'Apellido materno', 'Cargo', 'Acciones'],
+                    headings: ['Nombre', 'Apellido paterno', 'Apellido materno', 'Cargo', 'Descripción del cargo', 'Grupos', 'Subgrupos', 'Acciones'],
                     data: data
                 },
                 perPage: 10,
diff --git a/resources/views/adminGen/listas/show.blade.php b/resources/views/adminGen/listas/show.blade.php
index bc79f7aadbee4585324fa992cec354f118c48638..bf78bc4540d06bf544682a03e36c1ea07c02d032 100644
--- a/resources/views/adminGen/listas/show.blade.php
+++ b/resources/views/adminGen/listas/show.blade.php
@@ -14,6 +14,58 @@
         </ul>
         <div class="pt-5">
             <div class="grid grid-cols-1 lg:grid-cols-3 xl:grid-cols-4 gap-5 mb-5">
+                <div class="panel lg:col-span-4 xl:col-span-4">
+                    <div class="mb-5">
+                        <h5 class="font-semibold text-lg dark:text-white-light">Exportar datos</h5>
+                    </div>
+                    <div class="mb-5">
+                        <div class="text-[#515365] dark:text-white-light font-semibold p-4 bg-white rounded-lg shadow">
+                            <form method="GET" action="" class="space-y-4" onsubmit="event.preventDefault(); logData();">
+                                <!-- Contenedor de selects alineados -->
+                                <div class="grid grid-cols-2 gap-4 items-center">
+
+                                    <!-- Tipo de archivo a exportar -->
+                                    <div>
+                                        <label for="archivo" class="text-gray-700 font-semibold block mb-1">Tipo de archivo:</label>
+                                        <select id="archivo" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500">
+                                            <option value="" disabled selected>Selecciona el formato de archivo a exportar</option>
+                                            <option value="ambos">Ambos</option>
+                                            <option value="pdf">PDF</option>
+                                            <option value="excel">Excel</option>
+                                        </select>
+                                    </div>
+
+                                    <!-- Campos a exportar -->
+                                    <div>
+                                        <label for="exportar" class="text-gray-700 font-semibold block mb-1">Campos:</label>
+                                        <div class="flex items-center space-x-2">
+                                            <select id="exportar" class="w-full px-3 py-2 bg-white border border-gray-300 rounded-md focus:ring-2 focus:ring-blue-500">
+                                                <option value="" disabled selected>Selecciona los campos a exportar</option>
+                                                <option value="todos">Todos</option>
+                                                <option value="conyuge">Cónyuge</option>
+                                                <option value="domicilio">Domicilio</option>
+                                                <option value="cumpleanos">Cumpleaños</option>
+                                                <option value="email">Correo electrónico</option>
+                                                <option value="telefonos">Teléfonos</option>
+                                            </select>
+                                            <button type="button" onclick="agregarEtiqueta('exportar', 'exportarAgregados')" class="bg-blue-500 text-white px-3 py-2 rounded-md shadow hover:bg-blue-600 transition">
+                                                Agregar
+                                            </button>
+                                        </div>
+                                    </div>
+                                    <div id="exportarAgregados" class="flex flex-wrap gap-2 mt-2"></div>
+                                </div>
+
+                                <!-- Botón para aplicar filtros -->
+                                <div class="flex justify-end">
+                                    <button type="submit" class="px-4 py-2 bg-blue-500 text-white font-semibold rounded-md shadow hover:bg-blue-600 transition">
+                                        Aplicar Filtros
+                                    </button>
+                                </div>
+                            </form>
+                        </div>
+                    </div>
+                </div>
                 <div class="panel lg:col-span-2 xl:col-span-2">
                     <div class="mb-5">
                         <h5 class="font-semibold text-lg dark:text-white-light">Grupos</h5>
@@ -93,5 +145,153 @@ class="btn btn-primary">
                 </a>
             </div>
         </div>
+        <div id="loader-container" class="fixed inset-0 flex items-center justify-center bg-gray-500 bg-opacity-75 hidden">
+            <span id="loader" class="animate-spin border-8 border-gray-300 border-l-[#780005] border-r-[#780005] rounded-full w-14 h-14"></span>
+        </div>
     </div>
-</x-layout.default>
+
+    <link rel="stylesheet" href="{{ Vite::asset('resources/css/highlight.min.css') }}">
+    <script src="/assets/js/highlight.min.js"></script>
+
+    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
+    <link rel="stylesheet" href="/assets/css/jquery.toast.css">
+    <script src="/assets/js/jquery.toast.js"></script>
+    <script>
+        let exportarSeleccion = [];
+        function agregarEtiqueta(selectId, containerId){
+            const select = document.getElementById(selectId);
+            const selectedOption = select.options[select.selectedIndex];
+
+            if(selectedOption && selectedOption.value){
+                const container = document.getElementById(containerId);
+                const etiquetaId = `${selectId}-${selectedOption.value}`;
+
+                if(!document.getElementById(etiquetaId)){
+                    switch(selectId){
+                        case 'exportar':
+                            exportarSeleccion.push(selectedOption.value);
+                            break;
+                        default:
+                            break;
+                    }
+
+                    const etiqueta = document.createElement('div');
+                    etiqueta.id = etiquetaId;
+                    etiqueta.classList.add('inline-block', 'bg-gray-200', 'px-4', 'py-2', 'rounded', 'mr-2', 'mt-2');
+                    etiqueta.innerHTML = `${selectedOption.text} <button type="button" onclick="eliminarEtiqueta('${etiquetaId}')" class="text-red-500">x</button>`;
+
+                    const inputHidden = document.createElement('input');
+                    inputHidden.type = 'hidden';
+                    inputHidden.name = `${selectId}[]`;
+                    inputHidden.value = selectedOption.value;
+                    etiqueta.appendChild(inputHidden);
+
+                    container.appendChild(etiqueta);
+                    select,selectedIndex = 0;
+                }
+            }
+        }
+
+        function eliminarEtiqueta(etiquetaId){
+            const etiqueta = document.getElementById(etiquetaId);
+            if(etiqueta){
+                etiqueta.remove();
+
+                const [selectId, value] = etiquetaId.split('-');
+                switch(selectId){
+                    case 'exportar':
+                        exportarSeleccion = exportarSeleccion.filter(item => item !== value);
+                        break;
+                    default:
+                        break;
+                }
+            }
+        }
+
+        function logData(){
+            const select = document.getElementById('archivo');
+            const selectedOption = select.options[select.selectedIndex];
+
+            const data = {
+                archivo: selectedOption.value,
+                exportar: exportarSeleccion,
+                id: {{$lista->id}},
+            };
+
+            document.getElementById('loader-container').classList.remove('hidden');
+            document.querySelector('form').classList.add('pointer-events-none');
+
+            fetch('/reportes/listas/exportar', {
+                method: 'POST',
+                body: JSON.stringify(data),
+                headers:{
+                    "Content-Type": "application/json; charset=utf-8",
+                    "X-CSRF-TOKEN": "{{ csrf_token() }}"
+                }
+            })
+            .then(response => {
+                if(!response.ok){
+                    return response.json().then(err => {
+                        throw err;
+                    });
+                }
+
+                const contentDisposition = response.headers.get('Content-Disposition');
+                let filename = "reporte.xlsx";
+                if(contentDisposition){
+                    const match = contentDisposition.match(/filename="?([^"]+)"?/);
+                    if(match && match[1]){
+                        filename = match[1];
+                    }
+                }
+
+                return response.blob().then(blob => ({blob, filename}));
+            })
+            .then(({blob, filename}) => {
+                const url = window.URL.createObjectURL(blob);
+                const link = document.createElement('a');
+                link.href = url;
+                link.download = filename;
+                document.body.appendChild(link);
+                link.click();
+                link.remove();
+                window.URL.revokeObjectURL(url);
+            })
+            .catch(err => {
+                showToast(err, 'Error.', 'error');
+            })
+            .finally(() => {
+                document.getElementById('loader-container').classList.add('hidden');
+                document.querySelector('form').classList.remove('pointer-events-none');
+            });
+        }
+
+
+        function showToast(message, heading, icon) {
+            $.toast({
+                heading: heading,
+                text: message,
+                showHideTransition: 'slide',
+                icon: icon,
+                position: 'top-right',
+                loader: false,
+                hideAfter: 10000, 
+                allowToastClose: true,
+                textColor: '#676767',
+            });
+        }
+
+        document.addEventListener('DOMContentLoaded', function() {
+            @if(session('success'))
+            // Muestra el mensaje de éxito utilizando showMessage
+                showToast("{{ session('success') }}", 'Exito.', 'success')
+            @endif
+
+            @if($errors->any())
+                @foreach($errors->all() as $error)
+                    showToast(`{{ $error }}`, 'Error.', 'error');
+                @endforeach
+            @endif
+        });
+    </script>
+</x-layout.default>
\ No newline at end of file
diff --git a/resources/views/dashboard.blade.php b/resources/views/dashboard.blade.php
index 0be8d579d446225ca6d3c1c697cbacce23b39bd7..b7096fbeea19d68836e4d9d9b4530a0b8211870c 100644
--- a/resources/views/dashboard.blade.php
+++ b/resources/views/dashboard.blade.php
@@ -56,7 +56,14 @@ class="form-input" placeholder="Event Start Date" x-model="params.start"
                                             <div class="text-danger mt-2" id="startDateErr"></div>
                                         </div>
                                         <div class="mb-5">
-                                            <label for="description">Descripción :</label>
+                                            <label for="cargo">Cargo :</label>
+                                            <input disabled id="cargo" type="text" name="cargo" id="cargo"
+                                                class="form-input" placeholder="Enter Event cargo"
+                                                x-model="params.cargo" required />
+                                            <div class="text-danger mt-2" id="cargoErr"></div>
+                                        </div>
+                                        <div class="mb-5">
+                                            <label for="description">Descripción del cargo:</label>
                                             <textarea disabled id="description" name="description" id="description" class="form-textarea min-h-[130px]"
                                                 placeholder="Enter Event Description" x-model="params.description"></textarea>
                                         </div>
@@ -83,6 +90,7 @@ class="form-input" placeholder="Event Start Date" x-model="params.start"
                     start: '',
                     end: '',
                     description: '',
+                    cargo: '',
                     type: 'primary'
                 }),
                 params: {
@@ -91,6 +99,7 @@ class="form-input" placeholder="Event Start Date" x-model="params.start"
                     start: '',
                     end: '',
                     description: '',
+                    cargo: '',
                     type: 'primary'
                 },
                 isAddEventModal: false,
@@ -157,6 +166,7 @@ class="form-input" placeholder="Event Start Date" x-model="params.start"
                             end: obj.start,
                             type: obj.classNames ? obj.classNames[0] : 'primary',
                             description: obj.extendedProps ? obj.extendedProps.description : '',
+                            cargo: obj.extendedProps ? obj.extendedProps.cargo : '',
                         };
                         this.minStartDate = new Date();
                         this.minEndDate = new Date();