diff --git a/backend/api/v1/modules/public/reference_data/countries/routes.py b/backend/api/v1/modules/public/reference_data/countries/routes.py
index 626028b9..4bd30d05 100644
--- a/backend/api/v1/modules/public/reference_data/countries/routes.py
+++ b/backend/api/v1/modules/public/reference_data/countries/routes.py
@@ -16,8 +16,8 @@ async def list_countries(
     page: int = Query(1, ge=1, description="Número de página"),
     page_size: int = Query(50, ge=1, le=100, description="Tamaño de página"),
     db: Session = Depends(get_core_db),
-    current_user: dict = Depends(get_current_user),
 ):
+    """Endpoint público para obtener lista de países - no requiere autenticación"""
     skip = (page - 1) * page_size
     query = db.query(Country)
     items = query.offset(skip).limit(page_size).all()
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte
index 8cbce24e..90143061 100644
--- a/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/contributions-tab-form.svelte
@@ -51,6 +51,14 @@
 		abreviacion: string;
 		forma_pago_2: string;
 		importe_2: number;
+		contribuciones_generales?: Array<{
+			pedimento_sys_id: string;
+			clave_contribucion: string;
+			clave_tasa: string;
+			tasa_contribucion: number;
+			clave_forma_pago: string;
+			importe_contribucion: number;
+		}>;
 	}
 
 	interface ContribucionGeneral {
@@ -132,6 +140,16 @@
 	// Estados para contribuciones generales (dentro del diálogo)
 	let isContribGenDialogOpen = $state(false);
 	let editingContribGenIndex = $state<number | null>(null);
+	
+	// Estado temporal para contribución general dentro del diálogo de contribución
+	let tempContribGen = $state({
+		pedimento_sys_id: '',
+		clave_contribucion: '',
+		clave_tasa: '',
+		tasa_contribucion: 0,
+		clave_forma_pago: '',
+		importe_contribucion: 0
+	});
 
 	let currentContribucion = $state<Contribucion>({
 		contribucion: '',
@@ -142,7 +160,8 @@
 		gravamen: '',
 		abreviacion: '',
 		forma_pago_2: '',
-		importe_2: 0
+		importe_2: 0,
+		contribuciones_generales: []
 	});
 
 	let currentContribGen = $state<ContribucionGeneral>({
@@ -165,7 +184,8 @@
 			gravamen: '',
 			abreviacion: '',
 			forma_pago_2: '',
-			importe_2: 0
+			importe_2: 0,
+			contribuciones_generales: []
 		};
 		isDialogOpen = true;
 	}
@@ -194,6 +214,34 @@
 		}
 	}
 
