screenshots/spa-component-diagram.svg

<?xml version="1.0" encoding="UTF-8"?>
<!-- Do not edit this file with editors other than diagrams.net -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="2365px" height="3031px" viewBox="-0.5 -0.5 2365 3031" content="&lt;mxfile host=&quot;app.diagrams.net&quot; modified=&quot;2022-08-29T20:07:19.926Z&quot; agent=&quot;5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/104.0.0.0 Safari/537.36&quot; etag=&quot;xRb1wxEyzSbqDpEr01Sm&quot; version=&quot;20.2.3&quot; type=&quot;onedrive&quot; pages=&quot;5&quot;&gt;&lt;diagram id=&quot;1fUVy9EsHqqPKTqyXIF9&quot; name=&quot;layers&quot;&gt;5ZZRb5swFIV/DdL6UAlwE3WPK006TammLdX2OLnmDrwZLjKXQPrrZwc7QFGj7qFapD0Ffz5g+9xzIQFLiu5O8yq/xxRUEIdpF7DbII7jcBmbH0v2PYmi5aInmZapYwPYyidwMHS0kSnUEyEhKpLVFAosSxA0YVxrbKeyn6imq1Y8gxnYCq7m9LtMKe/p9SIc+EeQWe5XjkI3U3AvdqDOeYrtCLFVwBKNSP1V0SWgrHvel/6+9Quzx41pKOk1N1RfNw+P7bb99omt9VP45cdDvbm8cnujvT8wpOb8boiacsyw5Go10BuNTZmCfWpoRoNmg1gZGBn4C4j2rpi8ITQop0K52Zq4pg+2OAY8KhS/PVxL5UVQps8lBo0E8/M7S2pstIATh/Y54joDOqFz2bWOjBZw7t4BFkB6bwQaFCe5myaGu+BlR91QG3PhyvMXpXLP3XHVuJUSLEmjMrHSpkXi8J3gFbfNBnbXXYW1FDJIWHDDyotZoYcyWjfbXBJsK34wrjXNPC3Zi2bvQBN0J+3xs74R3Kvg2g3boa1i3zz5qKWW4RsZuvgfsx+/MvvsrLIfz7K/Bb0z6cZZ7lUf+EyKIyohQyM9vxaI3v/rHmAzYw/fcLSufr69v3juLhcCajt7IJywPj9XWfR2rprh8MU+zI3++LDVHw==&lt;/diagram&gt;&lt;diagram id=&quot;XMlpyaPgdvV6H7R0R8SX&quot; name=&quot;spa-component-diagram&quot;&gt;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&lt;/diagram&gt;&lt;diagram name=&quot;api-component-diagram&quot; id=&quot;VWMQTZdHWH74u04Pg9wE&quot;&gt;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&lt;/diagram&gt;&lt;diagram id=&quot;bnse1JLAqNy8nzbfnI99&quot; name=&quot;general&quot;&gt;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&lt;/diagram&gt;&lt;diagram name=&quot;general 2&quot; id=&quot;jYVskgZZoQpqso_2JVXk&quot;&gt;5Vptb6M4EP41ke5OCsLmNR+Ttulu1d5Gm1317lPlgEPoAkbGNOn++hsHk4TgNu029Npupaj2YBuY55kXj+lZJ+nqnJN8ccVCmvSwGa561mkPY2y6GP5JyX0lQch1KknE41DJtoJp/JMqoamkZRzSojFQMJaIOG8KA5ZlNBANGeGcLZvD5ixp3jUnEW0JpgFJ2tLrOBSLSuo75lb+icbRor4zMtWVlNSDlaBYkJAtd0TWWc864YyJqpWuTmgitVfrBWcXt//0v6ZXn0696eTzT3HBz/vVYuPnTNm8AqeZOO7SWIF5R5JSKWwyOQfBHxPO5rQoYpYRuYrsxqBTbJ7TjHIiGP8TOtd0Ji8mRMwZT5WexH2tfM7KLKTyAVDPGi0XsaDTnATy6hL4BrKFSBN1GdZPTljCOPQzlsGgUUiKxWb6HeUiBmCHSRxlIJsxIVgKF56oHqVGuQxd7ZBDqeucspQKfg9Davb7CnnFfVt1l1seefWQxQ6HnJoxRHE32iy9xQcaCqLnwNVCa0o5vBDIvkx72E3gCUYz6LqRbPWc0dmKpLmEYwhjvs/KTJTQULOc0+MhFtI5Kdf3f3WcLNTEyW/jZLsanGy7K5ysFk5fQfNxSrUY/Q1e92L6YjQe1Lseps7QsJtoIIwNpw2IqQEEO10BYj+iWhOUwbhYsEj6ukvGcqXQWyrEvYpopBSsqe7n6a9gJQ/oI+OUigThEX10PcUtGjbiXhsOTsErx3fNMHh0xbbjxykRZEYKPdWvWBaxU9CdeZKUhdD7IAi0uWwG90kMGHHrMPdnFZqXs42ABD+iNcZfSgHLUCUvKjiR83bcl+8edF/I01mL2ZW1uC1IJNumqru1lbOtdPTW7Ml7oj1h+9j2pKZOWAwvskEZ4SbK2PFqt1gvUj2rmrcH4eZBfh1Vr2Wq3wuZOjxgfSQQ0jKeG3WEhHuUkBlNJqyIBSSQ0pQBVMp3hl/uDdhYGVHrbGZ0ZXZ7SQPkcpow5Wjszu3K7PwWQA+CE6frbc9hda6BGG2c4WF3V+FHirzajM3jlTTq0fqGw1pq1hJoL4SQW7mhfHc8LvOEkdBYxj8g2wljYjAegVj2c9mHdsDSlGUFtMSiTGH/MJZSIhuX4DP65TpLvQnYvM84ySLaX9CVUdzJdcCKzHzVf3yckWdRh8Rx0CahqTcGGBlYQx6nTR7H6Yg8gw/gs1FdIDiYBPmdOO0h5+R+Z0AuXXHxsE938KDpQ2zLQINdKH9hCjSq5ziq86+93e/Bj9cK6pv4sBvUzZ0/91UjfK2f3fpAnEUJ7a+rZNgc5gn4+nWM0GXnwywqE/LyusDrVwD2Umg00AVzpIvmqLNiDWqH7zdnUNYTDco5tj29TLOa+srZ9Nu8TFRtKw5ooS+10EIcodSiKVW+Oucdd7CXhrwN1tu/axYbyN9chu/Kjd4AHxNIT+FZbxKw82YK+8igjvNXC2iCnMH2z2vGMNM3HLdFI88x3EGbSDvi41OpXVx6f1QKWVAYGbid28IAzsidTlFQmVWOJd79IiVJsqZGd4i7sGOx9vJO5Bg2aqHs2ga22ijXp4DHh9j9ABAvl0ujEJxlUZgqjBflbC4h/kaDRQb3j0BVDjY/y/lS7ppW4NCZbyEfm4EVUJf4c9PxbuACQY7vzonp4BB58wATd4AHN6pyOhQJKTp2EP5gv4KviSpIF1VQZ1HFa9HiHW5f/CdmW3Ue/39vb6293Y13eHt7cEpH29t27UxmhO0ccDj53GZSksR5QQ+nfS0PoT9BmLNM1Mx86tn989M/ey9sW6bhaWpQlqGrQln7tefjWergA3j0X8r/QvmDtx/L81zjttAkfftXOnbktm8bPmr6cktzuoRMw/I0Ub91QnG8DxlQixS7/lztqV7swAtwtWIovyICQQCRs4iDWjyOk478fM3493aWWz/3julegXlVJrDdWWs31icJK8M4I+vHvYxnXLY+yPcl/l6Vz0LaffZAlxFZHdpQuwry/jxtGnNmSIKVdeqckpV0mKY83R6jv7wTPj0fWd7dv2P3x3VE7Mns4nzYeQbsGr7fBF2TBMMorImuO+Ljg94ur1Tf4M3kp5KPHOe+WQYEYWbk8YrMyL1iQL5g4MjxGJsymRibUmXYl2ywZRegG6u37dsmdk0T3yDsmx1zAu0fGCNNJLWw4WsI8Xw2QHf7ZWmVJW8/0LXO/gM=&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g><rect x="90" y="10" width="1270" height="2870" fill="none" stroke="rgb(0, 0, 0)" stroke-dasharray="3 3" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe flex-end; justify-content: unsafe flex-start; width: 1268px; height: 1px; padding-top: 2877px; margin-left: 92px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><font style="font-size: 12px;"><b style="">Single-page Application</b><br style="" /></font><font style="font-size: 10px;">[Container]</font></div></div></div></foreignObject><text x="92" y="2877" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Single-page Application...</text></switch></g><path d="M 1268.55 1005.23 L 1760.45 1966.77" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1265.37 999 L 1271.67 1003.63 L 1265.44 1006.82 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 1763.63 1973 L 1757.33 1968.37 L 1763.56 1965.18 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1486px; margin-left: 1514px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">request / response<br style="font-size: 12px;" />[JSON/HTTP]</div></div></div></foreignObject><text x="1514" y="1489" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">request / response...</text></switch></g><path d="M 1255.14 460.68 L 1773.86 1966.32" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1252.86 454.06 L 1258.45 459.54 L 1251.83 461.82 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 1776.14 1972.94 L 1770.55 1967.46 L 1777.17 1965.18 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1213px; margin-left: 1514px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">request / response<br style="font-size: 12px;" />[JSON/HTTP]</div></div></div></foreignObject><text x="1514" y="1217" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">request / response...</text></switch></g><path d="M 844 307.05 L 1108.74 356.78" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.9 357.75 L 1106.38 359.9 L 1108.74 356.78 L 1107.67 353.02 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 333px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="336" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><path d="M 844 446.24 L 1108.73 399.76" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.9 398.86 L 1107.61 403.51 L 1108.73 399.76 L 1106.4 396.62 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 422px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="426" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="30" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 104px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">HomeComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de Inicio</div></div></div></foreignObject><text x="732" y="108" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">HomeComponent...</text></switch></g><path d="M 844 715.09 L 1109.41 859.86" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1114.02 862.37 L 1106.2 862.09 L 1109.41 859.86 L 1109.55 855.95 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 789px; margin-left: 979px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="979" y="792" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="1115" y="305" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 379px; margin-left: 1116px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">AuthService<br /></font></b><span style="font-size: 10px;">[Component: Angular Service]</span><br style="font-size: 10px;" /><br />Servicio de autenticación</div></div></div></foreignObject><text x="1227" y="383" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">AuthService...</text></switch></g><rect x="1115" y="850" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 924px; margin-left: 1116px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">AccountService<br /></font></b><span style="font-size: 10px;">[Component: Angular Service]</span><br style="font-size: 10px;" /><br />Servicio de cuenta de usuario</div></div></div></foreignObject><text x="1227" y="928" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">AccountService...</text></switch></g><path d="M 844 994.63 L 1108.74 945.81" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.9 944.86 L 1107.65 949.57 L 1108.74 945.81 L 1106.38 942.69 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 970px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="973" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><path d="M 844 854.36 L 1108.73 902.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.9 903.44 L 1106.39 905.63 L 1108.73 902.5 L 1107.64 898.74 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 879px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="883" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><path d="M 844 1140.65 L 1109.46 990.49" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1114.03 987.9 L 1109.66 994.4 L 1109.46 990.49 L 1106.21 988.3 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1064px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="1067" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="212.01" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 286px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">LoginComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de inicio de sesión</div></div></div></foreignObject><text x="732" y="290" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">LoginComponent...</text></switch></g><rect x="620" y="391.9" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 466px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">RegisterComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de registro para crear nueva cuenta</div></div></div></foreignObject><text x="732" y="470" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">RegisterComponent...</text></switch></g><rect x="620" y="580" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 654px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">PasswordResetComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de restablecimiento de contraseña</div></div></div></foreignObject><text x="732" y="658" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">PasswordResetComponent...</text></switch></g><rect x="620" y="1130" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1204px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">OverviewComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de vista general de cuenta</div></div></div></foreignObject><text x="732" y="1208" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">OverviewComponent...</text></switch></g><rect x="620" y="760" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 834px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">EditAccountComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página para editar datos de la cuenta</div></div></div></foreignObject><text x="732" y="838" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">EditAccountComponent...</text></switch></g><rect x="620" y="941.29" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1015px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">ChangePasswordComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página para cambiar la contraseña de la cuenta usando la actual</div></div></div></foreignObject><text x="732" y="1019" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">ChangePasswordComponent...</text></switch></g><path d="M 844 1394 L 1108.63 1394" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.88 1394 L 1106.88 1397.5 L 1108.63 1394 L 1106.88 1390.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1394px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="1398" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="1320" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1394px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">EditDownloadComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página para editar las preferencias de descarga de perfiles profesionales como currículum</div></div></div></foreignObject><text x="732" y="1398" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">EditDownloadComponent...</text></switch></g><path d="M 1339 1907.89 L 1683.9 2012.26" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1688.93 2013.78 L 1681.22 2015.11 L 1683.9 2012.26 L 1683.24 2008.41 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1961px; margin-left: 1514px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="font-size: 12px;">request / response</span><br style="font-size: 12px;" /><span style="font-size: 12px;">[JSON/HTTP]</span></div></div></div></foreignObject><text x="1514" y="1964" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">request / response...</text></switch></g><rect x="1115" y="1800" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1874px; margin-left: 1116px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">ProfilesService<br /></font></b><span style="font-size: 10px;">[Component: Angular Service]</span><br style="font-size: 10px;" /><br />Servicio de perfiles profesionales</div></div></div></foreignObject><text x="1227" y="1878" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">ProfilesService...</text></switch></g><path d="M 844 1649.62 L 1109.51 1805.16" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1114.04 1807.82 L 1106.23 1807.3 L 1109.51 1805.16 L 1109.76 1801.26 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1729px; margin-left: 979px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="979" y="1733" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="1510" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1584px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">DiscoverComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página para descubrir un nuevo perfil profesional ideal.<br /><br /><font style="font-size: 10px;">*Protección interna personalizada</font></div></div></div></foreignObject><text x="732" y="1588" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DiscoverComponent...</text></switch></g><path d="M 844 1796.63 L 1108.76 1850.11" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.9 1851.15 L 1106.35 1853.2 L 1108.76 1850.11 L 1107.74 1846.34 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1824px; margin-left: 979px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="979" y="1828" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="1700" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1774px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">ProfileListComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página para ver y buscar perfiles profesionales previamiente descubiertos por el usuario</div></div></div></foreignObject><text x="732" y="1778" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">ProfileListComponent...</text></switch></g><path d="M 844 1943.64 L 1108.73 1895.5" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.9 1894.56 L 1107.64 1899.26 L 1108.73 1895.5 L 1106.39 1892.37 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1919px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="1923" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="1890" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1964px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">ProfileComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página para ver datalles de un perfil profesional</div></div></div></foreignObject><text x="732" y="1968" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">ProfileComponent...</text></switch></g><path d="M 844 2090.65 L 1109.46 1940.49" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1114.03 1937.9 L 1109.66 1944.4 L 1109.46 1940.49 L 1106.21 1938.3 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2014px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="2017" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="2080" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2154px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">DashboardComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página para ver gráficas de los perfiles profesionales generados por el usuario</div></div></div></foreignObject><text x="732" y="2158" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DashboardComponent...</text></switch></g><path d="M 1920.37 2048 L 2123.63 2048" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1915.12 2048 L 1922.12 2044.5 L 1920.37 2048 L 1922.12 2051.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><path d="M 2128.88 2048 L 2121.88 2051.5 L 2123.63 2048 L 2121.88 2044.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2048px; margin-left: 2022px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">Reads from and write to<br style="font-size: 12px;" />[mongoose]</div></div></div></foreignObject><text x="2022" y="2052" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">Reads from and write to...</text></switch></g><rect x="10" y="2880" width="2265" height="140" fill="none" stroke="none" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe flex-start; width: 2263px; height: 1px; padding-top: 2950px; margin-left: 12px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: left;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b style=""><font style="font-size: 34px;">Diagrama de componentes de la plataforma web Generador de Perfiles Profesionales - Single-page Aplication</font><br /></b><font color="#666666" style="font-size: 22px;"><span style="">El diagrama de componentes para la aplicación de una sola página (</span></font><span style="color: rgb(102, 102, 102); font-size: 22px;">lado del cliente).</span><font color="#666666" style="font-size: 22px;"><span style=""> </span><br /><span style="">Última modificación: Miércoles 28 de julio de 2022.</span></font></div></div></div></foreignObject><text x="12" y="2954" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px">Diagrama de componentes de la plataforma web Generador de Perfiles Profesionales - Single-page Aplication...</text></switch></g><path d="M 1292.06 1468 L 1732.73 1969.22" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1736.2 1973.16 L 1728.95 1970.21 L 1732.73 1969.22 L 1734.21 1965.59 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1721px; margin-left: 1515px;"><div data-drawio-colors="color: #666666; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">request / response</span><br style="color: rgb(0, 0, 0); font-size: 12px;" /><span style="color: rgb(0, 0, 0); font-size: 12px;">[JSON/HTTP]</span></div></div></div></foreignObject><text x="1515" y="1725" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">request / response...</text></switch></g><rect x="1115" y="1320" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1394px; margin-left: 1116px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">DownloadPreferencesService<br /></font></b><span style="font-size: 10px;">[Component: Angular Service]</span><br style="font-size: 10px;" /><br />Servicio de preferencias de usuario para la descarga de perfiles profesionales.</div></div></div></foreignObject><text x="1227" y="1398" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">DownloadPreferencesService...</text></switch></g><path d="M 844 2354 L 1108.63 2354" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.88 2354 L 1106.88 2357.5 L 1108.63 2354 L 1106.88 2350.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2354px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="2358" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="2280" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2354px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">TechnologiesComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de mantenimiento de tecnologías que se usan en el algoritmo PPG</div></div></div></foreignObject><text x="732" y="2358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">TechnologiesComponent...</text></switch></g><path d="M 844 2544 L 1108.63 2544" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.88 2544 L 1106.88 2547.5 L 1108.63 2544 L 1106.88 2540.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2544px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="2548" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="2470" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2544px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">TechnologyTypesComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de mantenimiento de tipos de tecnologías</div></div></div></foreignObject><text x="732" y="2548" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">TechnologyTypesComponent...</text></switch></g><path d="M 844 2734 L 1108.63 2734" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1113.88 2734 L 1106.88 2737.5 L 1108.63 2734 L 1106.88 2730.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2734px; margin-left: 980px;"><div data-drawio-colors="color: #000000; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">usa</div></div></div></foreignObject><text x="980" y="2738" fill="#000000" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">usa</text></switch></g><rect x="620" y="2660" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2734px; margin-left: 621px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">UsersComponent</font></b><br /><font style="font-size: 10px;">[Component: Angular Component]<br /></font><br />Página de mantenimiento de usuarios del sistema</div></div></div></foreignObject><text x="732" y="2738" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">UsersComponent...</text></switch></g><path d="M 1339 2294.4 L 1684.38 2110.6" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1689.01 2108.13 L 1684.48 2114.51 L 1684.38 2110.6 L 1681.19 2108.33 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2201px; margin-left: 1515px;"><div data-drawio-colors="color: #666666; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">request / response</span><br style="color: rgb(0, 0, 0); font-size: 12px;" /><span style="color: rgb(0, 0, 0); font-size: 12px;">[JSON/HTTP]</span></div></div></div></foreignObject><text x="1515" y="2205" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">request / response...</text></switch></g><rect x="1115" y="2280" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2354px; margin-left: 1116px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">TechnologiesService<br /></font></b><span style="font-size: 10px;">[Component: Angular Service]</span><br style="font-size: 10px;" /><br />Servicio de tecnologías</div></div></div></foreignObject><text x="1227" y="2358" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">TechnologiesService...</text></switch></g><path d="M 1312.79 2470 L 1711.39 2126.16" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1715.37 2122.73 L 1712.35 2129.95 L 1711.39 2126.16 L 1707.78 2124.65 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2296px; margin-left: 1514px;"><div data-drawio-colors="color: #666666; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">request / response</span><br style="color: rgb(0, 0, 0); font-size: 12px;" /><span style="color: rgb(0, 0, 0); font-size: 12px;">[JSON/HTTP]</span></div></div></div></foreignObject><text x="1514" y="2300" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">request / response...</text></switch></g><rect x="1115" y="2470" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2544px; margin-left: 1116px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">TechnologyTypesService<br /></font></b><span style="font-size: 10px;">[Component: Angular Service]</span><br style="font-size: 10px;" /><br />Servicio de tipos de tecnologías</div></div></div></foreignObject><text x="1227" y="2548" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">TechnologyTypesService...</text></switch></g><path d="M 1289.03 2660 L 1735.88 2126.88" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 1739.26 2122.86 L 1737.44 2130.47 L 1735.88 2126.88 L 1732.08 2125.97 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2391px; margin-left: 1515px;"><div data-drawio-colors="color: #666666; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(102, 102, 102); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">request / response</span><br style="color: rgb(0, 0, 0); font-size: 12px;" /><span style="color: rgb(0, 0, 0); font-size: 12px;">[JSON/HTTP]</span></div></div></div></foreignObject><text x="1515" y="2395" fill="#666666" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">request / response...</text></switch></g><rect x="1115" y="2660" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2734px; margin-left: 1116px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><b><font style="font-size: 16px;">UsersService<br /></font></b><span style="font-size: 10px;">[Component: Angular Service]</span><br style="font-size: 10px;" /><br />Servicio de usuarios.</div></div></div></foreignObject><text x="1227" y="2738" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">UsersService...</text></switch></g><rect x="1690" y="1974" width="224" height="148" fill="#438dd5" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2048px; margin-left: 1691px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><font style=""><font style="font-size: 16px;">API RESTful Application</font><br /><span style="font-size: 10px; font-weight: 400;">[Container: Node.js web server]<br /></span><br style="font-weight: 400;" /></font><span style="font-weight: 400">Provee APIs HTTP para los diversos casos de uso del proyecto a través del envío y recepción de datos en formato JSON bajo la arquitectura REST.</span></div></div></div></foreignObject><text x="1802" y="2052" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">API RESTful Application...</text></switch></g><path d="M 321.32 1510 L 627.58 1281.8" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 631.79 1278.67 L 628.27 1285.66 L 627.58 1281.8 L 624.08 1280.04 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1394px; margin-left: 477px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">protege</div></div></div></foreignObject><text x="477" y="1398" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 288.36 1510 L 661.39 1094.03" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 664.89 1090.12 L 662.83 1097.67 L 661.39 1094.03 L 657.61 1093 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1299px; margin-left: 477px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">protege</div></div></div></foreignObject><text x="477" y="1303" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 272.32 1510 L 678.1 913.27" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 681.05 908.92 L 680.01 916.68 L 678.1 913.27 L 674.22 912.74 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1209px; margin-left: 477px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">protege</div></div></div></foreignObject><text x="477" y="1213" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 334 1542.27 L 614.03 1437.95" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.95 1436.12 L 613.61 1441.84 L 614.03 1437.95 L 611.17 1435.28 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1489px; margin-left: 477px;"><div data-drawio-colors="color: rgb(0, 0, 0); background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;">protege</div></div></div></foreignObject><text x="477" y="1492" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 334 1625.73 L 614.03 1730.05" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.95 1731.88 L 611.17 1732.72 L 614.03 1730.05 L 613.61 1726.16 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1679px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">protege</span></div></div></div></foreignObject><text x="477" y="1683" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 321.32 1658 L 627.58 1886.2" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 631.79 1889.33 L 624.08 1887.96 L 627.58 1886.2 L 628.27 1882.34 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1774px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">protege</span></div></div></div></foreignObject><text x="477" y="1778" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 288.21 1658 L 661.54 2075.25" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 665.04 2079.17 L 657.77 2076.28 L 661.54 2075.25 L 662.98 2071.62 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 1869px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">protege</span></div></div></div></foreignObject><text x="477" y="1873" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><rect x="110" y="1510" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 1584px; margin-left: 111px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span style="font-size: 16px;"><b>AuthGuard</b></span><br /><font style="font-size: 10px;">[Component: Angular Guard]<br /></font><br />Protege la ruta de la página. El usuario para acceder debe estar autenticado.</div></div></div></foreignObject><text x="222" y="1588" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">AuthGuard...</text></switch></g><path d="M 334 426.39 L 613.99 327.63" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.95 325.89 L 613.51 331.52 L 613.99 327.63 L 611.18 324.91 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 376px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><font style="font-size: 12px;" color="#000000">protege</font></div></div></div></foreignObject><text x="477" y="379" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 334 465.9 L 613.63 465.9" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.88 465.9 L 611.88 469.4 L 613.63 465.9 L 611.88 462.4 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 466px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><font style="font-size: 12px;" color="#000000">protege</font></div></div></div></foreignObject><text x="477" y="470" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 334 507.21 L 614.03 610.49" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.95 612.3 L 611.17 613.17 L 614.03 610.49 L 613.59 606.6 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 560px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">protege</span></div></div></div></foreignObject><text x="477" y="563" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><rect x="110" y="391.9" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 466px; margin-left: 111px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span style="font-size: 16px;"><b>NoAuthGuard</b></span><br /><font style="font-size: 10px;">[Component: Angular Guard]<br /></font><br />Protege la ruta de la página. El usuario para acceder debe NO estar autenticado.</div></div></div></foreignObject><text x="222" y="470" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">NoAuthGuard...</text></switch></g><path d="M 334 2502.27 L 614.03 2397.95" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.95 2396.12 L 613.61 2401.84 L 614.03 2397.95 L 611.17 2395.28 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2449px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">protege</span></div></div></div></foreignObject><text x="477" y="2452" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 334 2544 L 613.63 2544" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.88 2544 L 611.88 2547.5 L 613.63 2544 L 611.88 2540.5 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2544px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">protege</span></div></div></div></foreignObject><text x="477" y="2548" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><path d="M 334 2585.73 L 614.03 2690.05" fill="none" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" stroke-dasharray="3 3" pointer-events="stroke"/><path d="M 618.95 2691.88 L 611.17 2692.72 L 614.03 2690.05 L 613.61 2686.16 Z" fill="rgb(0, 0, 0)" stroke="rgb(0, 0, 0)" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 1px; height: 1px; padding-top: 2639px; margin-left: 477px;"><div data-drawio-colors="color: #FFFFFF; background-color: rgb(255, 255, 255); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; background-color: rgb(255, 255, 255); white-space: nowrap;"><span style="color: rgb(0, 0, 0); font-size: 12px;">protege</span></div></div></div></foreignObject><text x="477" y="2643" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">protege</text></switch></g><rect x="110" y="2470" width="224" height="148" fill="#85bbf0" stroke="#6c8ebf" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2544px; margin-left: 111px;"><div data-drawio-colors="color: rgb(0, 0, 0); " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; pointer-events: all; white-space: normal; overflow-wrap: normal;"><span style="font-size: 16px;"><b>AdminGuard</b></span><br /><font style="font-size: 10px;">[Component: Angular Guard]<br /></font><br />Protege la ruta de la página. El usuario para acceder debe estar autenticado y tener rol Administrador.</div></div></div></foreignObject><text x="222" y="2548" fill="rgb(0, 0, 0)" font-family="Helvetica" font-size="12px" text-anchor="middle">AdminGuard...</text></switch></g><path d="M 2130 1989 C 2130 1980.72 2180.14 1974 2242 1974 C 2271.7 1974 2300.19 1975.58 2321.2 1978.39 C 2342.2 1981.21 2354 1985.02 2354 1989 L 2354 2107 C 2354 2115.28 2303.86 2122 2242 2122 C 2180.14 2122 2130 2115.28 2130 2107 Z" fill="#438dd5" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/><path d="M 2354 1989 C 2354 1997.28 2303.86 2004 2242 2004 C 2180.14 2004 2130 1997.28 2130 1989" fill="none" stroke="#6c8ebf" stroke-miterlimit="10" pointer-events="all"/><g transform="translate(-0.5 -0.5)"><switch><foreignObject pointer-events="none" width="100%" height="100%" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility" style="overflow: visible; text-align: left;"><div xmlns="http://www.w3.org/1999/xhtml" style="display: flex; align-items: unsafe center; justify-content: unsafe center; width: 222px; height: 1px; padding-top: 2061px; margin-left: 2131px;"><div data-drawio-colors="color: #FFFFFF; " style="box-sizing: border-box; font-size: 0px; text-align: center;"><div style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(255, 255, 255); line-height: 1.2; pointer-events: all; font-weight: bold; white-space: normal; overflow-wrap: normal;"><font style="font-size: 16px;">Database</font><br /><span style="font-weight: 400;">[Container: MongoDB Database]<br /><br />Persiste los usuarios, roles, perfiles profesionales, ofertas de trabajo extraídas, tecnologías, metadatos, etc.<br /></span></div></div></div></foreignObject><text x="2242" y="2064" fill="#FFFFFF" font-family="Helvetica" font-size="12px" text-anchor="middle" font-weight="bold">Database...</text></switch></g></g><switch><g requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"/><a transform="translate(0,-5)" xlink:href="https://www.diagrams.net/doc/faq/svg-export-text-problems" target="_blank"><text text-anchor="middle" font-size="10px" x="50%" y="100%">Text is not SVG - cannot display</text></a></switch></svg>