En el body se manda el parámetro para convertir el documento a pdf

src/data/api/document.api.ts

@@ -1,7 +1,10 @@
 // document.api.ts
 
-const DOCUMENT_PDF_URL =
-  'https://n8n.app.lci.ulsa.mx/webhook/62ca84ec-0adb-4006-aba1-32282d27d434'
+import { invokeEdge } from '../supabase/invokeEdge'
+
+const EDGE = {
+  carbone_io_wrapper: 'carbone-io-wrapper',
+} as const
 
 const DOCUMENT_PDF_ASIGNATURA_URL =
   'https://n8n.app.lci.ulsa.mx/webhook/041a68be-7568-46d0-bc08-09ded12d017d'
@@ -16,20 +19,20 @@ interface GeneratePdfParamsAsignatura {
 export async function fetchPlanPdf({
   plan_estudio_id,
 }: GeneratePdfParams): Promise<Blob> {
-  const response = await fetch(DOCUMENT_PDF_URL, {
-    method: 'POST',
-    headers: {
-      'Content-Type': 'application/json',
+  return await invokeEdge<Blob>(
+    EDGE.carbone_io_wrapper,
+    {
+      action: 'downloadReport',
+      plan_estudio_id,
+      body: { convertTo: 'pdf' },
     },
-    body: JSON.stringify({ plan_estudio_id }),
-  })
-
-  if (!response.ok) {
-    throw new Error('Error al generar el PDF')
-  }
-
-  // n8n devuelve el archivo → lo tratamos como blob
-  return await response.blob()
+    {
+      headers: {
+        'Content-Type': 'application/json',
+      },
+      responseType: 'blob',
+    },
+  )
 }
 
 export async function fetchAsignaturaPdf({

src/data/supabase/invokeEdge.ts

@@ -12,6 +12,7 @@ import type { SupabaseClient } from '@supabase/supabase-js'
 export type EdgeInvokeOptions = {
   method?: 'GET' | 'POST' | 'PUT' | 'PATCH' | 'DELETE'
   headers?: Record<string, string>
+  responseType?: 'json' | 'text' | 'blob' | 'arrayBuffer'
 }
 
 export class EdgeFunctionError extends Error {
@@ -42,10 +43,16 @@ export async function invokeEdge<TOut>(
 ): Promise<TOut> {
   const supabase = client ?? supabaseBrowser()
 
-  const { data, error } = await supabase.functions.invoke(functionName, {
+  // Nota: algunas versiones/defs de @supabase/supabase-js no tipan `responseType`
+  // aunque el runtime lo soporte. Usamos `any` para no bloquear el uso de Blob.
+  const invoke: any = (supabase.functions as any).invoke.bind(
+    supabase.functions,
+  )
+  const { data, error } = await invoke(functionName, {
     body,
     method: opts.method ?? 'POST',
     headers: opts.headers,
+    responseType: opts.responseType,
   })
 
   if (error) {

src/routes/planes/$planId/_detalle/mapa.tsx

@@ -5,6 +5,7 @@ import {
   Plus,
   ChevronDown,
   AlertTriangle,
+  GripVertical,
   Trash2,
   Pencil,
 } from 'lucide-react'
@@ -45,33 +46,16 @@ import {
   useUpdateAsignatura,
   useUpdateLinea,
 } from '@/data'
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger,
-} from '@/components/ui/tooltip'
 
 // --- Mapeadores (Fuera del componente para mayor limpieza) ---
-const palette = [
-  '#4F46E5', // índigo
-  '#7C3AED', // violeta
-  '#EA580C', // naranja
-  '#059669', // esmeralda
-  '#DC2626', // rojo
-  '#0891B2', // cyan
-  '#CA8A04', // ámbar
-  '#C026D3', // fucsia
-]
-
 const mapLineasToLineaCurricular = (
   lineasApi: Array<any> = [],
 ): Array<LineaCurricular> => {
-  return lineasApi.map((linea, index) => ({
+  return lineasApi.map((linea) => ({
     id: linea.id,
     nombre: linea.nombre,
     orden: linea.orden ?? 0,
-    color: palette[index % palette.length],
+    color: '#1976d2',
   }))
 }
 
@@ -137,216 +121,52 @@ function StatItem({
   )
 }
 
-import * as Icons from 'lucide-react'
-
-const estadoConfig: Record<
-  Asignatura['estado'],
-  {
-    label: string
-    dot: string
-    soft: string
-    icon: React.ComponentType<{ className?: string }>
-  }
-> = {
-  borrador: {
-    label: 'Borrador',
-    dot: 'bg-slate-500',
-    soft: 'bg-slate-100 text-slate-700',
-    icon: Icons.FileText,
-  },
-  revisada: {
-    label: 'Revisada',
-    dot: 'bg-amber-500',
-    soft: 'bg-amber-100 text-amber-700',
-    icon: Icons.ScanSearch,
-  },
-  aprobada: {
-    label: 'Aprobada',
-    dot: 'bg-emerald-500',
-    soft: 'bg-emerald-100 text-emerald-700',
-    icon: Icons.BadgeCheck,
-  },
-  generando: {
-    label: 'Generando',
-    dot: 'bg-sky-500',
-    soft: 'bg-sky-100 text-sky-700',
-    icon: Icons.LoaderCircle,
-  },
-}
-
-function hexToRgba(hex: string, alpha: number) {
-  const clean = hex.replace('#', '')
-  const bigint = parseInt(clean, 16)
-  const r = (bigint >> 16) & 255
-  const g = (bigint >> 8) & 255
-  const b = bigint & 255
-  return `rgba(${r}, ${g}, ${b}, ${alpha})`
-}
-
 function AsignaturaCardItem({
   asignatura,
-  lineaColor,
-  lineaNombre,
   onDragStart,
   isDragging,
   onClick,
 }: {
   asignatura: Asignatura
-  lineaColor: string
-  lineaNombre?: string
   onDragStart: (e: React.DragEvent, id: string) => void
   isDragging: boolean
   onClick: () => void
 }) {
-  const estado = estadoConfig[asignatura.estado] ?? estadoConfig.borrador
-  const EstadoIcon = estado.icon
-
   return (
-    <TooltipProvider delayDuration={150}>
-      <Tooltip>
-        <TooltipTrigger asChild>
-          <button
-            draggable
-            onDragStart={(e) => onDragStart(e, asignatura.id)}
-            onClick={onClick}
-            className={[
-              'group relative h-[200px] w-[272px] shrink-0 overflow-hidden rounded-[22px] border text-left',
-              'transition-all duration-300 ease-out',
-              'focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring/30',
-              'active:cursor-grabbing cursor-grab',
-              isDragging
-                ? 'scale-[0.985] opacity-45 shadow-none'
-                : 'hover:-translate-y-1 hover:shadow-lg',
-            ].join(' ')}
-            style={{
-              borderColor: hexToRgba(lineaColor, 0.18),
-              background: `
-                radial-gradient(circle at top right, ${hexToRgba(lineaColor, 0.22)} 0%, transparent 34%),
-                linear-gradient(180deg, ${hexToRgba(lineaColor, 0.12)} 0%, ${hexToRgba(lineaColor, 0.04)} 42%, var(--card) 100%)
-              `,
-            }}
-            title={asignatura.nombre}
-          >
-            {/* franja */}
-            <div
-              className="absolute inset-x-0 top-0 h-2"
-              style={{ backgroundColor: lineaColor }}
-            />
-
-            {/* glow decorativo */}
-            <div
-              className="absolute -top-10 -right-10 h-28 w-28 rounded-full blur-2xl transition-transform duration-500 group-hover:scale-110"
-              style={{ backgroundColor: hexToRgba(lineaColor, 0.22) }}
-            />
-
-            <div className="relative flex h-full flex-col p-4">
-              {/* top */}
-              <div className="flex items-start justify-between gap-2">
-                <div
-                  className="inline-flex h-8 max-w-[200px] items-center gap-1.5 rounded-full border px-2.5 text-[11px] font-semibold"
-                  style={{
-                    borderColor: hexToRgba(lineaColor, 0.2),
-                    backgroundColor: hexToRgba(lineaColor, 0.1),
-                    color: lineaColor,
-                  }}
-                >
-                  <Icons.KeyRound className="h-3.5 w-3.5 shrink-0" />
-                  <span className="truncate">{asignatura.clave || 'Sin clave'}</span>
-                </div>
-
-                <div className="relative flex h-8 items-center overflow-hidden rounded-full bg-background/70 px-2 backdrop-blur-sm">
-                  <div className="flex gap-4 items-center gap-1.5 transition-transform duration-300 group-hover:-translate-x-[72px]">
-                    <span className={`h-2.5 w-2.5 rounded-full ${estado.dot}`} />
-                    <EstadoIcon
-                      className={[
-                        'h-3.5 w-3.5 text-foreground/65',
-                        asignatura.estado === 'generando' ? 'animate-spin' : '',
-                      ].join(' ')}
-                    />
-                  </div>
-                  <div
-                    className={[
-                      'absolute right-2 flex translate-x-6 items-center gap-1.5 opacity-0 transition-all duration-300',
-                      'group-hover:translate-x-0 group-hover:opacity-100'
-                    ].join(' ')}
-                  >
-                    <span className="text-[11px] font-semibold whitespace-nowrap">
-                      {estado.label}
-                    </span>
-                  </div>
-
-                </div>
-              </div>
-
-              {/* titulo */}
-              <div className="mt-4 min-h-[72px]">
-                <h3
-                  className="overflow-hidden text-[18px] leading-[1.08] font-bold text-foreground"
-                  style={{
-                    display: '-webkit-box',
-                    WebkitLineClamp: 3,
-                    WebkitBoxOrient: 'vertical',
-                  }}
-                >
-                  {asignatura.nombre}
-                </h3>
-              </div>
-
-              {/* bottom */}
-              <div className="mt-auto grid grid-cols-3 gap-2">
-                <div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
-                  <div className="mb-1 flex items-center gap-1.5 text-muted-foreground">
-                    <Icons.Award className="h-3.5 w-3.5" />
-                    <span className="text-[10px] font-medium uppercase tracking-wide">
-                      CR
-                    </span>
-                  </div>
-                  <div className="text-sm font-bold text-foreground">
-                    {asignatura.creditos}
-                  </div>
-                </div>
-
-                <div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
-                  <div className="mb-1 flex items-center gap-1.5 text-muted-foreground">
-                    <Icons.Clock3 className="h-3.5 w-3.5" />
-                    <span className="text-[10px] font-medium uppercase tracking-wide">
-                      HD
-                    </span>
-                  </div>
-                  <div className="text-sm font-bold text-foreground">
-                    {asignatura.hd}
-                  </div>
-                </div>
-
-                <div className="rounded-2xl border border-white/40 bg-white/55 px-2.5 py-2 backdrop-blur-sm dark:border-white/10 dark:bg-white/5">
-                  <div className="mb-1 flex items-center gap-1.5 text-muted-foreground">
-                    <Icons.BookOpenText className="h-3.5 w-3.5" />
-                    <span className="text-[10px] font-medium uppercase tracking-wide">
-                      HI
-                    </span>
-                  </div>
-                  <div className="text-sm font-bold text-foreground">
-                    {asignatura.hi}
-                  </div>
-                </div>
-              </div>
-
-              {/* drag affordance */}
-              <div className="pointer-events-none absolute right-3 bottom-3 rounded-full bg-background/70 p-1.5 opacity-0 backdrop-blur-sm transition-all duration-300 group-hover:opacity-100">
-                <Icons.GripVertical className="h-4 w-4 text-muted-foreground/55" />
-              </div>
-            </div>
-          </button>
-        </TooltipTrigger>
-
-        <TooltipContent side="bottom">
-          <div className="text-xs">
-            {lineaNombre ? `${lineaNombre} · ` : ''}
-            {asignatura.nombre}
-          </div>
-        </TooltipContent>
-      </Tooltip>
-    </TooltipProvider>
+    <button
+      draggable
+      onDragStart={(e) => onDragStart(e, asignatura.id)}
+      onClick={onClick}
+      className={`group cursor-grab rounded-lg border bg-white p-3 shadow-sm transition-all active:cursor-grabbing ${
+        isDragging
+          ? 'scale-95 opacity-40'
+          : 'hover:border-teal-400 hover:shadow-md'
+      }`}
+    >
+      <div className="mb-1 flex items-start justify-between">
+        <span className="font-mono text-[10px] font-bold text-slate-400">
+          {asignatura.clave}
+        </span>
+        <Badge
+          variant="outline"
+          className={`px-1 py-0 text-[9px] uppercase ${statusBadge[asignatura.estado] || ''}`}
+        >
+          {asignatura.estado}
+        </Badge>
+      </div>
+      <p className="mb-1 text-xs leading-tight font-bold text-slate-700">
+        {asignatura.nombre}
+      </p>
+      <div className="mt-2 flex items-center justify-between">
+        <span className="text-[10px] text-slate-500">
+          {asignatura.creditos} CR • HD:{asignatura.hd} • HI:{asignatura.hi}
+        </span>
+        <GripVertical
+          size={12}
+          className="text-slate-300 opacity-0 transition-opacity group-hover:opacity-100"
+        />
+      </div>
+    </button>
   )
 }
 
@@ -704,15 +524,15 @@ function MapaCurricularPage() {
           </Button>
           {asignaturas.filter((m) => !m.ciclo || !m.lineaCurricularId).length >
             0 && (
-              <Badge className="border-amber-100 bg-amber-50 text-amber-600 hover:bg-amber-50">
-                <AlertTriangle size={14} className="mr-1" />{' '}
-                {
-                  asignaturas.filter((m) => !m.ciclo || !m.lineaCurricularId)
-                    .length
-                }{' '}
-                sin asignar
-              </Badge>
-            )}
+            <Badge className="border-amber-100 bg-amber-50 text-amber-600 hover:bg-amber-50">
+              <AlertTriangle size={14} className="mr-1" />{' '}
+              {
+                asignaturas.filter((m) => !m.ciclo || !m.lineaCurricularId)
+                  .length
+              }{' '}
+              sin asignar
+            </Badge>
+          )}
           <DropdownMenu>
             <DropdownMenuTrigger asChild>
               <Button className="bg-teal-700 text-white hover:bg-teal-800">
@@ -798,8 +618,9 @@ function MapaCurricularPage() {
               return (
                 <Fragment key={linea.id}>
                   <div
-                    className={`group relative flex items-center justify-between rounded-xl border-l-4 p-4 transition-all ${lineColors[idx % lineColors.length]
-                      } ${editingLineaId === linea.id ? 'bg-white ring-2 ring-teal-500/20' : ''}`}
+                    className={`group relative flex items-center justify-between rounded-xl border-l-4 p-4 transition-all ${
+                      lineColors[idx % lineColors.length]
+                    } ${editingLineaId === linea.id ? 'bg-white ring-2 ring-teal-500/20' : ''}`}
                   >
                     <div className="flex-1 overflow-hidden">
                       <span
@@ -814,10 +635,11 @@ function MapaCurricularPage() {
                             setTempNombreLinea(linea.nombre)
                           }
                         }}
-                        className={`block w-full text-xs font-bold break-words outline-none ${editingLineaId === linea.id
-                          ? 'cursor-text border-b border-teal-500/50 pb-1'
-                          : 'cursor-pointer'
-                          }`}
+                        className={`block w-full text-xs font-bold break-words outline-none ${
+                          editingLineaId === linea.id
+                            ? 'cursor-text border-b border-teal-500/50 pb-1'
+                            : 'cursor-pointer'
+                        }`}
                       >
                         {linea.nombre}
                       </span>
@@ -855,8 +677,6 @@ function MapaCurricularPage() {
                           <AsignaturaCardItem
                             key={m.id}
                             asignatura={m}
-                            lineaColor={linea.color || '#1976d2'}
-                            lineaNombre={linea.nombre}
                             isDragging={draggedAsignatura === m.id}
                             onDragStart={handleDragStart}
                             onClick={() => {
@@ -907,81 +727,45 @@ function MapaCurricularPage() {
       </div>
 
       {/* Asignaturas Sin Asignar */}
-      <div className="mt-12 rounded-[28px] border border-border bg-card/80 p-5 shadow-sm backdrop-blur-sm">
-        <div className="mb-5 flex flex-col gap-3 md:flex-row md:items-center md:justify-between">
-          <div className="min-w-0">
-            <div className="flex items-center gap-2">
-              <div className="flex h-9 w-9 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-                <Icons.Inbox className="h-4.5 w-4.5" />
-              </div>
-
-              <div className="min-w-0">
-                <div className="flex items-center gap-2">
-                  <h3 className="text-sm font-bold tracking-wide text-foreground uppercase">
-                    Bandeja de entrada
-                  </h3>
-
-                  <div className="inline-flex h-6 min-w-6 items-center justify-center rounded-full bg-muted px-2 text-[11px] font-semibold text-muted-foreground">
-                    {unassignedAsignaturas.length}
-                  </div>
-                </div>
-
-                <p className="mt-0.5 text-sm text-muted-foreground">
-                  Asignaturas sin ciclo o línea curricular
-                </p>
-              </div>
-            </div>
-          </div>
-
-          <div className="flex items-center gap-2 rounded-full border border-dashed border-border bg-background/80 px-3 py-1.5 text-xs text-muted-foreground">
-            <Icons.MoveDown className="h-3.5 w-3.5" />
-            <span>Arrastra aquí para desasignar</span>
+      <div className="mt-10 rounded-2xl border border-slate-200 bg-slate-50 p-6">
+        <div className="mb-4 flex items-center justify-between">
+          <div className="flex items-center gap-2 text-slate-600">
+            <h3 className="text-sm font-bold tracking-wider uppercase">
+              Bandeja de Entrada / Asignaturas sin asignar
+            </h3>
+            <Badge variant="secondary">{unassignedAsignaturas.length}</Badge>
           </div>
+          <p className="text-xs text-slate-400">
+            Arrastra una asignatura aquí para quitarla del mapa
+          </p>
         </div>
 
         <div
-          onDragOver={handleDragOver}
-          onDrop={(e) => handleDrop(e, null, null)}
-          className={[
-            'rounded-[24px] border-2 border-dashed p-4 transition-all duration-300',
-            'min-h-[220px]',
+          className={`flex min-h-[120px] flex-wrap gap-4 rounded-xl border-2 border-dashed p-4 transition-colors ${
             draggedAsignatura
-              ? 'border-primary/35 bg-primary/6 shadow-inner'
-              : 'border-border bg-muted/20',
-          ].join(' ')}
+              ? 'border-teal-300 bg-teal-50/50'
+              : 'border-slate-200 bg-white/50'
+          }`}
+          onDragOver={handleDragOver}
+          onDrop={(e) => handleDrop(e, null, null)} // Limpia ciclo y línea
         >
-          {unassignedAsignaturas.length > 0 ? (
-            <div className="flex flex-wrap gap-4">
-              {unassignedAsignaturas.map((m) => (
-                <div key={m.id} className="w-[272px] shrink-0">
-                  <AsignaturaCardItem
-                    asignatura={m}
-                    lineaColor="#94A3B8"
-                    lineaNombre="Sin asignar"
-                    isDragging={draggedAsignatura === m.id}
-                    onDragStart={handleDragStart}
-                    onClick={() => {
-                      setEditingData(m)
-                      setIsEditModalOpen(true)
-                    }}
-                  />
-                </div>
-              ))}
+          {unassignedAsignaturas.map((m) => (
+            <div key={m.id} className="w-[200px]">
+              <AsignaturaCardItem
+                asignatura={m}
+                isDragging={draggedAsignatura === m.id}
+                onDragStart={handleDragStart}
+                onClick={() => {
+                  setEditingData(m) // Cargamos los datos en el estado de edición
+                  setIsEditModalOpen(true)
+                }}
+              />
             </div>
-          ) : (
-            <div className="flex min-h-[188px] flex-col items-center justify-center rounded-[20px] border border-border/70 bg-background/70 px-6 text-center">
-              <div className="mb-3 flex h-12 w-12 items-center justify-center rounded-2xl bg-muted text-muted-foreground">
-                <Icons.CheckCheck className="h-5 w-5" />
-              </div>
-
-              <p className="text-sm font-semibold text-foreground">
-                No hay asignaturas pendientes
-              </p>
-
-              <p className="mt-1 max-w-md text-sm text-muted-foreground">
-                Todo está colocado en el mapa. Arrastra una asignatura aquí para quitarle
-                ciclo y línea curricular.
-              </p>
+          ))}
+          {unassignedAsignaturas.length === 0 && (
+            <div className="flex w-full items-center justify-center text-sm text-slate-400">
+              No hay asignaturas pendientes. Arrastra una asignatura aquí para
+              desasignarla.
             </div>
           )}
         </div>

src/styles.css

@@ -4,145 +4,18 @@
 
 @custom-variant dark (&:is(.dark *));
 
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Light.otf') format('opentype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-LightItalic.otf')
-    format('opentype');
-  font-weight: 300;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Regular.otf') format('opentype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-RegularItalic.otf')
-    format('opentype');
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Bold.otf') format('opentype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-BoldItalic.otf') format('opentype');
-  font-weight: 700;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-Black.otf') format('opentype');
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Sans';
-  src: url('/fonts/indivisa/IndivisaTextSans-BlackItalic.otf')
-    format('opentype');
-  font-weight: 900;
-  font-style: italic;
-}
-
-/* Serif */
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Light.otf') format('opentype');
-  font-weight: 300;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-LightItalic.otf')
-    format('opentype');
-  font-weight: 300;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Regular.otf') format('opentype');
-  font-weight: 400;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-RegularItalic.otf')
-    format('opentype');
-  font-weight: 400;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Bold.otf') format('opentype');
-  font-weight: 700;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-BoldItalic.otf')
-    format('opentype');
-  font-weight: 700;
-  font-style: italic;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-Black.otf') format('opentype');
-  font-weight: 900;
-  font-style: normal;
-}
-
-@font-face {
-  font-family: 'Indivisa Serif';
-  src: url('/fonts/indivisa/IndivisaTextSerif-BlackItalic.otf')
-    format('opentype');
-  font-weight: 900;
-  font-style: italic;
-}
-
 body {
   @apply m-0;
-  font-family: var(--font-sans);
+  font-family:
+    -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu',
+    'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
 }
 
 code {
-  font-family: var(--font-mono);
-}
-
-strong,
-b,
-.font-bold {
-  font-family: 'Indivisa Sans', serif;
-  font-weight: 900;
-  /* Inter letter space */
-  letter-spacing: -0.025em;
+  font-family:
+    source-code-pro, Menlo, Monaco, Consolas, 'Courier New', monospace;
 }
 
 :root {
@@ -178,9 +51,9 @@ b,
   --sidebar-accent-foreground: oklch(0.6304 0.2472 28.2698);
   --sidebar-border: oklch(0.9401 0 0);
   --sidebar-ring: oklch(0 0 0);
-  --font-sans: 'Indivisa Sans', sans-serif;
-  --font-serif: 'Indivisa Serif', serif;
-  --font-mono: 'Indivisa Sans', monospace;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
   --radius: 1.4rem;
   --shadow-x: 0px;
   --shadow-y: 2px;
@@ -228,7 +101,7 @@ b,
   --chart-1: oklch(0.6686 0.1794 251.7436);
   --chart-2: oklch(0.6342 0.2516 22.4415);
   --chart-3: oklch(0.8718 0.1716 90.9505);
-  --chart-4: oklch(11.492% 0.00001 271.152);
+  --chart-4: oklch(0.4503 0.229 263.0881);
   --chart-5: oklch(0.8322 0.146 185.9404);
   --sidebar: oklch(0.1564 0.0688 261.2771);
   --sidebar-foreground: oklch(0.9551 0 0);
@@ -238,9 +111,9 @@ b,
   --sidebar-accent-foreground: oklch(0.6786 0.2095 24.6583);
   --sidebar-border: oklch(0.3289 0.0092 268.3843);
   --sidebar-ring: oklch(0.6048 0.2166 257.2136);
-  --font-sans: 'Indivisa Sans', sans-serif;
-  --font-serif: 'Indivisa Serif', serif;
-  --font-mono: 'Indivisa Sans', monospace;
+  --font-sans: Plus Jakarta Sans, sans-serif;
+  --font-serif: Lora, serif;
+  --font-mono: IBM Plex Mono, monospace;
   --radius: 1.4rem;
   --shadow-x: 0px;
   --shadow-y: 2px;

src/types/supabase.ts

@@ -154,9 +154,9 @@ export type Database = {
           numero_ciclo: number | null
           orden_celda: number | null
           plan_estudio_id: string
+          prerrequisito_asignatura_id: string | null
           tipo: Database['public']['Enums']['tipo_asignatura']
           tipo_origen: Database['public']['Enums']['tipo_origen'] | null
-          prerrequisito_asignatura_id?: string
         }
         Insert: {
           actualizado_en?: string
@@ -180,6 +180,7 @@ export type Database = {
           numero_ciclo?: number | null
           orden_celda?: number | null
           plan_estudio_id: string
+          prerrequisito_asignatura_id?: string | null
           tipo?: Database['public']['Enums']['tipo_asignatura']
           tipo_origen?: Database['public']['Enums']['tipo_origen'] | null
         }
@@ -205,6 +206,7 @@ export type Database = {
           numero_ciclo?: number | null
           orden_celda?: number | null
           plan_estudio_id?: string
+          prerrequisito_asignatura_id?: string | null
           tipo?: Database['public']['Enums']['tipo_asignatura']
           tipo_origen?: Database['public']['Enums']['tipo_origen'] | null
         }
@@ -258,6 +260,20 @@ export type Database = {
             referencedRelation: 'plantilla_plan'
             referencedColumns: ['plan_estudio_id']
           },
+          {
+            foreignKeyName: 'asignaturas_prerrequisito_asignatura_id_fkey'
+            columns: ['prerrequisito_asignatura_id']
+            isOneToOne: false
+            referencedRelation: 'asignaturas'
+            referencedColumns: ['id']
+          },
+          {
+            foreignKeyName: 'asignaturas_prerrequisito_asignatura_id_fkey'
+            columns: ['prerrequisito_asignatura_id']
+            isOneToOne: false
+            referencedRelation: 'plantilla_asignatura'
+            referencedColumns: ['asignatura_id']
+          },
         ]
       }
       bibliografia_asignatura: {
@@ -1377,6 +1393,7 @@ export type Database = {
         Args: { p_append: Json; p_id: string }
         Returns: undefined
       }
+      suma_porcentajes: { Args: { '': Json }; Returns: number }
       unaccent: { Args: { '': string }; Returns: string }
       unaccent_immutable: { Args: { '': string }; Returns: string }
     }