@startuml c4-context
!theme plain
skinparam rectangleBackgroundColor #F8F9FA
skinparam rectangleBorderColor #495057

title Sistema de Registro de Estudiantes - Diagrama de Contexto (C4 Level 1)

skinparam rectangle {
    RoundCorner 10
}

actor "Estudiante" as student <<Persona>>

rectangle "Sistema de Registro\nde Estudiantes" as system <<Software System>> #lightblue {
}

rectangle "Base de Datos\nSQL Server" as database <<External System>> #lightgray {
}

student --> system : Usa para registrarse\ne inscribirse en materias
system --> database : Lee y escribe\ndatos de inscripciones

note right of student
  <b>Estudiante</b>
  Usuario del sistema que:
  - Se registra en el sistema
  - Se inscribe en materias (máx 3)
  - Ve sus compañeros de clase
  - Consulta inscripciones
end note

note right of system
  <b>Sistema de Registro</b>
  Aplicación web que permite:
  - CRUD de estudiantes
  - Inscripción en materias
  - Validación de reglas de negocio
  - Visualización de compañeros

  <b>Stack:</b>
  Frontend: Angular 21
  Backend: .NET 10 + GraphQL
end note

note right of database
  <b>SQL Server 2022</b>
  Almacena:
  - Estudiantes
  - Profesores
  - Materias
  - Inscripciones
end note

@enduml
