@startuml uml-deployment-diagram

!include _style.iuml
title 1. Diagrama UML de Despliegue — Vista general

' Vista general de los 9 nodos top-level del despliegue. Cada uno se
' detalla en uml-deployment-runtime.puml (runtime) y
' uml-deployment-distribution.puml (build / distribucion movil).

node "iPhone iOS 16+" <<device>> as iPhone
node "Android 11+"     <<device>> as Android
node "Browser desktop / mobile" <<device>> as Browser

node "Vercel Edge Network" <<execution environment>> as Vercel
database "Neon Postgres" as Neon
cloud "Resend" <<external service>> as Resend
cloud "Expo EAS" <<external service>> as EAS

node "Apple App Store" <<distribution>> as AppStore
node "Google Play"     <<distribution>> as Play

iPhone  --> Vercel : HTTPS + JWT
Android --> Vercel : HTTPS + JWT
Browser --> Vercel : HTTPS + Cookie

Vercel  --> Neon   : pg wire 5432 SSL
Vercel  ..> Resend : Resend API v6.12

EAS ..> AppStore : TestFlight / App Store Connect
EAS ..> Play     : Play Console

AppStore ..> iPhone  : Apple distribution
Play     ..> Android : Google Play

EAS ..> iPhone  : OTA expo-updates
EAS ..> Android : OTA expo-updates

legend bottom
  Linea continua: trafico sincrono produccion
  Linea punteada: asincrono (email, OTA, persistencia, store distribution)
endlegend

footer Detalle: uml-deployment-runtime.puml (figura 2), uml-deployment-distribution.puml (figura 3)
@enduml