+	// Funciones para Contribuciones Generales (Registro 510) dentro del diálogo de contribución
+	function openNewContribGenInDialog() {
+		tempContribGen = {
+			pedimento_sys_id: '',
+			clave_contribucion: '',
+			clave_tasa: '',
+			tasa_contribucion: 0,
+			clave_forma_pago: '',
+			importe_contribucion: 0
+		};
+		isContribGenDialogOpen = true;
+	}
+
+	function saveContribGenInDialog() {
+		if (!currentContribucion.contribuciones_generales) {
+			currentContribucion.contribuciones_generales = [];
+		}
+		currentContribucion.contribuciones_generales.push({
+			pedimento_sys_id: tempContribGen.pedimento_sys_id,
+			clave_contribucion: tempContribGen.clave_contribucion,
+			clave_tasa: tempContribGen.clave_tasa,
+			tasa_contribucion: tempContribGen.tasa_contribucion,
+			clave_forma_pago: tempContribGen.clave_forma_pago,
+			importe_contribucion: tempContribGen.importe_contribucion
+		});
+		isContribGenDialogOpen = false;
+	}
+
 	// Funciones para Contribuciones Generales (Registro 510)
 	function openNewContribGen() {
 		editingContribGenIndex = null;
@@ -527,24 +575,27 @@
 
 <!-- Dialog para Contribuciones -->
 <Dialog bind:open={isDialogOpen}>
-	<DialogContent class="max-w-3xl">
+	<DialogContent class="max-w-2xl max-h-[90vh] overflow-y-auto">
 		<DialogHeader>
 			<DialogTitle>
 				{editingIndex !== null ? 'Editar Contribución' : 'Nueva Contribución'}
 			</DialogTitle>
 		</DialogHeader>
 
-		<div class="grid gap-4 py-4">
-			<div class="grid grid-cols-2 gap-4">
+		<div class="space-y-6 py-4">
+			<!-- Tasas Pedimento - Registro 509 -->
+			<div class="space-y-4">
+				<h3 class="font-semibold text-sm">Tasas Pedimento - Registro 509</h3>
+				
 				<div class="space-y-2">
-					<Label for="contribucion">Contribución *</Label>
+					<Label for="contribucion">Contribución:</Label>
 					<Select.Root
 						type="single"
 						value={currentContribucion.contribucion}
 						onValueChange={(v: string | undefined) => v && (currentContribucion.contribucion = v)}
 					>
 						<Select.Trigger id="contribucion">
-							<span class="truncate">{currentContribucion.contribucion || 'Seleccionar contribución'}</span>
+							<span class="truncate">{currentContribucion.contribucion || 'Seleccionar'}</span>
 						</Select.Trigger>
 						<Select.Content>
 							{#each opcionesContribuciones as opcion}
@@ -553,150 +604,169 @@
 						</Select.Content>
 					</Select.Root>
 				</div>
+
 				<div class="space-y-2">
-					<Label for="tipo_tasa">T.T. (Tipo de Tasa) *</Label>
-					<Input id="tipo_tasa" bind:value={currentContribucion.tipo_tasa} placeholder="Tipo" />
+					<Label for="tipo_tasa">Tipo de Tasa:</Label>
+					<div class="flex gap-2">
+						<Select.Root
+							type="single"
+							value={currentContribucion.tipo_tasa}
+							onValueChange={(v: string | undefined) => v && (currentContribucion.tipo_tasa = v)}
+						>
+							<Select.Trigger id="tipo_tasa" class="flex-1">
+								<span class="truncate">{currentContribucion.tipo_tasa || 'Seleccionar'}</span>
+							</Select.Trigger>
+							<Select.Content>
+							<Select.Item value="Porcentual">Porcentual</Select.Item>
+							<Select.Item value="Especifico">Específico</Select.Item>
+							<Select.Item value="CuotaMinimaDTA">Cuota minima (DTA)</Select.Item>
+							<Select.Item value="CuotaFijaDTA">Cuota fija (DTA)</Select.Item>
+							<Select.Item value="TasaDescuentoAdValorem">Tasa de descuento sobre ad valorem</Select.Item>
+							<Select.Item value="FactorAplicacionTIGIE">Factor de aplicación sobre tigie.</Select.Item>
+							<Select.Item value="AlMillarDTA">Al millar (DTA)</Select.Item>
+							<Select.Item value="TasaDescuentoArancelEspecifico">Tasa de descuento sobre el arancel específico</Select.Item>
+							<Select.Item value="TasaEspecificaPreciosReferencia">Tasa especifica sobre precios de referencia</Select.Item>
+							<Select.Item value="TasaEspecificaPreciosReferenciaUM">Tasa especifica sobre precios de referencia con UM</Select.Item>
+						</Select.Content>
+					</Select.Root>
+					<Button size="icon" variant="outline">
+						<Plus class="h-4 w-4" />
+					</Button>
 				</div>
 			</div>
 
-			<div class="grid grid-cols-3 gap-4">
-				<div class="space-y-2">
-					<Label for="tasa">Tasa *</Label>
-					<Input
-						id="tasa"
-						type="number"
-						step="0.00001"
-						bind:value={currentContribucion.tasa}
-						placeholder="0.00000"
-					/>
-				</div>
-				<div class="space-y-2">
-					<Label for="forma_pago">F.P. (Forma de Pago) *</Label>
-					<Input id="forma_pago" bind:value={currentContribucion.forma_pago} placeholder="FP" />
-				</div>
-				<div class="space-y-2">
-					<Label for="importe">Importe *</Label>
-					<Input
-						id="importe"
-						type="number"
-						step="0.01"
-						bind:value={currentContribucion.importe}
-						placeholder="0.00"
-					/>
-				</div>
-			</div>
+			<div class="space-y-2">
+				<Label for="tasa">Tasa:</Label>
+				<Input
+					id="tasa"
+step="0.00001"
+bind:value={currentContribucion.tasa}
+placeholder="0.00000"
+/>
+</div>
+</div>
 
-			<div class="grid grid-cols-2 gap-4">
-				<div class="space-y-2">
-					<Label for="gravamen">Gravamen</Label>
-					<Input id="gravamen" bind:value={currentContribucion.gravamen} placeholder="Gravamen" />
-				</div>
-				<div class="space-y-2">
-					<Label for="abreviacion">Abreviación</Label>
-					<Input
-						id="abreviacion"
-						bind:value={currentContribucion.abreviacion}
-						placeholder="Abreviación"
-					/>
-				</div>
-			</div>
+<!-- Contribuciones Generales - Registro 510 -->
+<div class="space-y-4">
+<h3 class="font-semibold text-sm">Contribuciones Generales - Registro 510</h3>
 
-			<div class="grid grid-cols-2 gap-4">
-				<div class="space-y-2">
-					<Label for="forma_pago_2">F.P. 2</Label>
-					<Input id="forma_pago_2" bind:value={currentContribucion.forma_pago_2} placeholder="FP" />
+				<div class="border rounded-md">
+					<Table>
+						<TableHeader>
+							<TableRow>
+								<TableHead>Clave Contribución</TableHead>
+								<TableHead>Forma de Pago</TableHead>
+								<TableHead class="text-right">Importe</TableHead>
+							</TableRow>
+						</TableHeader>
+						<TableBody>
+							{#if !currentContribucion.contribuciones_generales || currentContribucion.contribuciones_generales.length === 0}
+								<TableRow>
+									<TableCell colspan={3} class="text-center text-muted-foreground py-4">
+										Sin registros
+									</TableCell>
+								</TableRow>
+							{:else}
+								{#each currentContribucion.contribuciones_generales as contribGen, index}
+									<TableRow>
+										<TableCell>{contribGen.clave_contribucion}</TableCell>
+									<TableCell>{contribGen.clave_forma_pago}</TableCell>
+									<TableCell class="text-right">
+										{contribGen.importe_contribucion.toLocaleString('es-MX', {
+												minimumFractionDigits: 2,
+												maximumFractionDigits: 2
+											})}
+										</TableCell>
+									</TableRow>
+								{/each}
+							{/if}
+						</TableBody>
+					</Table>
 				</div>
-				<div class="space-y-2">
-					<Label for="importe_2">Importe 2</Label>
-					<Input
-						id="importe_2"
-						type="number"
-						step="0.01"
-						bind:value={currentContribucion.importe_2}
-						placeholder="0.00"
-					/>
+
+				<div class="flex gap-2">
+					<Button size="sm" variant="outline" onclick={openNewContribGenInDialog}>
+						<Plus class="h-4 w-4 mr-1" /> Nuevo
+					</Button>
+					<Button size="sm" variant="outline" disabled>
+						<Pencil class="h-4 w-4 mr-1" /> Editar
+					</Button>
+					<Button size="sm" variant="outline" disabled>
+						<Trash2 class="h-4 w-4 mr-1" /> Borrar
+					</Button>
 				</div>
 			</div>
 		</div>
 
 		<DialogFooter>
 			<Button variant="outline" onclick={() => (isDialogOpen = false)}>Cancelar</Button>
-			<Button
-				onclick={saveContribucion}
-				disabled={!currentContribucion.contribucion ||
-					!currentContribucion.tipo_tasa ||
-					!currentContribucion.forma_pago}
-			>
-				{editingIndex !== null ? 'Actualizar' : 'Guardar'}
-			</Button>
+			<Button onclick={saveContribucion}>Aceptar</Button>
 		</DialogFooter>
 	</DialogContent>
 </Dialog>
 
-<!-- Dialog para Contribución General (510) -->
+<!-- Dialog para Contribución General (510) dentro del diálogo de Contribución -->
 <Dialog bind:open={isContribGenDialogOpen}>
 	<DialogContent class="max-w-md">
 		<DialogHeader>
-			<DialogTitle>
-				{editingContribGenIndex !== null ? 'Editar Contribución General' : 'Nueva Contribución General'}
-			</DialogTitle>
+			<DialogTitle>Insertando</DialogTitle>
 		</DialogHeader>
 
 		<div class="space-y-4 py-4">
 			<div class="space-y-2">
-				<Label for="pedimento_sys_id">PedimentoSysID:</Label>
+				<Label for="pedimento_sys_id_temp">PedimentoSysID:</Label>
 				<Input
-					id="pedimento_sys_id"
-					bind:value={currentContribGen.pedimento_sys_id}
-					placeholder="39,637"
+					id="pedimento_sys_id_temp"
+					bind:value={tempContribGen.pedimento_sys_id}
+					placeholder="39,641"
 				/>
 			</div>
 
 			<div class="space-y-2">
-				<Label for="clave_contribucion_gen">Clave de Contribución:</Label>
+				<Label for="clave_contribucion_temp">Clave de Contribución:</Label>
 				<Input
-					id="clave_contribucion_gen"
-					bind:value={currentContribGen.clave_contribucion}
+					id="clave_contribucion_temp"
+					bind:value={tempContribGen.clave_contribucion}
 					placeholder="0"
 				/>
 			</div>
 
 			<div class="space-y-2">
-				<Label for="clave_tasa">Clave de Tasa:</Label>
+				<Label for="clave_tasa_temp">Clave de Tasa:</Label>
 				<Input
-					id="clave_tasa"
-					bind:value={currentContribGen.clave_tasa}
+					id="clave_tasa_temp"
+					bind:value={tempContribGen.clave_tasa}
 					placeholder=""
 				/>
 			</div>
 
 			<div class="space-y-2">
-				<Label for="tasa_contribucion">Tasa de Contribución:</Label>
+				<Label for="tasa_contribucion_temp">Tasa de Contribución:</Label>
 				<Input
-					id="tasa_contribucion"
+					id="tasa_contribucion_temp"
 					type="number"
 					step="0.00001"
-					bind:value={currentContribGen.tasa_contribucion}
+					bind:value={tempContribGen.tasa_contribucion}
 					placeholder="0.00000"
 				/>
 			</div>
 
 			<div class="space-y-2">
-				<Label for="clave_forma_pago_gen">Clave Forma de Pago:</Label>
+				<Label for="clave_forma_pago_temp">Clave Forma de Pago:</Label>
 				<Input
-					id="clave_forma_pago_gen"
-					bind:value={currentContribGen.clave_forma_pago}
+					id="clave_forma_pago_temp"
+					bind:value={tempContribGen.clave_forma_pago}
 					placeholder="0"
 				/>
 			</div>
 
 			<div class="space-y-2">
-				<Label for="importe_contribucion_gen">Importe de Contribución:</Label>
+				<Label for="importe_contribucion_temp">Importe de Contribución:</Label>
 				<Input
-					id="importe_contribucion_gen"
+					id="importe_contribucion_temp"
 					type="number"
 					step="0.01"
-					bind:value={currentContribGen.importe_contribucion}
+					bind:value={tempContribGen.importe_contribucion}
 					placeholder="0"
 				/>
 			</div>
@@ -704,12 +774,7 @@
 
 		<DialogFooter>
 			<Button variant="outline" onclick={() => (isContribGenDialogOpen = false)}>Cancelar</Button>
-			<Button
-				onclick={saveContribGen}
-				disabled={!currentContribGen.clave_contribucion}
-			>
-				{editingContribGenIndex !== null ? 'Actualizar' : 'Guardar'}
-			</Button>
+			<Button onclick={saveContribGenInDialog}>Aceptar</Button>
 		</DialogFooter>
 	</DialogContent>
 </Dialog>
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte
index 87a72b7c..053c3f74 100644
--- a/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/package-transportation-tab-form.svelte
@@ -27,6 +27,7 @@
 		Copy,
 		Upload
 	} from 'lucide-svelte';
+	import { onMount } from 'svelte';
 
 	interface Transporte {
 		id?: number;
@@ -115,12 +116,276 @@
 		};
 	});
 
+	// Cargar países al montar el componente
+	onMount(async () => {
+		try {
+			console.log('🌍 Cargando todos los países desde la base de datos...');
+			const response = await fetch('/api-sveltekit/countries');
+			
+			if (!response.ok) {
+				console.error('❌ Error al cargar países:', response.status);
+				return;
+			}
+			
+			const data = await response.json();
+			countries = data;
+			console.log('✅ Países cargados:', countries.length);
+		} catch (error) {
+			console.error('❌ Error al cargar países:', error);
+		}
+	});
+
 	// Estados para diálogos
 	let isTransporteDialogOpen = $state(false);
 	let isPrecintoDialogOpen = $state(false);
 	let isContenedorDialogOpen = $state(false);
 	let isTransportesPrecintosDialogOpen = $state(false);
 	let isGuiasDialogOpen = $state(false);
+	let isTransportistasDialogOpen = $state(false);
+	let isTransportistaFormDialogOpen = $state(false);
+	let isGafeteDialogOpen = $state(false);
+	let editingGafeteIndex = $state<number | null>(null);
+
+	// Estado para gafete actual
+	let currentGafete = $state({
+		claveTransportista: '',
+		linea: '',
+		numeroGafeteUnico: '',
+		nombreTransportista: ''
+	});
+
+	// Catálogo de transportistas (datos del catálogo del sistema)
+	let transportistasCatalog = $state<any[]>([
+		{
+			id: 1,
+			clave: '159A',
+			nombre: 'MANUEL ALEJANDRO VENGA',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: 'MEX',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 2,
+			clave: '159T',
+			nombre: 'TRANSPORTES HERMA',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 3,
+			clave: '159V',
+			nombre: 'Concepción Peña Grijalva',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 4,
+			clave: '158A',
+			nombre: 'PERALTA',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 5,
+			clave: '15C1',
+			nombre: 'MOLSA MOVIMIENTO LOGISTI',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 6,
+			clave: '15CG',
+			nombre: 'UNION DE FLETEROS DE TAN',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 7,
+			clave: '15D5',
+			nombre: 'Carlos Alejandro Baeta Sánchez',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 8,
+			clave: '15E6',
+			nombre: 'JUAN SEBASTIAN MERA',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 9,
+			clave: '15FB',
+			nombre: 'FLORENTIN N HERNANDEZ',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 10,
+			clave: '15G0',
+			nombre: 'JOSE GABRIEL ZEPEDA DIAZ',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 11,
+			clave: '15G2',
+			nombre: 'PERALTA',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 12,
+			clave: '15I9',
+			nombre: 'Blanca Fabiola Figueroa Mende',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: 'MEX',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 13,
+			clave: '15JD',
+			nombre: 'José García Cruz',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		},
+		{
+			id: 14,
+			clave: '15JF',
+			nombre: 'TRANSPORTES ESPAÑA',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: '',
+			telefono: '',
+			caat_code: '',
+			gafetes: []
+		}
+	]);
+	let searchTransportista = $state('');
+	let currentCatalogoTransportista = $state<any | null>(null);
+	let editingTransportistaIndex = $state<number | null>(null);
+
+	// Filtrar transportistas según búsqueda
+	let filteredTransportistas = $derived(
+		transportistasCatalog.filter((t) => {
+			if (!searchTransportista) return true;
+			const search = searchTransportista.toLowerCase();
+			return (
+				t.clave?.toLowerCase().includes(search) ||
+				t.nombre?.toLowerCase().includes(search) ||
+				t.rfc?.toLowerCase().includes(search)
+			);
+		})
+	);
+
+	// Lista de países desde el backend
+	let countries = $state<Array<{m3_key: string; description_es: string}>>([]);
+	let searchCountry = $state('');
+	let showCountryDropdown = $state(false);
+
+	// Filtrar países según búsqueda
+	let filteredCountries = $derived(
+		countries.filter((c) => {
+			if (!searchCountry) return true;
+			const search = searchCountry.toLowerCase();
+			return (
+				c.description_es?.toLowerCase().includes(search) ||
+				c.m3_key?.toLowerCase().includes(search)
+			);
+		})
+	);
 
 	// Estados para diálogo de Transportes y Precintos separados por comas
 	let transportesPrecintosData = $state({
@@ -181,38 +446,38 @@
 	];
 
 	const estadosMexico = [
-		'Aguascalientes',
-		'Baja California',
-		'Baja California Sur',
-		'Campeche',
-		'Chiapas',
-		'Chihuahua',
-		'Ciudad de México',
-		'Coahuila',
-		'Colima',
-		'Durango',
-		'Guanajuato',
-		'Guerrero',
-		'Hidalgo',
-		'Jalisco',
-		'México',
-		'Michoacán',
-		'Morelos',
-		'Nayarit',
-		'Nuevo León',
-		'Oaxaca',
-		'Puebla',
-		'Querétaro',
-		'Quintana Roo',
-		'San Luis Potosí',
-		'Sinaloa',
-		'Sonora',
-		'Tabasco',
-		'Tamaulipas',
-		'Tlaxcala',
-		'Veracruz',
-		'Yucatán',
-		'Zacatecas'
+		{ clave: 'AGS', nombre: 'Aguascalientes' },
+		{ clave: 'BC', nombre: 'Baja California' },
+		{ clave: 'BCS', nombre: 'Baja California Sur' },
+		{ clave: 'CAM', nombre: 'Campeche' },
+		{ clave: 'CHS', nombre: 'Chiapas' },
+		{ clave: 'CHI', nombre: 'Chihuahua' },
+		{ clave: 'CDMX', nombre: 'Ciudad de México' },
+		{ clave: 'COA', nombre: 'Coahuila' },
+		{ clave: 'COL', nombre: 'Colima' },
+		{ clave: 'DGO', nombre: 'Durango' },
+		{ clave: 'GTO', nombre: 'Guanajuato' },
+		{ clave: 'GRO', nombre: 'Guerrero' },
+		{ clave: 'HGO', nombre: 'Hidalgo' },
+		{ clave: 'JAL', nombre: 'Jalisco' },
+		{ clave: 'MEX', nombre: 'México' },
+		{ clave: 'MIC', nombre: 'Michoacán' },
+		{ clave: 'MOR', nombre: 'Morelos' },
+		{ clave: 'NAY', nombre: 'Nayarit' },
+		{ clave: 'NL', nombre: 'Nuevo León' },
+		{ clave: 'OAX', nombre: 'Oaxaca' },
+		{ clave: 'PUE', nombre: 'Puebla' },
+		{ clave: 'QRO', nombre: 'Querétaro' },
+		{ clave: 'QR', nombre: 'Quintana Roo' },
+		{ clave: 'SLP', nombre: 'San Luis Potosí' },
+		{ clave: 'SIN', nombre: 'Sinaloa' },
+		{ clave: 'SON', nombre: 'Sonora' },
+		{ clave: 'TAB', nombre: 'Tabasco' },
+		{ clave: 'TAM', nombre: 'Tamaulipas' },
+		{ clave: 'TLX', nombre: 'Tlaxcala' },
+		{ clave: 'VER', nombre: 'Veracruz' },
+		{ clave: 'YUC', nombre: 'Yucatán' },
+		{ clave: 'ZAC', nombre: 'Zacatecas' }
 	];
 
 	const tiposContenedor = [
@@ -328,7 +593,13 @@
 	}
 
 	function saveGuia() {
-		if (!formData?.guias) return;
+		if (!formData) return;
+		
+		// Asegurar que existe el array de guías
+		if (!formData.guias) {
+			formData.guias = [];
+		}
+		
 		if (editingGuiaIndex !== null) {
 			formData.guias[editingGuiaIndex] = { ...currentGuia };
 		} else {
@@ -402,6 +673,119 @@
 		}
 	}
 
+	// Funciones para gestionar catálogo de transportistas
+	function openNewTransportistaForm() {
+		currentCatalogoTransportista = {
+			clave: '',
+			nombre: '',
+			rfc: '',
+			curp: '',
+			domicilio: '',
+			ciudad: '',
+			estado: '',
+			pais: ''
+		};
+		editingTransportistaIndex = null;
+		isTransportistaFormDialogOpen = true;
+	}
+
+	function editCatalogoTransportista(index: number) {
+		currentCatalogoTransportista = { ...transportistasCatalog[index] };
+		editingTransportistaIndex = index;
+		isTransportistaFormDialogOpen = true;
+	}
+
+	function saveCatalogoTransportista() {
+		if (editingTransportistaIndex !== null) {
+			transportistasCatalog[editingTransportistaIndex] = { ...currentCatalogoTransportista };
+		} else {
+			transportistasCatalog.push({ ...currentCatalogoTransportista, id: Date.now() });
+		}
+		isTransportistaFormDialogOpen = false;
+		currentCatalogoTransportista = null;
+		editingTransportistaIndex = null;
+	}
+
+	function deleteCatalogoTransportista(index: number) {
+		if (confirm('¿Está seguro de eliminar este transportista?')) {
+			transportistasCatalog.splice(index, 1);
+		}
+	}
+
+	function selectTransportista(transportista: any) {
+		currentTransporte.transportista = transportista.nombre;
+		currentTransporte.rfc = transportista.rfc;
+		currentTransporte.curp = transportista.curp || '';
+		isTransportistasDialogOpen = false;
+	}
+
+	// Funciones para gafetes
+	function openNewGafeteDialog() {
+		editingGafeteIndex = null;
+		currentGafete = {
+			claveTransportista: currentCatalogoTransportista?.clave || '',
+			linea: '0',
+			numeroGafeteUnico: '',
+			nombreTransportista: currentCatalogoTransportista?.nombre || ''
+		};
+		isGafeteDialogOpen = true;
+	}
+
+	function editGafete(index: number) {
+		if (!currentCatalogoTransportista?.gafetes) return;
+		editingGafeteIndex = index;
+		const gafete = currentCatalogoTransportista.gafetes[index];
+		currentGafete = {
+			claveTransportista: currentCatalogoTransportista.clave || '',
+			linea: gafete.linea.toString(),
+			numeroGafeteUnico: gafete.numeroGafeteUnico,
+			nombreTransportista: gafete.nombreTransportista
+		};
+		isGafeteDialogOpen = true;
+	}
+
+	function deleteGafete(index: number) {
+		if (!currentCatalogoTransportista?.gafetes) return;
+		
+		if (!confirm('¿Está seguro de que desea borrar este gafete?')) {
+			return;
+		}
+		
+		currentCatalogoTransportista.gafetes.splice(index, 1);
+		// Reordenar las líneas
+		currentCatalogoTransportista.gafetes.forEach((gafete: any, i: number) => {
+			gafete.linea = i + 1;
+		});
+	}
+
+	function saveGafete() {
+		if (!currentCatalogoTransportista) return;
+		
+		// Asegurar que existe el array de gafetes
+		if (!currentCatalogoTransportista.gafetes) {
+			currentCatalogoTransportista.gafetes = [];
+		}
+		
+		if (editingGafeteIndex !== null) {
+			// Editar gafete existente
+			currentCatalogoTransportista.gafetes[editingGafeteIndex] = {
+				linea: currentCatalogoTransportista.gafetes[editingGafeteIndex].linea,
+				numeroGafeteUnico: currentGafete.numeroGafeteUnico,
+				nombreTransportista: currentGafete.nombreTransportista
+			};
+		} else {
+			// Agregar nuevo gafete
+			currentCatalogoTransportista.gafetes.push({
+				linea: currentCatalogoTransportista.gafetes.length + 1,
+				numeroGafeteUnico: currentGafete.numeroGafeteUnico,
+				nombreTransportista: currentGafete.nombreTransportista
+			});
+		}
+		
+		editingGafeteIndex = null;
+		isGafeteDialogOpen = false;
+	}
+
 	// Funciones para Contenedores
 	function openNewContenedor() {
 		editingContenedorIndex = null;
@@ -539,7 +923,7 @@
 							{:else}
 								{#each formData.transportes as transporte, index}
 									<TableRow>
-										<TableCell>{transporte.identificacion}</TableCell>
+										<TableCell>{transporte.identificacion_fiscal}</TableCell>
 										<TableCell>{transporte.pais}</TableCell>
 										<TableCell>
 											<div class="flex gap-1">
@@ -844,11 +1228,17 @@
 		<div class="grid gap-4 py-4">
 			<div class="space-y-2">
 				<Label for="t_transportista">Transportista:</Label>
-				<Input
-					id="t_transportista"
-					bind:value={currentTransporte.transportista}
-					placeholder="Transportista"
-				/>
+				<div class="flex gap-2">
+					<Input
+						id="t_transportista"
+						bind:value={currentTransporte.transportista}
+						placeholder="Transportista"
+						class="flex-1"
+					/>
+					<Button size="icon" variant="outline" onclick={() => (isTransportistasDialogOpen = true)}>
+						<FileText size={16} />
+					</Button>
+				</div>
 			</div>
 
 			<div class="grid grid-cols-2 gap-4">
@@ -889,24 +1279,52 @@
 						onValueChange={(v: string | undefined) => v && (currentTransporte.estado = v)}
 					>
 						<Select.Trigger id="t_estado" class="w-full">
-							<span class="truncate">{currentTransporte.estado || 'Seleccionar estado'}</span>
+							<span class="truncate">{currentTransporte.estado ? estadosMexico.find(e => e.clave === currentTransporte.estado)?.nombre || currentTransporte.estado : 'Seleccionar estado'}</span>
 						</Select.Trigger>
 						<Select.Content>
 							{#each estadosMexico as estado}
-								<Select.Item value={estado}>{estado}</Select.Item>
+								<Select.Item value={estado.clave}>{estado.clave} - {estado.nombre}</Select.Item>
 							{/each}
 						</Select.Content>
 					</Select.Root>
 				</div>
 			</div>
 
-			<div class="space-y-2">
+			<div class="space-y-2 relative">
 				<Label for="t_pais">País:</Label>
-				<div class="flex gap-2">
-					<Input id="t_pais" bind:value={currentTransporte.pais} placeholder="País" class="flex-1" />
-					<Button size="icon" variant="outline" onclick={() => alert('País en común')}>
-						<FileText size={16} />
-					</Button>
+				<div class="relative">
+					<Input
+						id="t_pais"
+						type="text"
+						placeholder="Buscar país..."
+						value={searchCountry}
+						oninput={(e) => (searchCountry = (e.target as HTMLInputElement).value)}
+						onfocus={() => (showCountryDropdown = true)}
+						onblur={() => setTimeout(() => (showCountryDropdown = false), 200)}
+						class="w-full"
+					/>
+					{#if currentTransporte.pais && !searchCountry}
+						<div class="absolute inset-0 pointer-events-none flex items-center px-3 text-sm">
+							<span class="truncate">{countries.find(c => c.m3_key === currentTransporte.pais)?.description_es || currentTransporte.pais}</span>
+						</div>
+					{/if}
+					{#if showCountryDropdown && filteredCountries.length > 0}
+						<div class="absolute z-50 w-full mt-1 bg-popover border border-border rounded-md shadow-lg max-h-[300px] overflow-auto">
+							{#each filteredCountries as country}
+								<button
+									type="button"
+									class="w-full text-left px-3 py-2 hover:bg-accent hover:text-accent-foreground text-sm text-popover-foreground transition-colors"
+									onclick={() => {
+										currentTransporte.pais = country.m3_key;
+										searchCountry = '';
+										showCountryDropdown = false;
+									}}
+								>
+									{country.description_es}
+								</button>
+							{/each}
+						</div>
+					{/if}
 				</div>
 			</div>
 
@@ -1098,6 +1516,291 @@
 	</DialogContent>
 </Dialog>
 
+<!-- Diálogo Catálogo de Transportistas -->
+<Dialog open={isTransportistasDialogOpen} onOpenChange={(open) => (isTransportistasDialogOpen = open)}>
+	<DialogContent class="max-w-4xl max-h-[80vh] overflow-y-auto">
+		<DialogHeader>
+			<DialogTitle>Catálogo de Transportistas</DialogTitle>
+		</DialogHeader>
+		<div class="space-y-4">
+			<div class="flex gap-2">
+				<div class="flex-1 space-y-2">
+					<Label for="search-transportista">Buscar:</Label>
+					<Input
+						id="search-transportista"
+						bind:value={searchTransportista}
+						placeholder="Buscar por clave, nombre o RFC..."
+					/>
+				</div>
+				<div class="flex items-end">
+					<Button onclick={openNewTransportistaForm}>
+						<Plus size={16} class="mr-2" />
+						Nuevo
+					</Button>
+				</div>
+			</div>
+			<div class="border rounded-lg">
+				<Table>
+					<TableHeader>
+						<TableRow>
+							<TableHead>Clave</TableHead>
+							<TableHead>Nombre</TableHead>
+							<TableHead>RFC</TableHead>
+							<TableHead class="text-center">Acciones</TableHead>
+						</TableRow>
+					</TableHeader>
+					<TableBody>
+						{#if filteredTransportistas.length === 0}
+							<TableRow>
+								<TableCell colspan={4} class="text-center text-muted-foreground">
+									{searchTransportista ? 'No se encontraron transportistas con ese criterio.' : 'No hay transportistas en el catálogo. Haz clic en "Nuevo" para agregar.'}
+								</TableCell>
+							</TableRow>
+						{:else}
+							{#each filteredTransportistas as transportista, index}
+								<TableRow>
+									<TableCell>{transportista.clave}</TableCell>
+									<TableCell>{transportista.nombre}</TableCell>
+									<TableCell>{transportista.rfc}</TableCell>
+									<TableCell>
+										<div class="flex justify-center gap-1">
+											<Button
+												size="icon"
+												variant="ghost"
+												onclick={() => selectTransportista(transportista)}
+												title="Seleccionar"
+											>
+												<FileText size={16} />
+											</Button>
+											<Button
+												size="icon"
+												variant="ghost"
+												onclick={() => editCatalogoTransportista(transportistasCatalog.indexOf(transportista))}
+												title="Editar"
+											>
+												<Pencil size={16} />
+											</Button>
+											<Button
+												size="icon"
+												variant="ghost"
+												onclick={() => deleteCatalogoTransportista(transportistasCatalog.indexOf(transportista))}
+												title="Eliminar"
+											>
+												<Trash2 size={16} />
+											</Button>
+										</div>
+									</TableCell>
+								</TableRow>
+							{/each}
+						{/if}
+					</TableBody>
+				</Table>
+			</div>
+		</div>
+		<DialogFooter class="flex justify-end gap-2 mt-6">
+			<Button variant="outline" onclick={() => (isTransportistasDialogOpen = false)}>
+				Cerrar
+			</Button>
+		</DialogFooter>
+	</DialogContent>
+</Dialog>
+
+<!-- Diálogo Formulario de Transportista -->
+<Dialog open={isTransportistaFormDialogOpen} onOpenChange={(open) => (isTransportistaFormDialogOpen = open)}>
+	<DialogContent class="max-w-2xl max-h-[80vh] overflow-y-auto">
+		<DialogHeader>
+			<DialogTitle>{editingTransportistaIndex !== null ? 'Editar' : 'Nuevo'} Transportista</DialogTitle>
+		</DialogHeader>
+		{#if currentCatalogoTransportista}
+			<div class="grid gap-4 py-4">
+				<!-- Clave y Nombre -->
+				<div class="space-y-2">
+					<Label for="ct_clave">Clave:</Label>
+					<Input
+						id="ct_clave"
+						bind:value={currentCatalogoTransportista.clave}
+						placeholder="Clave"
+					/>
+				</div>
+				<div class="space-y-2">
+					<Label for="ct_nombre">Nombre:</Label>
+					<Input
+						id="ct_nombre"
+						bind:value={currentCatalogoTransportista.nombre}
+						placeholder="Nombre completo"
+					/>
+				</div>
+				
+				<!-- RFC y CURP -->
+				<div class="grid grid-cols-2 gap-4">
+					<div class="space-y-2">
+						<Label for="ct_rfc">RFC:</Label>
+						<Input
+							id="ct_rfc"
+							bind:value={currentCatalogoTransportista.rfc}
+							placeholder="RFC"
+						/>
+					</div>
+					<div class="space-y-2">
+						<Label for="ct_curp">CURP:</Label>
+						<Input
+							id="ct_curp"
+							bind:value={currentCatalogoTransportista.curp}
+							placeholder="CURP"
+						/>
+					</div>
+				</div>
+				
+				<!-- Domicilio -->
+				<div class="space-y-2">
+					<Label for="ct_domicilio">Domicilio:</Label>
+					<Input
+						id="ct_domicilio"
+						bind:value={currentCatalogoTransportista.domicilio}
+						placeholder="Domicilio"
+					/>
+				</div>
+				
+				<!-- País y Entidad Federativa -->
+				<div class="grid grid-cols-2 gap-4">
+					<div class="space-y-2 relative">
+						<Label for="ct_pais">País:</Label>
+						<Select.Root
+							type="single"
+							value={currentCatalogoTransportista.pais}
+							onValueChange={(v: string | undefined) => v && (currentCatalogoTransportista.pais = v)}
+						>
+							<Select.Trigger id="ct_pais" class="w-full">
+								<span class="truncate">{currentCatalogoTransportista.pais ? countries.find(c => c.m3_key === currentCatalogoTransportista.pais)?.description_es || currentCatalogoTransportista.pais : 'Seleccionar país'}</span>
+							</Select.Trigger>
+							<Select.Content class="max-h-[300px]">
+								{#if countries.length === 0}
+									<Select.Item value="" disabled>Cargando países...</Select.Item>
+								{:else}
+									{#each countries as country}
+										<Select.Item value={country.m3_key}>{country.description_es}</Select.Item>
+									{/each}
+								{/if}
+							</Select.Content>
+						</Select.Root>
+					</div>
+					<div class="space-y-2">
+						<Label for="ct_estado">Entidad Federativa:</Label>
+						<Select.Root
+							type="single"
+							value={currentCatalogoTransportista.estado}
+							onValueChange={(v: string | undefined) => v && (currentCatalogoTransportista.estado = v)}
+						>
+							<Select.Trigger id="ct_estado" class="w-full">
+								<span class="truncate">{currentCatalogoTransportista.estado ? estadosMexico.find(e => e.clave === currentCatalogoTransportista.estado)?.nombre || currentCatalogoTransportista.estado : 'Seleccionar estado'}</span>
+							</Select.Trigger>
+							<Select.Content class="max-h-[300px]">
+								{#each estadosMexico as estado}
+									<Select.Item value={estado.clave}>{estado.clave} - {estado.nombre}</Select.Item>
+								{/each}
+							</Select.Content>
+						</Select.Root>
+					</div>
+				</div>
+				
+				<!-- Ciudad -->
+				<div class="space-y-2">
+					<Label for="ct_ciudad">Ciudad:</Label>
+					<Input
+						id="ct_ciudad"
+						bind:value={currentCatalogoTransportista.ciudad}
+						placeholder="Ciudad"
+					/>
+				</div>
+				
+				<!-- Teléfono y CAAT -->
+				<div class="grid grid-cols-2 gap-4">
+					<div class="space-y-2">
+						<Label for="ct_telefono">Teléfono:</Label>
+						<Input
+							id="ct_telefono"
+							bind:value={currentCatalogoTransportista.telefono}
+							placeholder="Teléfono"
+						/>
+					</div>
+					<div class="space-y-2">
+						<Label for="ct_caat">CAAT:</Label>
+						<Input
+							id="ct_caat"
+							bind:value={currentCatalogoTransportista.caat_code}
+							placeholder="(Código Alfanumérico Armonizado de Transportista)"
+						/>
+					</div>
+				</div>
+				
+				<!-- Sección DE GAFETES -->
+				<div class="border-t pt-4 mt-4">
+					<div class="flex justify-between items-center mb-2">
+						<h3 class="text-lg font-semibold"># DE GAFETES</h3>
+						<div class="flex gap-2">
+							<Button size="sm" variant="outline" onclick={openNewGafeteDialog}>
+								<Plus class="h-4 w-4 mr-1" /> Nuevo
+							</Button>
+						</div>
+					</div>
+					
+					<div class="border rounded-md">
+						<Table>
+							<TableHeader>
+								<TableRow>
+									<TableHead>Línea</TableHead>
+									<TableHead>Número Gafete Único</TableHead>
+									<TableHead>Nombre</TableHead>
+									<TableHead class="text-center">Acciones</TableHead>
+								</TableRow>
+							</TableHeader>
+							<TableBody>
+								{#if currentCatalogoTransportista.gafetes && currentCatalogoTransportista.gafetes.length > 0}
+									{#each currentCatalogoTransportista.gafetes as gafete, index}
+										<TableRow>
+											<TableCell>{gafete.linea}</TableCell>
+											<TableCell>{gafete.numeroGafeteUnico}</TableCell>
+											<TableCell>{gafete.nombreTransportista}</TableCell>
+											<TableCell class="text-center">
+												<div class="flex gap-1 justify-center">
+													<Button size="icon" variant="ghost" onclick={() => editGafete(index)}>
+														<Pencil class="h-4 w-4" />
+													</Button>
+													<Button size="icon" variant="ghost" onclick={() => deleteGafete(index)}>
+														<Trash2 class="h-4 w-4" />
+													</Button>
+												</div>
+											</TableCell>
+										</TableRow>
+									{/each}
+								{:else}
+									<TableRow>
+										<TableCell colspan={4} class="text-center text-muted-foreground">
+											Sin gafetes registrados
+										</TableCell>
+									</TableRow>
+								{/if}
+							</TableBody>
+						</Table>
+					</div>
+					
+					<div class="mt-2">
+						<Label for="buscar_gafete">Buscar:</Label>
+						<Input
+							id="buscar_gafete"
+							placeholder="Buscar gafete..."
+						/>
+					</div>
+				</div>
+			</div>
+		{/if}
+		<DialogFooter class="flex justify-end gap-2 mt-6">
+			<Button variant="outline" onclick={() => (isTransportistaFormDialogOpen = false)}>Cancelar</Button>
+			<Button onclick={saveCatalogoTransportista}>Guardar</Button>
+		</DialogFooter>
+	</DialogContent>
+</Dialog>
+
 <!-- Diálogo de Guías de Pedimento -->
 <Dialog open={isGuiasDialogOpen} onOpenChange={(open) => (isGuiasDialogOpen = open)}>
 	<DialogContent class="max-w-md">
@@ -1137,3 +1840,57 @@
 		</DialogFooter>
 	</DialogContent>
 </Dialog>
+
+<!-- Diálogo de Gafetes Únicos -->
+<Dialog open={isGafeteDialogOpen} onOpenChange={(open) => (isGafeteDialogOpen = open)}>
+	<DialogContent class="max-w-md">
+		<DialogHeader>
+			<DialogTitle>GAFETES UNICOS</DialogTitle>
+		</DialogHeader>
+		<div class="space-y-4">
+			<div class="grid grid-cols-2 gap-4">
+				<div class="space-y-2">
+					<Label for="gafete_clave_transportista">Clave Transportista:</Label>
+					<Input
+						id="gafete_clave_transportista"
+						value={currentGafete.claveTransportista}
+						placeholder="Clave"
+						disabled
+					/>
+				</div>
+				<div class="space-y-2">
+					<Label for="gafete_linea">Línea:</Label>
+					<Input
+						id="gafete_linea"
+						bind:value={currentGafete.linea}
+						placeholder="0"
+					/>
+				</div>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="gafete_numero">Número Gafete Único:</Label>
+				<Input
+					id="gafete_numero"
+					bind:value={currentGafete.numeroGafeteUnico}
+					placeholder="Número de gafete"
+				/>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="gafete_nombre">Nombre Transportista:</Label>
+				<Input
+					id="gafete_nombre"
+					value={currentGafete.nombreTransportista}
+					placeholder="Nombre"
+					disabled
+				/>
+			</div>
+		</div>
+
+		<DialogFooter class="flex justify-end gap-2 mt-6">
+			<Button variant="outline" onclick={() => (isGafeteDialogOpen = false)}>Cancelar</Button>
+			<Button onclick={saveGafete}>Aceptar</Button>
+		</DialogFooter>
+	</DialogContent>
+</Dialog>
diff --git a/frontend/src/lib/components/dashboard/pedimentos/edit/temp.svelte b/frontend/src/lib/components/dashboard/pedimentos/edit/temp.svelte
new file mode 100644
index 00000000..a540a118
--- /dev/null
+++ b/frontend/src/lib/components/dashboard/pedimentos/edit/temp.svelte
@@ -0,0 +1,771 @@
+<script lang="ts">
+	import { Card, CardContent } from '$lib/components/ui/card';
+	import { Button } from '$lib/components/ui/button';
+	import { Input } from '$lib/components/ui/input';
+	import { Label } from '$lib/components/ui/label';
+	import * as Select from '$lib/components/ui/select';
+	import {
+		Table,
+		TableBody,
+		TableCell,
+		TableHead,
+		TableHeader,
+		TableRow
+	} from '$lib/components/ui/table';
+	import {
+		Dialog,
+		DialogContent,
+		DialogHeader,
+		DialogTitle,
+		DialogFooter
+	} from '$lib/components/ui/dialog';
+	import { Checkbox } from '$lib/components/ui/checkbox';
+	import {
+		Plus,
+		Pencil,
+		Trash2
+	} from 'lucide-svelte';
+
+	const opcionesContribuciones = [
+		'DTA ',
+		'REC G',
+		'OTROS',
+		'DTI',
+		'MULT',
+		'RT',
+		'PRV',
+		'REU',
+		'ECI',
+		'IVA PRV',
+		'DFC'
+	];
+
+	interface Contribucion {
+		id?: number;
+		contribucion: string;
+		tipo_tasa: string;
+		tasa: number;
+		forma_pago: string;
+		importe: number;
+		gravamen: string;
+		abreviacion: string;
+		forma_pago_2: string;
+		importe_2: number;
+		contribuciones_generales?: Array<{
+			pedimento_sys_id: string;
+			clave_contribucion: string;
+			clave_tasa: string;
+			tasa_contribucion: number;
+			clave_forma_pago: string;
+			importe_contribucion: number;
+		}>;
+	}
+
+	interface ContribucionGeneral {
+		id?: number;
+		pedimento_sys_id: string;
+		clave_contribucion: string;
+		clave_tasa: string;
+		tasa_contribucion: number;
+		clave_forma_pago: string;
+		importe_contribucion: number;
+	}
+
+	let {
+		formData = $bindable({
+			// Campos por pestaña
+			dta: {
+				forma_pago_recargo: 0,
+				tasa_recargo: 0.0,
+				importe_recargo: 0
+			},
+			prev: {
+				forma_pago_prevalidacion: 0
+			},
+			eci: {
+				forma_pago_eci: 0,
+				importe_eci: 0
+			},
+			mult: {
+				forma_pago_multa: 0,
+				importe_multa: 0
+			},
+			rec: {
+				forma_pago_uia: 0,
+				importe_compensar: 0
+			},
+			// Configuración
+			calculo_manual: false,
+			operaciones_regla_31_40: false,
+			// Contribuciones (tabla compartida)
+			contribuciones: [] as Contribucion[],
+			contribuciones_generales: [] as ContribucionGeneral[]
+		})
+	}: {
+		formData: {
+			dta: {
+				forma_pago_recargo: number;
+				tasa_recargo: number;
+				importe_recargo: number;
+			};
+			prev: {
+				forma_pago_prevalidacion: number;
+			};
+			eci: {
+				forma_pago_eci: number;
+				importe_eci: number;
+			};
+			mult: {
+				forma_pago_multa: number;
+				importe_multa: number;
+			};
+			rec: {
+				forma_pago_uia: number;
+				importe_compensar: number;
+			};
+			calculo_manual: boolean;
+			operaciones_regla_31_40: boolean;
+			contribuciones: Contribucion[];
+			contribuciones_generales: ContribucionGeneral[];
+		};
+	} = $props();
+
+	// Pestaña activa
+	let activeTab = $state('DTA');
+
+	// Estados para diálogo
+	let isDialogOpen = $state(false);
+	let editingIndex = $state<number | null>(null);
+
+	// Estados para contribuciones generales (dentro del diálogo)
+	let isContribGenDialogOpen = $state(false);
+	let editingContribGenIndex = $state<number | null>(null);
+	
+	// Estado temporal para contribución general dentro del diálogo de contribución
+	let tempContribGen = $state({
+		pedimento_sys_id: '',
+		clave_contribucion: '',
+		clave_tasa: '',
+		tasa_contribucion: 0,
+		clave_forma_pago: '',
+		importe_contribucion: 0
+	});
+
+	let currentContribucion = $state<Contribucion>({
+		contribucion: '',
+		tipo_tasa: '',
+		tasa: 0,
+		forma_pago: '',
+		importe: 0,
+		gravamen: '',
+		abreviacion: '',
+		forma_pago_2: '',
+		importe_2: 0,
+		contribuciones_generales: []
+	});
+
+	let currentContribGen = $state<ContribucionGeneral>({
+		pedimento_sys_id: '',
+		clave_contribucion: '',
+		clave_tasa: '',
+		tasa_contribucion: 0,
+		clave_forma_pago: '',
+		importe_contribucion: 0
+	});
+
+	function openNewContribucion() {
+		editingIndex = null;
+		currentContribucion = {
+			contribucion: '',
+			tipo_tasa: '',
+			tasa: 0,
+			forma_pago: '',
+			importe: 0,
+			gravamen: '',
+			abreviacion: '',
+			forma_pago_2: '',
+			importe_2: 0,
+			contribuciones_generales: []
+		};
+		isDialogOpen = true;
+	}
+
+	function openEditContribucion(index: number) {
+		if (!formData?.contribuciones) return;
+		editingIndex = index;
+		currentContribucion = { ...formData.contribuciones[index] };
+		isDialogOpen = true;
+	}
+
+	function saveContribucion() {
+		if (!formData?.contribuciones) return;
+		if (editingIndex !== null) {
+			formData.contribuciones[editingIndex] = { ...currentContribucion };
+		} else {
+			formData.contribuciones = [...formData.contribuciones, { ...currentContribucion }];
+		}
+		isDialogOpen = false;
+	}
+
+	function deleteContribucion(index: number) {
+		if (!formData?.contribuciones) return;
+		if (confirm('¿Está seguro de eliminar esta contribución?')) {
+			formData.contribuciones = formData.contribuciones.filter((_, i) => i !== index);
+		}
+	}
+
+	// Funciones para Contribuciones Generales (Registro 510) dentro del diálogo de contribución
+	function openNewContribGenInDialog() {
+		tempContribGen = {
+			pedimento_sys_id: '',
+			clave_contribucion: '',
+			clave_tasa: '',
+			tasa_contribucion: 0,
+			clave_forma_pago: '',
+			importe_contribucion: 0
+		};
+		isContribGenDialogOpen = true;
+	}
+
+	function saveContribGenInDialog() {
+		if (!currentContribucion.contribuciones_generales) {
+			currentContribucion.contribuciones_generales = [];
+		}
+		currentContribucion.contribuciones_generales.push({
+			pedimento_sys_id: tempContribGen.pedimento_sys_id,
+			clave_contribucion: tempContribGen.clave_contribucion,
+			clave_tasa: tempContribGen.clave_tasa,
+			tasa_contribucion: tempContribGen.tasa_contribucion,
+			clave_forma_pago: tempContribGen.clave_forma_pago,
+			importe_contribucion: tempContribGen.importe_contribucion
+		});
+		isContribGenDialogOpen = false;
+	}
+
+	// Funciones para Contribuciones Generales (Registro 510)
+	function openNewContribGen() {
+		editingContribGenIndex = null;
+		currentContribGen = {
+			pedimento_sys_id: '',
+			clave_contribucion: '',
+			clave_tasa: '',
+			tasa_contribucion: 0,
+			clave_forma_pago: '',
+			importe_contribucion: 0
+		};
+		isContribGenDialogOpen = true;
+	}
+
+	function openEditContribGen(index: number) {
+		if (!formData?.contribuciones_generales) return;
+		editingContribGenIndex = index;
+		currentContribGen = { ...formData.contribuciones_generales[index] };
+		isContribGenDialogOpen = true;
+	}
+
+	function saveContribGen() {
+		if (!formData?.contribuciones_generales) return;
+		if (editingContribGenIndex !== null) {
+			formData.contribuciones_generales[editingContribGenIndex] = { ...currentContribGen };
+		} else {
+			formData.contribuciones_generales = [...formData.contribuciones_generales, { ...currentContribGen }];
+		}
+		isContribGenDialogOpen = false;
+	}
+
+	function deleteContribGen(index: number) {
+		if (!formData?.contribuciones_generales) return;
+		if (confirm('¿Está seguro de eliminar esta contribución general?')) {
+			formData.contribuciones_generales = formData.contribuciones_generales.filter((_, i) => i !== index);
+		}
+	}
+</script>
+
+<Card>
+	<CardContent class="p-6 space-y-4">
+		<!-- Pestañas de navegación -->
+		<div class="flex gap-1 border-b">
+			<button
+				class="px-4 py-2 text-sm font-medium border-b-2 transition-colors {activeTab === 'DTA'
+					? 'border-primary text-primary'
+					: 'border-transparent text-muted-foreground hover:text-foreground'}"
+				onclick={() => (activeTab = 'DTA')}
+			>
+				DTA
+			</button>
+			<button
+				class="px-4 py-2 text-sm font-medium border-b-2 transition-colors {activeTab === 'PREV'
+					? 'border-primary text-primary'
+					: 'border-transparent text-muted-foreground hover:text-foreground'}"
+				onclick={() => (activeTab = 'PREV')}
+			>
+				PREV
+			</button>
+			<button
+				class="px-4 py-2 text-sm font-medium border-b-2 transition-colors {activeTab === 'ECI'
+					? 'border-primary text-primary'
+					: 'border-transparent text-muted-foreground hover:text-foreground'}"
+				onclick={() => (activeTab = 'ECI')}
+			>
+				ECI
+			</button>
+			<button
+				class="px-4 py-2 text-sm font-medium border-b-2 transition-colors {activeTab === 'MULT'
+					? 'border-primary text-primary'
+					: 'border-transparent text-muted-foreground hover:text-foreground'}"
+				onclick={() => (activeTab = 'MULT')}
+			>
+				MULT
+			</button>
+			<button
+				class="px-4 py-2 text-sm font-medium border-b-2 transition-colors {activeTab === 'REC'
+					? 'border-primary text-primary'
+					: 'border-transparent text-muted-foreground hover:text-foreground'}"
+				onclick={() => (activeTab = 'REC')}
+			>
+				REC
+			</button>
+		</div>
+
+		<!-- Contenido dinámico según pestaña -->
+		<div class="border rounded-lg p-4 bg-muted/30">
+			{#if activeTab === 'DTA'}
+				<div class="grid grid-cols-3 gap-4">
+					<div class="space-y-2">
+						<Label for="forma_pago_recargo">Forma de pago Recargo:</Label>
+						<Input
+							id="forma_pago_recargo"
+							type="number"
+							bind:value={formData.dta.forma_pago_recargo}
+							placeholder="0"
+						/>
+					</div>
+					<div class="space-y-2">
+						<Label for="tasa_recargo">Tasa Recargo:</Label>
+						<Input
+							id="tasa_recargo"
+							type="number"
+							step="0.00001"
+							bind:value={formData.dta.tasa_recargo}
+							placeholder="0.00000"
+						/>
+						<p class="text-xs text-muted-foreground">(dejar en cero para calcular automático)</p>
+					</div>
+					<div class="space-y-2">
+						<Label for="importe_recargo">Importe Recargo:</Label>
+						<Input
+							id="importe_recargo"
+							type="number"
+							bind:value={formData.dta.importe_recargo}
+							placeholder="0"
+						/>
+						<p class="text-xs text-muted-foreground">(dejar en cero para calcular automático)</p>
+					</div>
+				</div>
+			{:else if activeTab === 'PREV'}
+				<div class="grid grid-cols-1 gap-4 max-w-md">
+					<div class="space-y-2">
+						<Label for="forma_pago_prevalidacion">Forma de pago Prevalidación:</Label>
+						<Input
+							id="forma_pago_prevalidacion"
+							type="number"
+							bind:value={formData.prev.forma_pago_prevalidacion}
+							placeholder="0"
+						/>
+					</div>
+				</div>
+			{:else if activeTab === 'ECI'}
+				<div class="grid grid-cols-2 gap-4">
+					<div class="space-y-2">
+						<Label for="forma_pago_eci">Forma de pago ECI:</Label>
+						<Input
+							id="forma_pago_eci"
+							type="number"
+							bind:value={formData.eci.forma_pago_eci}
+							placeholder="0"
+						/>
+					</div>
+					<div class="space-y-2">
+						<Label for="importe_eci">Importe ECI:</Label>
+						<Input
+							id="importe_eci"
+							type="number"
+							bind:value={formData.eci.importe_eci}
+							placeholder="0"
+						/>
+						<p class="text-xs text-muted-foreground">
+							(dejar en cero para que el sistema calcule el importe)
+						</p>
+					</div>
+				</div>
+			{:else if activeTab === 'MULT'}
+				<div class="grid grid-cols-2 gap-4">
+					<div class="space-y-2">
+						<Label for="forma_pago_multa">Forma de pago Multa:</Label>
+						<Input
+							id="forma_pago_multa"
+							type="number"
+							bind:value={formData.mult.forma_pago_multa}
+							placeholder="0"
+						/>
+					</div>
+					<div class="space-y-2">
+						<Label for="importe_multa">Importe Multa:</Label>
+						<Input
+							id="importe_multa"
+							type="number"
+							bind:value={formData.mult.importe_multa}
+							placeholder="0"
+						/>
+					</div>
+				</div>
+			{:else if activeTab === 'REC'}
+				<div class="grid grid-cols-2 gap-4">
+					<div class="space-y-2">
+						<Label for="forma_pago_uia">Forma de pago U I A:</Label>
+						<Input
+							id="forma_pago_uia"
+							type="number"
+							bind:value={formData.rec.forma_pago_uia}
+							placeholder="0"
+						/>
+					</div>
+					<div class="space-y-2">
+						<Label for="importe_compensar">Importe a Compensar:</Label>
+						<Input
+							id="importe_compensar"
+							type="number"
+							bind:value={formData.rec.importe_compensar}
+							placeholder="0"
+						/>
+					</div>
+				</div>
+			{/if}
+		</div>
+
+		<!-- Tabla de contribuciones -->
+		<div class="border rounded-lg overflow-hidden">
+			<Table>
+				<TableHeader>
+					<TableRow>
+						<TableHead>Contribución</TableHead>
+						<TableHead>T.T.</TableHead>
+						<TableHead>Tasa</TableHead>
+						<TableHead>F.P.</TableHead>
+						<TableHead class="text-right">Importe</TableHead>
+						<TableHead>Gravamen</TableHead>
+						<TableHead>Abreviación</TableHead>
+						<TableHead>F.P.</TableHead>
+						<TableHead class="text-right">Importe</TableHead>
+						<TableHead class="w-[100px]">Acciones</TableHead>
+					</TableRow>
+				</TableHeader>
+				<TableBody>
+					{#if !formData?.contribuciones || formData.contribuciones.length === 0}
+						<TableRow>
+							<TableCell colspan={10} class="text-center text-muted-foreground py-8">
+								No hay contribuciones registradas
+							</TableCell>
+						</TableRow>
+					{:else}
+						{#each formData.contribuciones as contribucion, index}
+							<TableRow>
+								<TableCell>{contribucion.contribucion}</TableCell>
+								<TableCell>{contribucion.tipo_tasa}</TableCell>
+								<TableCell class="text-right"
+									>{contribucion.tasa.toLocaleString('es-MX', {
+										minimumFractionDigits: 2,
+										maximumFractionDigits: 5
+									})}</TableCell
+								>
+								<TableCell>{contribucion.forma_pago}</TableCell>
+								<TableCell class="text-right"
+									>{contribucion.importe.toLocaleString('es-MX', {
+										minimumFractionDigits: 2,
+										maximumFractionDigits: 2
+									})}</TableCell
+								>
+								<TableCell>{contribucion.gravamen}</TableCell>
+								<TableCell>{contribucion.abreviacion}</TableCell>
+								<TableCell>{contribucion.forma_pago_2}</TableCell>
+								<TableCell class="text-right"
+									>{contribucion.importe_2.toLocaleString('es-MX', {
+										minimumFractionDigits: 2,
+										maximumFractionDigits: 2
+									})}</TableCell
+								>
+								<TableCell>
+									<div class="flex gap-1">
+										<Button size="sm" variant="ghost" onclick={() => openEditContribucion(index)}>
+											<Pencil size={14} />
+										</Button>
+										<Button size="sm" variant="ghost" onclick={() => deleteContribucion(index)}>
+											<Trash2 size={14} />
+										</Button>
+									</div>
+								</TableCell>
+							</TableRow>
+						{/each}
+					{/if}
+				</TableBody>
+			</Table>
+		</div>
+
+		<!-- Controles inferiores -->
+		<div class="flex items-center justify-between border-t pt-4">
+			<div class="flex items-center gap-6">
+				<div class="flex items-center space-x-2">
+					<Checkbox
+						id="calculo_manual"
+						checked={formData?.calculo_manual ?? false}
+						onCheckedChange={(checked: boolean | 'indeterminate') =>
+							formData && (formData.calculo_manual = checked === true)}
+					/>
+					<Label for="calculo_manual" class="font-normal cursor-pointer text-sm"
+						>Cálculo Manual</Label
+					>
+				</div>
+
+				<div class="flex items-center space-x-2">
+					<Checkbox
+						id="operaciones_regla"
+						checked={formData?.operaciones_regla_31_40 ?? false}
+						onCheckedChange={(checked: boolean | 'indeterminate') =>
+							formData && (formData.operaciones_regla_31_40 = checked === true)}
+					/>
+					<Label for="operaciones_regla" class="font-normal cursor-pointer text-sm"
+						>Operaciones al amparo de la regla 31.40</Label
+					>
+				</div>
+			</div>
+
+			<div class="flex gap-2">
+				<Button size="sm" onclick={openNewContribucion}>
+					<Plus class="mr-1.5" size={14} />
+					Nuevo
+				</Button>
+				<Button
+					size="sm"
+					variant="outline"
+					disabled={formData?.contribuciones?.length === 0}
+					onclick={() => {
+						const index = 0;
+						if (formData?.contribuciones?.[index]) openEditContribucion(index);
+					}}
+				>
+					<Pencil class="mr-1.5" size={14} />
+					Editar
+				</Button>
+				<Button
+					size="sm"
+					variant="destructive"
+					disabled={formData?.contribuciones?.length === 0}
+					onclick={() => {
+						const index = 0;
+						if (formData?.contribuciones?.[index]) deleteContribucion(index);
+					}}
+				>
+					<Trash2 class="mr-1.5" size={14} />
+					Borrar
+				</Button>
+			</div>
+		</div>
+	</CardContent>
+</Card>
+
+<!-- Dialog para Contribuciones -->
+<Dialog bind:open={isDialogOpen}>
+	<DialogContent class="max-w-2xl max-h-[90vh] overflow-y-auto">
+		<DialogHeader>
+			<DialogTitle>
+				{editingIndex !== null ? 'Editar Contribución' : 'Nueva Contribución'}
+			</DialogTitle>
+		</DialogHeader>
+
+		<div class="space-y-6 py-4">
+			<!-- Tasas Pedimento - Registro 509 -->
+			<div class="space-y-4">
+				<h3 class="font-semibold text-sm">Tasas Pedimento - Registro 509</h3>
+				
+				<div class="space-y-2">
+					<Label for="contribucion">Contribución:</Label>
+					<Select.Root
+						type="single"
+						value={currentContribucion.contribucion}
+						onValueChange={(v: string | undefined) => v && (currentContribucion.contribucion = v)}
+					>
+						<Select.Trigger id="contribucion">
+							<span class="truncate">{currentContribucion.contribucion || 'Seleccionar'}</span>
+						</Select.Trigger>
+						<Select.Content>
+							{#each opcionesContribuciones as opcion}
+								<Select.Item value={opcion}>{opcion}</Select.Item>
+							{/each}
+						</Select.Content>
+					</Select.Root>
+				</div>
+
+				<div class="space-y-2">
+					<Label for="tipo_tasa">Tipo de Tasa:</Label>
+					<div class="flex gap-2">
+						<Select.Root
+							type="single"
+							value={currentContribucion.tipo_tasa}
+							onValueChange={(v: string | undefined) => v && (currentContribucion.tipo_tasa = v)}
+						>
+							<Select.Trigger id="tipo_tasa" class="flex-1">
+								<span class="truncate">{currentContribucion.tipo_tasa || 'Seleccionar'}</span>
+							</Select.Trigger>
+							<Select.Content>
+							<Select.Item value="Porcentual">Porcentual</Select.Item>
+							<Select.Item value="Especifico">Específico</Select.Item>
+							<Select.Item value="CuotaMinimaDTA">Cuota minima (DTA)</Select.Item>
+							<Select.Item value="CuotaFijaDTA">Cuota fija (DTA)</Select.Item>
+							<Select.Item value="TasaDescuentoAdValorem">Tasa de descuento sobre ad valorem</Select.Item>
+							<Select.Item value="FactorAplicacionTIGIE">Factor de aplicación sobre tigie.</Select.Item>
+							<Select.Item value="AlMillarDTA">Al millar (DTA)</Select.Item>
+							<Select.Item value="TasaDescuentoArancelEspecifico">Tasa de descuento sobre el arancel específico</Select.Item>
+							<Select.Item value="TasaEspecificaPreciosReferencia">Tasa especifica sobre precios de referencia</Select.Item>
+							<Select.Item value="TasaEspecificaPreciosReferenciaUM">Tasa especifica sobre precios de referencia con UM</Select.Item>
+						</Select.Content>
+					</Select.Root>
+					<Button size="icon" variant="outline">
+						<Plus class="h-4 w-4" />
+					</Button>
+				</div>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="tasa">Tasa:</Label>
+				<Input
+					id="tasa"
+					type="number"
+					step="0.00001"
+					bind:value={currentContribucion.tasa}
+					placeholder="0.00000"
+				/>
+			</div>
+		</div>
+
+		<!-- Contribuciones Generales - Registro 510 -->
+		<div class="space-y-4">
+			<h3 class="font-semibold text-sm">Contribuciones Generales - Registro 510</h3>
+
+			<!-- Tabla de Contribuciones Generales -->
+			{#if currentContribucion.contribuciones_generales && currentContribucion.contribuciones_generales.length > 0}
+				<Table>
+					<TableHeader>
+						<TableRow>
+							<TableHead>Clave Contribución</TableHead>
+							<TableHead>Forma de Pago</TableHead>
+							<TableHead>Importe</TableHead>
+						</TableRow>
+					</TableHeader>
+					<TableBody>
+						{#each currentContribucion.contribuciones_generales as contribGen, i}
+							<TableRow>
+								<TableCell>{contribGen.clave_contribucion}</TableCell>
+								<TableCell>{contribGen.clave_forma_pago}</TableCell>
+								<TableCell>${contribGen.importe_contribucion.toFixed(2)}</TableCell>
+							</TableRow>
+						{/each}
+					</TableBody>
+				</Table>
+			{:else}
+				<p class="text-sm text-muted-foreground">No hay contribuciones generales registradas</p>
+			{/if}
+
+			<div class="flex gap-2">
+				<Button size="sm" variant="outline" onclick={openNewContribGenInDialog}>
+					<Plus class="h-4 w-4 mr-1" /> Nuevo
+				</Button>
+				<Button size="sm" variant="outline" disabled>
+					<Pencil class="h-4 w-4 mr-1" /> Editar
+				</Button>
+				<Button size="sm" variant="outline" disabled>
+					<Trash2 class="h-4 w-4 mr-1" /> Borrar
+				</Button>
+			</div>
+		</div>
+	</div>
+
+		<DialogFooter>
+			<Button variant="outline" onclick={() => (isDialogOpen = false)}>Cancelar</Button>
+			<Button onclick={saveContribucion}>Aceptar</Button>
+		</DialogFooter>
+	</DialogContent>
+</Dialog>
+
+<!-- Dialog para Contribución General (510) dentro del diálogo de Contribución -->
+<Dialog bind:open={isContribGenDialogOpen}>
+	<DialogContent class="max-w-md">
+		<DialogHeader>
+			<DialogTitle>Insertando</DialogTitle>
+		</DialogHeader>
+
+		<div class="space-y-4 py-4">
+			<div class="space-y-2">
+				<Label for="pedimento_sys_id_temp">PedimentoSysID:</Label>
+				<Input
+					id="pedimento_sys_id_temp"
+					bind:value={tempContribGen.pedimento_sys_id}
+					placeholder="39,641"
+				/>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="clave_contribucion_temp">Clave de Contribución:</Label>
+				<Input
+					id="clave_contribucion_temp"
+					bind:value={tempContribGen.clave_contribucion}
+					placeholder="0"
+				/>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="clave_tasa_temp">Clave de Tasa:</Label>
+				<Input
+					id="clave_tasa_temp"
+					bind:value={tempContribGen.clave_tasa}
+					placeholder=""
+				/>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="tasa_contribucion_temp">Tasa de Contribución:</Label>
+				<Input
+					id="tasa_contribucion_temp"
+					type="number"
+					step="0.00001"
+					bind:value={tempContribGen.tasa_contribucion}
+					placeholder="0.00000"
+				/>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="clave_forma_pago_temp">Clave Forma de Pago:</Label>
+				<Input
+					id="clave_forma_pago_temp"
+					bind:value={tempContribGen.clave_forma_pago}
+					placeholder="0"
+				/>
+			</div>
+
+			<div class="space-y-2">
+				<Label for="importe_contribucion_temp">Importe de Contribución:</Label>
+				<Input
+					id="importe_contribucion_temp"
+					type="number"
+					step="0.01"
+					bind:value={tempContribGen.importe_contribucion}
+					placeholder="0"
+				/>
+			</div>
+		</div>
+
+		<DialogFooter>
+			<Button variant="outline" onclick={() => (isContribGenDialogOpen = false)}>Cancelar</Button>
+			<Button onclick={saveContribGenInDialog}>Aceptar</Button>
+		</DialogFooter>
+	</DialogContent>
+</Dialog>
diff --git a/frontend/src/routes/api-sveltekit/countries/+server.ts b/frontend/src/routes/api-sveltekit/countries/+server.ts
new file mode 100644
index 00000000..0b6855c6
--- /dev/null
+++ b/frontend/src/routes/api-sveltekit/countries/+server.ts
@@ -0,0 +1,55 @@
+import { json } from '@sveltejs/kit';
+import type { RequestHandler } from './$types';
+
+export const GET: RequestHandler = async ({ fetch }) => {
+	// Configurar la URL de la API usando las variables de entorno
+	let apiUrl = process.env.INTERNAL_API_URL;
+	if (!apiUrl) {
+		apiUrl = process.env.VITE_API_URL;
+		// Reemplazar 'localhost' con 'backend' para llamadas desde el servidor (SSR)
+		apiUrl = apiUrl?.replace('localhost', 'backend').replace('127.0.0.1', 'backend');
+	}
+	
+	// Normalizar la URL
+	const baseUrl = apiUrl?.endsWith('/') ? apiUrl : `${apiUrl}/`;
+
+	try {
+		// Endpoint público de países - no requiere autenticación
+		// Nota: La barra final "/" es importante para evitar redirects 307
+		// El backend limita page_size a 100, así que necesitamos hacer múltiples llamadas
+		const allCountries: any[] = [];
+		let page = 1;
+		let hasMore = true;
+
+		while (hasMore) {
+			const response = await fetch(
+				`${baseUrl}v1/public/refrence_data/countries/?page=${page}&page_size=100`,
+				{
+					headers: {
+						'Content-Type': 'application/json'
+					}
+				}
+			);
+
+			if (!response.ok) {
+				console.error('Error fetching countries:', response.status, response.statusText);
+				const errorText = await response.text();
+				console.error('Error response:', errorText);
+				return json({ error: 'Failed to fetch countries' }, { status: response.status });
+			}
+
+			const data = await response.json();
+			allCountries.push(...(data.items || []));
+
+			// Si hay menos items que el page_size, es la última página
+			hasMore = data.items && data.items.length === 100;
+			page++;
+		}
+
+		return json(allCountries);
+	} catch (error) {
+		console.error('Error fetching countries:', error);
+		return json({ error: 'Internal server error' }, { status: 500 });
+	}
+};
+