| 1 | <!DOCTYPE html> |
| 2 | <html lang="es"> |
| 3 | <head> |
| 4 | <meta charset="UTF-8"> |
| 5 | <meta name="viewport" content="width=device-width, initial-scale=1.0"> |
| 6 | <title>Completa tu perfil | MAPS Connect</title> |
| 7 | <script src="js/estilos.js?v=17"></script> |
| 8 | <link rel="stylesheet" href="css/base.css?v=8"> |
| 9 | <link rel="stylesheet" href="css/layout.css?v=5"> |
| 10 | <link rel="stylesheet" href="css/components.css?v=8"> |
| 11 | <link rel="stylesheet" href="css/colores.css?v=1"> |
| 12 | <link rel="stylesheet" href="css/estilos.css?v=26"> |
| 13 | <style> |
| 14 | .ono-section { margin-top: 1.25rem; padding-top: 1rem; border-top: 1px solid var(--gray-200); } |
| 15 | .ono-section h3 { margin-bottom: 0.5rem; font-size: 1rem; } |
| 16 | .ono-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0.5rem; } |
| 17 | .ono-grid label { |
| 18 | display: flex; align-items: center; gap: 0.45rem; |
| 19 | padding: 0.55rem 0.7rem; |
| 20 | border: 1px solid var(--gray-300); |
| 21 | border-radius: var(--border-radius); |
| 22 | font-size: 0.88rem; |
| 23 | cursor: pointer; |
| 24 | } |
| 25 | .ono-grid label.sem-activo { border-color: var(--primary-color); background: #eff6ff; } |
| 26 | .ono-materias { margin-top: 0.5rem; } |
| 27 | .ono-chip { |
| 28 | display: inline-block; |
| 29 | background: #f1f5f9; border: 1px solid var(--gray-200); |
| 30 | border-radius: 999px; padding: 0.3rem 0.75rem; |
| 31 | margin: 0.2rem 0.2rem 0 0; font-size: 0.82rem; color: var(--gray-800); |
| 32 | } |
| 33 | .ono-espera { color: var(--gray-600); font-size: 0.9rem; padding: 0.75rem 0; } |
| 34 | </style> |
| 35 | </head> |
| 36 | <body class="register-page"> |
| 37 | <div class="auth-layout"> |
| 38 | <div class="auth-card card"> |
| 39 | <h1 class="page-title" id="ono-titulo">Completa tu perfil</h1> |
| 40 | <p class="form-hint" id="ono-subtitulo"></p> |
| 41 | <div id="alert-container"></div> |
| 42 | <div id="ono-contenido"></div> |
| 43 | </div> |
| 44 | </div> |
| 45 | <script src="js/api.js?v=5"></script> |
| 46 | <script src="js/auth.js?v=7"></script> |
| 47 | <script src="js/utils.js?v=5"></script> |
| 48 | <script src="js/colores.js?v=1"></script> |
| 49 | <script src="js/pages/onboarding.js?v=5"></script> |
| 50 | </body> |
| 51 | </html> |