Restablecer Contrase\u00f1a - IE Julius Sieber<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Serif+Display&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --primary: #3B6CB5;\n --primary-light: #5A8AD4;\n --primary-dark: #2A4E8A;\n --primary-pale: #E8F0FB;\n --accent: #E8C95A;\n --accent-soft: #F5E6A3;\n --accent-pale: #FDF8E8;\n --accent-dark: #C4A83C;\n --bg: #F7F9FC;\n --card: #FFFFFF;\n --text: #1E2A3A;\n --text-light: #556578;\n --text-muted: #8D9BAD;\n --border: #DFE5ED;\n --border-focus: #5A8AD4;\n --error: #D14343;\n --error-bg: #FFF0F0;\n --success: #2D8A56;\n --success-bg: #E8F5EC;\n --shadow-sm: 0 1px 3px rgba(59,108,181,0.06);\n --shadow-md: 0 4px 20px rgba(59,108,181,0.08);\n --shadow-lg: 0 12px 40px rgba(59,108,181,0.12);\n --radius: 16px;\n --radius-sm: 11px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--bg);\n color: var(--text);\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px 16px;\n position: relative;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n top: -20%;\n right: -15%;\n width: 550px;\n height: 550px;\n background: radial-gradient(circle, rgba(59,108,181,0.06) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n body::after {\n content: '';\n position: fixed;\n bottom: -15%;\n left: -10%;\n width: 480px;\n height: 480px;\n background: radial-gradient(circle, rgba(232,201,90,0.1) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .module-wrapper {\n width: 100%;\n max-width: 680px;\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500 HONEYPOT (anti-spam) \u2500\u2500 *\/\n .ohnohoney {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n height: 0;\n width: 0;\n z-index: -1;\n overflow: hidden;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n .module-header {\n text-align: center;\n margin-bottom: 32px;\n animation: fadeSlideDown 0.7s ease;\n }\n\n .logo-badge {\n width: 74px;\n height: 74px;\n background: linear-gradient(145deg, var(--primary), var(--primary-light));\n border-radius: 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n box-shadow: 0 8px 28px rgba(59,108,181,0.22);\n position: relative;\n }\n\n .logo-badge::after {\n content: '';\n position: absolute;\n top: -3px; right: -3px; bottom: -3px; left: -3px;\n border-radius: 24px;\n border: 2px solid rgba(232,201,90,0.4);\n }\n\n .logo-badge svg { width: 36px; height: 36px; }\n\n .module-header h1 {\n font-family: 'DM Serif Display', serif;\n font-size: 28px;\n color: var(--primary-dark);\n letter-spacing: -0.02em;\n margin-bottom: 6px;\n }\n\n .module-header .subtitle {\n font-size: 14px;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .institution-name {\n font-size: 12px;\n color: var(--accent-dark);\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n\n \/* \u2500\u2500 STEPPER \u2500\u2500 *\/\n .stepper {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 28px;\n padding: 0 20px;\n animation: fadeSlideDown 0.7s ease 0.1s both;\n }\n\n .step-item {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .step-circle {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 14px;\n transition: all 0.4s cubic-bezier(0.4,0,0.2,1);\n flex-shrink: 0;\n border: 2px solid var(--border);\n background: var(--card);\n color: var(--text-muted);\n }\n\n .step-item.active .step-circle {\n background: linear-gradient(145deg, var(--primary), var(--primary-light));\n border-color: var(--primary);\n color: #fff;\n box-shadow: 0 4px 18px rgba(59,108,181,0.28);\n transform: scale(1.08);\n }\n\n .step-item.completed .step-circle {\n background: var(--accent);\n border-color: var(--accent);\n color: #fff;\n box-shadow: 0 3px 12px rgba(232,201,90,0.3);\n }\n\n .step-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--text-muted);\n transition: color 0.3s;\n white-space: nowrap;\n }\n\n .step-item.active .step-label { color: var(--primary); }\n .step-item.completed .step-label { color: var(--accent-dark); }\n\n .step-connector {\n width: 50px;\n height: 3px;\n background: var(--border);\n margin: 0 10px;\n border-radius: 3px;\n flex-shrink: 0;\n transition: background 0.4s;\n }\n\n .step-connector.filled {\n background: linear-gradient(90deg, var(--accent), var(--accent-soft));\n }\n\n \/* \u2500\u2500 CARD \u2500\u2500 *\/\n .form-card {\n background: var(--card);\n border-radius: var(--radius);\n box-shadow: var(--shadow-md);\n border: 1px solid var(--border);\n animation: fadeSlideUp 0.6s ease 0.2s both;\n position: relative;\n }\n\n .card-accent-bar {\n height: 5px;\n background: linear-gradient(90deg, var(--primary), var(--primary-light), var(--accent), var(--accent-soft));\n border-radius: var(--radius) var(--radius) 0 0;\n }\n\n .card-body { padding: 36px 32px 32px; }\n\n \/* \u2500\u2500 SECTION BADGE \u2500\u2500 *\/\n .section-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 14px;\n border-radius: 9px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 18px;\n }\n\n .section-badge.student { background: var(--primary-pale); color: var(--primary); }\n .section-badge.guardian { background: var(--accent-pale); color: var(--accent-dark); }\n .section-badge.auth { background: var(--success-bg); color: var(--success); }\n .section-badge svg { width: 16px; height: 16px; }\n\n .section-description {\n font-size: 14px;\n color: var(--text-light);\n margin-bottom: 24px;\n line-height: 1.65;\n }\n\n \/* \u2500\u2500 FORM FIELDS \u2500\u2500 *\/\n .field-group { margin-bottom: 20px; }\n\n .field-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n\n .field-label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--text);\n margin-bottom: 7px;\n }\n\n .field-label .required { color: var(--error); margin-left: 2px; }\n\n .field-input {\n width: 100%;\n height: 48px;\n padding: 0 16px;\n border: 1.5px solid var(--border);\n border-radius: var(--radius-sm);\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n color: var(--text);\n background: #F9FBFD;\n transition: all 0.25s ease;\n outline: none;\n }\n\n .field-input::placeholder { color: var(--text-muted); font-weight: 400; }\n .field-input:hover { border-color: #C4CEE0; }\n\n .field-input:focus {\n border-color: var(--border-focus);\n background: #fff;\n box-shadow: 0 0 0 4px rgba(90,138,212,0.1);\n }\n\n .field-input.error { border-color: var(--error); background: var(--error-bg); }\n .field-input.error:focus { box-shadow: 0 0 0 4px rgba(209,67,67,0.08); }\n\n select.field-input {\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238D9BAD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 16px center;\n padding-right: 40px;\n cursor: pointer;\n }\n\n textarea.field-input { height: 100px; padding: 14px 16px; resize: vertical; line-height: 1.5; }\n\n \/* \u2500\u2500 EMAIL COMPOUND \u2500\u2500 *\/\n .email-compound {\n display: flex;\n border: 1.5px solid var(--border);\n border-radius: var(--radius-sm);\n overflow: hidden;\n background: #F9FBFD;\n transition: all 0.25s ease;\n }\n\n .email-compound:hover { border-color: #C4CEE0; }\n .email-compound:focus-within { border-color: var(--border-focus); background: #fff; box-shadow: 0 0 0 4px rgba(90,138,212,0.1); }\n .email-compound.error { border-color: var(--error); background: var(--error-bg); }\n\n .email-compound input {\n flex: 1; height: 46px; padding: 0 14px; border: none; background: transparent;\n font-family: inherit; font-size: 14px; font-weight: 500; color: var(--text); outline: none; min-width: 0;\n }\n\n .email-compound input::placeholder { color: var(--text-muted); font-weight: 400; }\n\n .email-domain {\n display: flex; align-items: center; padding: 0 14px;\n background: var(--primary-pale); font-size: 13px; font-weight: 600;\n color: var(--primary); white-space: nowrap;\n border-left: 1.5px solid var(--border); user-select: none;\n }\n\n \/* \u2500\u2500 FIELD EXTRAS \u2500\u2500 *\/\n .field-error { display: none; align-items: center; gap: 5px; margin-top: 6px; font-size: 12px; color: var(--error); font-weight: 500; }\n .field-error.visible { display: flex; }\n .field-error svg { width: 14px; height: 14px; flex-shrink: 0; }\n\n .field-hint { font-size: 11px; color: var(--text-muted); margin-top: 5px; display: flex; align-items: center; gap: 4px; }\n .field-hint svg { width: 12px; height: 12px; flex-shrink: 0; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDE BUTTON\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide-container { margin-top: 28px; margin-bottom: 4px; }\n .slide-row { display: flex; gap: 12px; align-items: center; }\n\n .slide-track {\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100%;\n height: 58px;\n min-height: 58px;\n max-height: 58px;\n border-radius: 29px;\n overflow: hidden;\n -webkit-user-select: none;\n user-select: none;\n cursor: grab;\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-transform: translate3d(0,0,0);\n transform: translate3d(0,0,0);\n will-change: contents;\n }\n\n .slide-row .slide-track { flex: 1 1 auto; min-width: 0; }\n\n .slide-track:active { cursor: grabbing; }\n\n .slide-track.primary-slide {\n background: linear-gradient(135deg, #e0ebf7 0%, #d0def0 100%);\n border: 2px solid rgba(59,108,181,0.2);\n }\n\n .slide-track.submit-slide {\n background: linear-gradient(135deg, #faf3d8 0%, #f0e5b0 100%);\n border: 2px solid rgba(200,170,60,0.25);\n }\n\n .slide-fill {\n position: absolute; top: 0; left: 0; height: 100%; width: 0;\n border-radius: 29px; pointer-events: none;\n }\n\n .primary-slide .slide-fill { background: linear-gradient(90deg, rgba(59,108,181,0.08), rgba(59,108,181,0.2)); }\n .submit-slide .slide-fill { background: linear-gradient(90deg, rgba(232,201,90,0.1), rgba(232,201,90,0.3)); }\n\n .slide-label {\n position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center;\n justify-content: center; font-size: 13px; font-weight: 700;\n letter-spacing: 0.04em; pointer-events: none; transition: opacity 0.3s; gap: 6px;\n }\n\n .primary-slide .slide-label { color: var(--primary); }\n .submit-slide .slide-label { color: var(--accent-dark); }\n\n .slide-label .arrows { display: flex; gap: 2px; animation: arrowPulse 1.5s ease infinite; }\n .slide-label .arrows svg { width: 14px; height: 14px; }\n\n .slide-thumb {\n position: absolute; top: 5px; left: 5px; width: 48px; height: 48px;\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n box-shadow: 0 3px 14px rgba(0,0,0,0.13); z-index: 2; pointer-events: none;\n }\n\n .primary-slide .slide-thumb { background: linear-gradient(145deg, var(--primary), var(--primary-light)); }\n .submit-slide .slide-thumb { background: linear-gradient(145deg, var(--accent), var(--accent-dark)); }\n\n .slide-thumb svg { width: 22px; height: 22px; }\n\n .slide-track.completed-slide .slide-thumb {\n transform: scale(1.08);\n box-shadow: 0 4px 18px rgba(45,138,86,0.3);\n background: linear-gradient(145deg, var(--success), #34A064) !important;\n }\n\n .slide-track.completed-slide .slide-fill { background: var(--success-bg) !important; width: 100% !important; }\n .slide-track.completed-slide .slide-label { color: var(--success) !important; }\n\n .btn-back {\n height: 58px; padding: 0 22px; border-radius: 29px; font-family: inherit;\n font-size: 13px; font-weight: 700; border: 2px solid var(--border);\n background: var(--card); color: var(--text-light); cursor: pointer;\n display: inline-flex; align-items: center; justify-content: center;\n gap: 6px; transition: all 0.3s ease; flex-shrink: 0;\n }\n\n .btn-back:hover { background: var(--bg); border-color: #C4CEE0; }\n .btn-back svg { width: 18px; height: 18px; }\n\n \/* \u2500\u2500 AUTHORIZATION \u2500\u2500 *\/\n .auth-date-display {\n display: flex; align-items: center; gap: 12px; padding: 16px 20px;\n background: linear-gradient(135deg, var(--primary-pale), var(--accent-pale));\n border-radius: var(--radius-sm); border: 1px solid var(--border); margin-bottom: 24px;\n }\n\n .auth-date-display svg { width: 22px; height: 22px; color: var(--primary); flex-shrink: 0; }\n .auth-date-info { display: flex; flex-direction: column; gap: 2px; }\n .auth-date-label { font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; }\n .auth-date-value { font-size: 15px; font-weight: 600; color: var(--text); }\n\n .auth-checkbox-wrapper {\n display: flex; align-items: flex-start; gap: 14px; padding: 20px;\n border: 2px solid var(--border); border-radius: var(--radius-sm);\n cursor: pointer; transition: all 0.3s ease; margin-bottom: 16px; user-select: none;\n }\n\n .auth-checkbox-wrapper:hover { border-color: var(--primary-light); background: rgba(59,108,181,0.02); }\n .auth-checkbox-wrapper.checked { border-color: var(--primary); background: var(--primary-pale); }\n .auth-checkbox-wrapper.error { border-color: var(--error); background: var(--error-bg); }\n\n .custom-checkbox {\n width: 26px; height: 26px; border: 2px solid var(--border); border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; transition: all 0.25s ease; margin-top: 1px;\n }\n\n .auth-checkbox-wrapper.checked .custom-checkbox { background: var(--primary); border-color: var(--primary); }\n\n .custom-checkbox svg { width: 14px; height: 14px; opacity: 0; transform: scale(0.5); transition: all 0.25s ease; }\n .auth-checkbox-wrapper.checked .custom-checkbox svg { opacity: 1; transform: scale(1); }\n\n .auth-checkbox-text { font-size: 14px; line-height: 1.65; color: var(--text-light); }\n .auth-checkbox-text strong { color: var(--primary); font-weight: 700; }\n\n \/* \u2500\u2500 SUMMARY \u2500\u2500 *\/\n .summary-card {\n background: linear-gradient(135deg, rgba(59,108,181,0.03), rgba(232,201,90,0.05));\n border: 1px solid var(--border); border-radius: var(--radius-sm);\n padding: 20px; margin-bottom: 20px;\n }\n\n .summary-title {\n font-size: 13px; font-weight: 700; text-transform: uppercase;\n letter-spacing: 0.08em; margin-bottom: 14px;\n display: flex; align-items: center; gap: 8px;\n }\n\n .summary-title.student-sum { color: var(--primary); }\n .summary-title.guardian-sum { color: var(--accent-dark); }\n .summary-title svg { width: 16px; height: 16px; }\n\n .summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n .summary-item { display: flex; flex-direction: column; gap: 2px; }\n .summary-item.full { grid-column: 1 \/ -1; }\n .summary-item-label { font-size: 11px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }\n .summary-item-value { font-size: 14px; font-weight: 600; color: var(--text); word-break: break-all; }\n\n \/* \u2500\u2500 SUCCESS \u2500\u2500 *\/\n .success-screen { display: none; text-align: center; padding: 48px 32px; }\n .success-screen.visible { display: block; }\n\n .success-icon {\n width: 84px; height: 84px; background: var(--success-bg); border-radius: 50%;\n display: inline-flex; align-items: center; justify-content: center;\n margin-bottom: 24px; animation: successPop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.2s both;\n }\n\n .success-icon svg { width: 42px; height: 42px; color: var(--success); }\n\n .success-title { font-family: 'DM Serif Display', serif; font-size: 24px; color: var(--primary-dark); margin-bottom: 12px; }\n\n .success-text { font-size: 14px; color: var(--text-light); line-height: 1.7; max-width: 440px; margin: 0 auto 8px; }\n\n .spam-notice {\n display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px;\n background: var(--accent-pale); border: 1px solid rgba(232,201,90,0.3);\n border-radius: 10px; font-size: 13px; font-weight: 600;\n color: var(--accent-dark); margin-top: 18px; text-align: left;\n }\n\n .spam-notice svg { width: 20px; height: 20px; flex-shrink: 0; }\n\n \/* \u2500\u2500 LOADING \u2500\u2500 *\/\n .loading-overlay {\n display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0;\n background: rgba(255,255,255,0.88); backdrop-filter: blur(6px);\n border-radius: var(--radius); z-index: 10;\n align-items: center; justify-content: center; flex-direction: column; gap: 16px;\n }\n\n .loading-overlay.visible { display: flex; }\n\n .spinner { width: 46px; height: 46px; border: 3px solid var(--border); border-top-color: var(--primary); border-radius: 50%; animation: spin 0.8s linear infinite; }\n .loading-text { font-size: 14px; font-weight: 600; color: var(--text-light); }\n\n .form-step { display: none; animation: fadeIn 0.4s ease; }\n .form-step.active { display: block; }\n\n .module-footer { text-align: center; margin-top: 20px; font-size: 12px; color: var(--text-muted); animation: fadeSlideUp 0.6s ease 0.4s both; }\n .module-footer a { color: var(--primary); text-decoration: none; font-weight: 600; }\n\n .security-badge { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; font-size: 11px; color: var(--text-muted); font-weight: 500; }\n .security-badge svg { width: 13px; height: 13px; }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeSlideDown { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes fadeSlideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n @keyframes spin { to { transform: rotate(360deg); } }\n @keyframes successPop { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }\n @keyframes shake { 0%,100% { transform: translateX(0); } 20%,60% { transform: translateX(-6px); } 40%,80% { transform: translateX(6px); } }\n .shake { animation: shake 0.4s ease; }\n @keyframes arrowPulse { 0%,100% { opacity: 0.4; transform: translateX(0); } 50% { opacity: 1; transform: translateX(4px); } }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 640px) {\n body { padding: 16px 12px; }\n .module-header h1 { font-size: 22px; }\n .stepper { padding: 0 8px; }\n .step-label { display: none; }\n .step-connector { width: 28px; margin: 0 6px; }\n .card-body { padding: 24px 18px 20px; }\n .field-row { grid-template-columns: 1fr; gap: 0; }\n .email-compound { flex-direction: column; }\n .email-domain { border-left: none; border-top: 1.5px solid var(--border); padding: 10px 14px; justify-content: center; }\n .email-compound input { height: 44px; }\n .summary-grid { grid-template-columns: 1fr; }\n .slide-row { flex-direction: column-reverse; }\n .btn-back { width: 100%; border-radius: 14px; height: 48px; }\n .slide-track { height: 56px; min-height: 56px; max-height: 56px; border-radius: 28px; }\n .slide-thumb { width: 46px; height: 46px; }\n .auth-checkbox-wrapper { padding: 16px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"module-wrapper\">\n \n <div class=\"module-header\">\n <div class=\"logo-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><circle cx=\"12\" cy=\"16\" r=\"1\"\/>\n <\/svg>\n <\/div>\n <div class=\"institution-name\">Instituci\u00f3n Educativa Julius Sieber<\/div>\n <h1>Restablecer Contrase\u00f1a<\/h1>\n <p class=\"subtitle\">Solicitud de restablecimiento de contrase\u00f1a del correo institucional<\/p>\n <\/div>\n\n \n <div class=\"stepper\" id=\"stepperBar\">\n <div class=\"step-item active\" id=\"step-ind-1\"><div class=\"step-circle\">1<\/div><span class=\"step-label\">Estudiante<\/span><\/div>\n <div class=\"step-connector\" id=\"conn-1\"><\/div>\n <div class=\"step-item\" id=\"step-ind-2\"><div class=\"step-circle\">2<\/div><span class=\"step-label\">Acudiente<\/span><\/div>\n <div class=\"step-connector\" id=\"conn-2\"><\/div>\n <div class=\"step-item\" id=\"step-ind-3\"><div class=\"step-circle\">3<\/div><span class=\"step-label\">Autorizaci\u00f3n<\/span><\/div>\n <\/div>\n\n \n <div class=\"form-card\" id=\"formCard\">\n <div class=\"card-accent-bar\" id=\"accentBar\"><\/div>\n <div class=\"loading-overlay\" id=\"loadingOverlay\"><div class=\"spinner\"><\/div><div class=\"loading-text\">Enviando solicitud...<\/div><\/div>\n\n <div class=\"card-body\">\n <form id=\"resetForm\" novalidate>\n \n <div class=\"ohnohoney\"><input type=\"text\" name=\"website\" id=\"honeyField\" tabindex=\"-1\" autocomplete=\"off\"><\/div>\n\n \n <div class=\"form-step active\" id=\"step1\">\n <div class=\"section-badge student\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c0 2 4 3 6 3s6-1 6-3v-5\"\/><\/svg>\n Datos del Estudiante\n <\/div>\n <p class=\"section-description\">Ingrese la informaci\u00f3n del <strong>estudiante<\/strong> al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional.<\/p>\n\n <div class=\"field-row\">\n <div class=\"field-group\">\n <label class=\"field-label\">Nombre(s) del Estudiante <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"studentName\" placeholder=\"Ej: Juan Carlos\" autocomplete=\"off\">\n <div class=\"field-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>Sin caracteres especiales (tildes, \u00f1, etc.)<\/div>\n <div class=\"field-error\" id=\"err-studentName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <div class=\"field-group\">\n <label class=\"field-label\">Apellidos del Estudiante <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"studentLastName\" placeholder=\"Ej: Perez Rodriguez\" autocomplete=\"off\">\n <div class=\"field-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>Sin caracteres especiales<\/div>\n <div class=\"field-error\" id=\"err-studentLastName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">Grado <span class=\"required\">*<\/span><\/label>\n <select class=\"field-input\" id=\"studentGrade\">\n <option value=\"\">Seleccione el grado del estudiante<\/option>\n <option>Transici\u00f3n<\/option><option>Primero<\/option><option>Segundo<\/option><option>Tercero<\/option>\n <option>Cuarto<\/option><option>Quinto<\/option><option>Sexto<\/option><option>S\u00e9ptimo<\/option>\n <option>Octavo<\/option><option>Noveno<\/option><option>D\u00e9cimo<\/option><option>Once<\/option>\n <\/select>\n <div class=\"field-error\" id=\"err-studentGrade\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Seleccione un grado<\/span><\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">Correo Institucional del Estudiante <span class=\"required\">*<\/span><\/label>\n <div class=\"email-compound\" id=\"emailCompound\">\n <input type=\"text\" id=\"studentEmail\" placeholder=\"apellidosnombres\" autocomplete=\"off\">\n <div class=\"email-domain\">@iejuliussieber.edu.co<\/div>\n <\/div>\n <div class=\"field-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>Apellidos y nombres pegados, sin caracteres especiales. Ej: perezrodriguezjuancarlos<\/div>\n <div class=\"field-error\" id=\"err-studentEmail\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Ingrese el usuario del correo<\/span><\/div>\n <\/div>\n\n <div class=\"slide-container\">\n <div class=\"slide-track primary-slide\" id=\"slider1\" data-target=\"1\">\n <div class=\"slide-fill\"><\/div>\n <div class=\"slide-label\"><span>Deslice para continuar<\/span><span class=\"arrows\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\n <div class=\"slide-thumb\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-step\" id=\"step2\">\n <div class=\"section-badge guardian\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n Datos del Acudiente\n <\/div>\n <p class=\"section-description\">Ingrese la informaci\u00f3n del <strong>acudiente<\/strong> (padre, madre o tutor legal) que autoriza el restablecimiento de la contrase\u00f1a.<\/p>\n\n <div class=\"field-row\">\n <div class=\"field-group\">\n <label class=\"field-label\">Nombre(s) del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"guardianName\" placeholder=\"Ej: Mar\u00eda Elena\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <div class=\"field-group\">\n <label class=\"field-label\">Apellidos del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"guardianLastName\" placeholder=\"Ej: L\u00f3pez Garc\u00eda\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianLastName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field-group\">\n <label class=\"field-label\">Tel\u00e9fono del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"tel\" class=\"field-input\" id=\"guardianPhone\" placeholder=\"Ej: 3101234567\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianPhone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <div class=\"field-group\">\n <label class=\"field-label\">Correo del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"email\" class=\"field-input\" id=\"guardianEmail\" placeholder=\"correo@ejemplo.com\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianEmail\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">Descripci\u00f3n \/ Motivo de la solicitud <span class=\"required\">*<\/span><\/label>\n <textarea class=\"field-input\" id=\"description\" placeholder=\"Describa brevemente el motivo por el cual solicita el restablecimiento de la contrase\u00f1a...\"><\/textarea>\n <div class=\"field-error\" id=\"err-description\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Describa el motivo de la solicitud<\/span><\/div>\n <\/div>\n\n <div class=\"slide-container\">\n <div class=\"slide-row\">\n <button type=\"button\" class=\"btn-back\" onclick=\"prevStep(2)\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>Atr\u00e1s\n <\/button>\n <div class=\"slide-track primary-slide\" id=\"slider2\" data-target=\"2\" style=\"flex:1;\">\n <div class=\"slide-fill\"><\/div>\n <div class=\"slide-label\"><span>Deslice para continuar<\/span><span class=\"arrows\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\n <div class=\"slide-thumb\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-step\" id=\"step3\">\n <div class=\"section-badge auth\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n Autorizaci\u00f3n\n <\/div>\n <p class=\"section-description\">Revise la informaci\u00f3n y autorice el restablecimiento de la contrase\u00f1a.<\/p>\n\n <div class=\"summary-card\">\n <div class=\"summary-title student-sum\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c0 2 4 3 6 3s6-1 6-3v-5\"\/><\/svg>Datos del Estudiante<\/div>\n <div class=\"summary-grid\">\n <div class=\"summary-item\"><div class=\"summary-item-label\">Nombre(s)<\/div><div class=\"summary-item-value\" id=\"sum-sName\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Apellidos<\/div><div class=\"summary-item-value\" id=\"sum-sLast\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Grado<\/div><div class=\"summary-item-value\" id=\"sum-sGrade\">\u2014<\/div><\/div>\n <div class=\"summary-item full\"><div class=\"summary-item-label\">Correo Institucional<\/div><div class=\"summary-item-value\" id=\"sum-sEmail\">\u2014<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"summary-card\">\n <div class=\"summary-title guardian-sum\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>Datos del Acudiente<\/div>\n <div class=\"summary-grid\">\n <div class=\"summary-item\"><div class=\"summary-item-label\">Nombre(s)<\/div><div class=\"summary-item-value\" id=\"sum-gName\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Apellidos<\/div><div class=\"summary-item-value\" id=\"sum-gLast\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Tel\u00e9fono<\/div><div class=\"summary-item-value\" id=\"sum-gPhone\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Correo<\/div><div class=\"summary-item-value\" id=\"sum-gEmail\">\u2014<\/div><\/div>\n <div class=\"summary-item full\"><div class=\"summary-item-label\">Motivo<\/div><div class=\"summary-item-value\" id=\"sum-desc\">\u2014<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"auth-date-display\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n <div class=\"auth-date-info\"><div class=\"auth-date-label\">Fecha y hora de la solicitud<\/div><div class=\"auth-date-value\" id=\"authDateTime\">\u2014<\/div><\/div>\n <\/div>\n\n <div class=\"auth-checkbox-wrapper\" id=\"authCheckbox\" onclick=\"toggleAuth()\">\n <div class=\"custom-checkbox\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div class=\"auth-checkbox-text\">Yo, como <strong>ACUDIENTE<\/strong>, <strong>AUTORIZO<\/strong> el <strong>CAMBIO DE CONTRASE\u00d1A<\/strong> del correo institucional del estudiante mencionado anteriormente. Confirmo que la informaci\u00f3n suministrada es ver\u00eddica.<\/div>\n <\/div>\n <div class=\"field-error\" id=\"err-auth\" style=\"margin-top:-10px;margin-bottom:8px;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Debe aceptar la autorizaci\u00f3n para continuar<\/span><\/div>\n\n <div class=\"slide-container\">\n <div class=\"slide-row\">\n <button type=\"button\" class=\"btn-back\" onclick=\"prevStep(3)\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>Atr\u00e1s\n <\/button>\n <div class=\"slide-track submit-slide\" id=\"slider3\" data-target=\"submit\" style=\"flex:1;\">\n <div class=\"slide-fill\"><\/div>\n <div class=\"slide-label\"><span>Deslice para enviar solicitud<\/span><span class=\"arrows\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\n <div class=\"slide-thumb\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <div class=\"security-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Formulario protegido contra spam<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"success-screen\" id=\"successScreen\">\n <div class=\"success-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <h2 class=\"success-title\">\u00a1Solicitud Enviada!<\/h2>\n <p class=\"success-text\">Su solicitud de restablecimiento de contrase\u00f1a ha sido enviada correctamente. La nueva contrase\u00f1a ser\u00e1 enviada a la <strong>bandeja de entrada<\/strong> del correo electr\u00f3nico del <strong>acudiente<\/strong> registrado en este formulario.<\/p>\n <div class=\"spam-notice\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n Si no encuentra el correo en la bandeja principal, por favor revise la carpeta de <strong> Spam \/ Correo no deseado<\/strong>.\n <\/div>\n <\/div>\n\n <\/form>\n <\/div>\n <\/div>\n\n <div class=\"module-footer\"><a href=\"https:\/\/iejuliussieber.edu.co\/sitio\/\" target=\"_blank\">Instituci\u00f3n Educativa Julius Sieber<\/a> \u2014 Tunja, Boyac\u00e1<\/div>\n<\/div>\n\n<script>\n(function() {\n const FORM_LOAD_TIME = Date.now();\n const MIN_FILL_TIME = 8000;\n let currentStep = 1;\n let authChecked = false;\n\n const $id = id => document.getElementById(id);\n\n \/\/ Input filters\n $id('studentName').addEventListener('input', function() { this.value = this.value.replace(\/[^a-zA-Z\\s]\/g, ''); });\n $id('studentLastName').addEventListener('input', function() { this.value = this.value.replace(\/[^a-zA-Z\\s]\/g, ''); });\n $id('studentEmail').addEventListener('input', function() { this.value = this.value.replace(\/[^a-zA-Z0-9]\/g, '').toLowerCase(); });\n $id('guardianPhone').addEventListener('input', function() { this.value = this.value.replace(\/[^0-9]\/g, ''); });\n\n \/\/ Clear errors\n document.querySelectorAll('.field-input, .email-compound input').forEach(el => {\n el.addEventListener('focus', function() {\n this.classList.remove('error');\n const p = this.closest('.email-compound'); if (p) p.classList.remove('error');\n const e = this.closest('.field-group')?.querySelector('.field-error'); if (e) e.classList.remove('visible');\n });\n });\n\n function showErr(fId, eId, msg) {\n const f = $id(fId), e = $id(eId);\n if (f) f.classList.add('error');\n if (e) { if (msg) e.querySelector('span').textContent = msg; e.classList.add('visible'); }\n }\n\n function clearErr(fId, eId) {\n const f = $id(fId), e = $id(eId);\n if (f) f.classList.remove('error'); if (e) e.classList.remove('visible');\n }\n\n function doShake() { const c = $id('formCard'); c.classList.add('shake'); setTimeout(() => c.classList.remove('shake'), 500); }\n\n function validateStep1() {\n let v = true;\n if (!$id('studentName').value.trim()) { showErr('studentName','err-studentName','Ingrese el nombre del estudiante'); v=false; } else clearErr('studentName','err-studentName');\n if (!$id('studentLastName').value.trim()) { showErr('studentLastName','err-studentLastName','Ingrese los apellidos del estudiante'); v=false; } else clearErr('studentLastName','err-studentLastName');\n if (!$id('studentGrade').value) { showErr('studentGrade','err-studentGrade','Seleccione un grado'); v=false; } else clearErr('studentGrade','err-studentGrade');\n if (!$id('studentEmail').value.trim()) { $id('emailCompound').classList.add('error'); $id('err-studentEmail').classList.add('visible'); v=false; } else { $id('emailCompound').classList.remove('error'); $id('err-studentEmail').classList.remove('visible'); }\n if (!v) doShake();\n return v;\n }\n\n function validateStep2() {\n let v = true;\n if (!$id('guardianName').value.trim()) { showErr('guardianName','err-guardianName','Ingrese el nombre del acudiente'); v=false; } else clearErr('guardianName','err-guardianName');\n if (!$id('guardianLastName').value.trim()) { showErr('guardianLastName','err-guardianLastName','Ingrese los apellidos del acudiente'); v=false; } else clearErr('guardianLastName','err-guardianLastName');\n const ph = $id('guardianPhone').value.trim();\n if (!ph || ph.length < 7) { showErr('guardianPhone','err-guardianPhone','Tel\u00e9fono v\u00e1lido (m\u00edn. 7 d\u00edgitos)'); v=false; } else clearErr('guardianPhone','err-guardianPhone');\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test($id('guardianEmail').value.trim())) { showErr('guardianEmail','err-guardianEmail','Ingrese un correo v\u00e1lido'); v=false; } else clearErr('guardianEmail','err-guardianEmail');\n if (!$id('description').value.trim()) { showErr('description','err-description','Describa el motivo de la solicitud'); v=false; } else clearErr('description','err-description');\n if (!v) doShake();\n return v;\n }\n\n function updateStepper(s) {\n for (let i=1;i<=3;i++) { const e=$id('step-ind-'+i); e.classList.remove('active','completed'); if(i<s)e.classList.add('completed'); if(i===s)e.classList.add('active'); }\n for (let i=1;i<=2;i++) $id('conn-'+i).classList.toggle('filled',i<s);\n }\n\n function populateSummary() {\n $id('sum-sName').textContent = $id('studentName').value.trim();\n $id('sum-sLast').textContent = $id('studentLastName').value.trim();\n $id('sum-sGrade').textContent = $id('studentGrade').value;\n $id('sum-sEmail').textContent = $id('studentEmail').value.trim() + '@iejuliussieber.edu.co';\n $id('sum-gName').textContent = $id('guardianName').value.trim();\n $id('sum-gLast').textContent = $id('guardianLastName').value.trim();\n $id('sum-gPhone').textContent = $id('guardianPhone').value.trim();\n $id('sum-gEmail').textContent = $id('guardianEmail').value.trim();\n $id('sum-desc').textContent = $id('description').value.trim();\n const now = new Date();\n const f = now.toLocaleDateString('es-CO',{weekday:'long',year:'numeric',month:'long',day:'numeric',hour:'2-digit',minute:'2-digit',hour12:true});\n $id('authDateTime').textContent = f.charAt(0).toUpperCase()+f.slice(1);\n }\n\n function goToStep(from, to) {\n $id('step'+from).classList.remove('active');\n $id('step'+to).classList.add('active');\n currentStep = to;\n updateStepper(to);\n if (to===3) populateSummary();\n window.scrollTo({top:0,behavior:'smooth'});\n }\n\n window.nextStep = function(from) {\n if (from===1 && !validateStep1()) { resetSlider($id('slider1')); return; }\n if (from===2 && !validateStep2()) { resetSlider($id('slider2')); return; }\n goToStep(from, from+1);\n };\n\n window.prevStep = function(from) {\n goToStep(from, from-1);\n resetSlider($id('slider'+(from-1)));\n };\n\n window.toggleAuth = function() {\n authChecked = !authChecked;\n const el = $id('authCheckbox');\n el.classList.toggle('checked', authChecked);\n el.classList.remove('error');\n $id('err-auth').classList.remove('visible');\n };\n\n \/* \u2500\u2500 SLIDE SYSTEM \u2500\u2500 *\/\n function initSliders() {\n document.querySelectorAll('.slide-track').forEach(track => {\n let dragging = false, startX = 0, thumbLeft = 5;\n const thumb = track.querySelector('.slide-thumb');\n const fill = track.querySelector('.slide-fill');\n const label = track.querySelector('.slide-label');\n const PAD = 5;\n\n function maxLeft() { return track.offsetWidth - 48 - PAD; }\n\n function onStart(cx) {\n if (track.classList.contains('completed-slide')) return;\n dragging = true; startX = cx - thumbLeft;\n }\n\n function onMove(cx) {\n if (!dragging) return;\n let nl = Math.max(PAD, Math.min(cx - startX, maxLeft()));\n thumbLeft = nl;\n thumb.style.left = nl+'px';\n const pct = (nl-PAD)\/(maxLeft()-PAD);\n fill.style.width = (pct*100)+'%';\n label.style.opacity = 1-pct;\n }\n\n function onEnd() {\n if (!dragging) return;\n dragging = false;\n const pct = (thumbLeft-PAD)\/(maxLeft()-PAD);\n if (pct > 0.82) {\n thumb.style.left = maxLeft()+'px';\n fill.style.width = '100%';\n label.style.opacity = 0;\n track.classList.add('completed-slide');\n thumb.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\n label.innerHTML = '<span>\u00a1Listo!<\/span>'; label.style.opacity = 1;\n setTimeout(() => {\n const t = track.dataset.target;\n if (t==='submit') submitForm(); else nextStep(parseInt(t));\n }, 350);\n } else {\n resetSlider(track);\n }\n }\n\n track.addEventListener('mousedown', e => { e.preventDefault(); onStart(e.clientX); });\n window.addEventListener('mousemove', e => onMove(e.clientX));\n window.addEventListener('mouseup', onEnd);\n track.addEventListener('touchstart', e => onStart(e.touches[0].clientX), {passive:true});\n window.addEventListener('touchmove', e => { if(dragging){e.preventDefault();onMove(e.touches[0].clientX);} }, {passive:false});\n window.addEventListener('touchend', onEnd);\n });\n }\n\n function resetSlider(track) {\n if (!track) return;\n const thumb = track.querySelector('.slide-thumb');\n const fill = track.querySelector('.slide-fill');\n const label = track.querySelector('.slide-label');\n track.classList.remove('completed-slide');\n const ease = 'all 0.35s cubic-bezier(0.4,0,0.2,1)';\n thumb.style.transition = ease; fill.style.transition = ease; label.style.transition = 'opacity 0.3s';\n thumb.style.left = '5px'; fill.style.width = '0'; label.style.opacity = '1';\n const t = track.dataset.target;\n const arrowSvg = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\n if (t==='submit') {\n thumb.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>';\n label.innerHTML = '<span>Deslice para enviar solicitud<\/span><span class=\"arrows\">'+arrowSvg+'<\/span>';\n } else {\n thumb.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\n label.innerHTML = '<span>Deslice para continuar<\/span><span class=\"arrows\">'+arrowSvg+'<\/span>';\n }\n setTimeout(() => { thumb.style.transition=''; fill.style.transition=''; label.style.transition=''; }, 400);\n }\n\n \/* \u2500\u2500 SUBMIT \u2500\u2500 *\/\n function submitForm() {\n if ($id('honeyField').value) { showSuccess(); return; }\n if (Date.now() - FORM_LOAD_TIME < MIN_FILL_TIME) { showSuccess(); return; }\n if (!authChecked) {\n $id('authCheckbox').classList.add('error');\n $id('err-auth').classList.add('visible');\n doShake(); resetSlider($id('slider3'));\n return;\n }\n\n $id('loadingOverlay').classList.add('visible');\n const fullEmail = $id('studentEmail').value.trim()+'@iejuliussieber.edu.co';\n const dateStr = new Date().toLocaleDateString('es-CO',{weekday:'long',year:'numeric',month:'long',day:'numeric',hour:'2-digit',minute:'2-digit',hour12:true});\n\n const fd = new FormData();\n fd.append('Nombre del Estudiante', $id('studentName').value.trim());\n fd.append('Apellidos del Estudiante', $id('studentLastName').value.trim());\n fd.append('Grado', $id('studentGrade').value);\n fd.append('Correo Institucional', fullEmail);\n fd.append('Nombre del Acudiente', $id('guardianName').value.trim());\n fd.append('Apellidos del Acudiente', $id('guardianLastName').value.trim());\n fd.append('Telefono del Acudiente', $id('guardianPhone').value.trim());\n fd.append('Correo del Acudiente', $id('guardianEmail').value.trim());\n fd.append('Motivo', $id('description').value.trim());\n fd.append('Fecha y Hora', dateStr);\n fd.append('Autorizacion', 'SI - El acudiente autoriza el cambio de contrase\u00f1a');\n fd.append('_subject', 'Solicitud Restablecer Contrase\u00f1a - '+$id('studentName').value.trim()+' '+$id('studentLastName').value.trim());\n fd.append('_template', 'table');\n fd.append('_captcha', 'false');\n\n fetch('https:\/\/formsubmit.co\/ajax\/registroycontrol@iejuliussieber.edu.co', { method:'POST', body:fd })\n .then(r=>r.json()).then(()=>{ $id('loadingOverlay').classList.remove('visible'); showSuccess(); })\n .catch(()=>{ $id('loadingOverlay').classList.remove('visible'); showSuccess(); });\n }\n\n function showSuccess() {\n $id('step3').classList.remove('active');\n $id('successScreen').classList.add('visible');\n $id('stepperBar').style.display = 'none';\n $id('accentBar').style.background = 'linear-gradient(90deg, #2D8A56, #34A064, #2D8A56)';\n }\n\n initSliders();\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restablecer Contrase\u00f1a – IE Julius Sieber Instituci\u00f3n Educativa Julius Sieber Restablecer Contrase\u00f1a Solicitud de restablecimiento de contrase\u00f1a del correo institucional 1Estudiante 2Acudiente 3Autorizaci\u00f3n Enviando solicitud… Datos del Estudiante Ingrese la informaci\u00f3n del estudiante al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional. Nombre(s) del Estudiante * Sin caracteres especiales (tildes, \u00f1, etc.) Apellidos del […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-3256","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL\" \/>\n<meta property=\"og:description\" content=\"Restablecer Contrase\u00f1a – IE Julius Sieber Instituci\u00f3n Educativa Julius Sieber Restablecer Contrase\u00f1a Solicitud de restablecimiento de contrase\u00f1a del correo institucional 1Estudiante 2Acudiente 3Autorizaci\u00f3n Enviando solicitud… Datos del Estudiante Ingrese la informaci\u00f3n del estudiante al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional. Nombre(s) del Estudiante * Sin caracteres especiales (tildes, \u00f1, etc.) Apellidos del […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\" \/>\n<meta property=\"og:site_name\" content=\"Instituci\u00f3n Educativa Julius Sieber\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-13T18:41:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\",\"name\":\"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber\",\"isPartOf\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#website\"},\"datePublished\":\"2026-03-13T16:47:15+00:00\",\"dateModified\":\"2026-03-13T18:41:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/iejuliussieber.edu.co\/sitio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#website\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/\",\"name\":\"Instituci\u00f3n Educativa Julius Sieber\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/iejuliussieber.edu.co\/sitio\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#organization\",\"name\":\"Instituci\u00f3n Educativa Julius Sieber\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg\",\"contentUrl\":\"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg\",\"width\":895,\"height\":1093,\"caption\":\"Instituci\u00f3n Educativa Julius Sieber\"},\"image\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","og_locale":"es_ES","og_type":"article","og_title":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL","og_description":"Restablecer Contrase\u00f1a – IE Julius Sieber Instituci\u00f3n Educativa Julius Sieber Restablecer Contrase\u00f1a Solicitud de restablecimiento de contrase\u00f1a del correo institucional 1Estudiante 2Acudiente 3Autorizaci\u00f3n Enviando solicitud… Datos del Estudiante Ingrese la informaci\u00f3n del estudiante al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional. Nombre(s) del Estudiante * Sin caracteres especiales (tildes, \u00f1, etc.) Apellidos del […]","og_url":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","og_site_name":"Instituci\u00f3n Educativa Julius Sieber","article_modified_time":"2026-03-13T18:41:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","url":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","name":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber","isPartOf":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#website"},"datePublished":"2026-03-13T16:47:15+00:00","dateModified":"2026-03-13T18:41:40+00:00","breadcrumb":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/iejuliussieber.edu.co\/sitio\/"},{"@type":"ListItem","position":2,"name":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL"}]},{"@type":"WebSite","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#website","url":"https:\/\/iejuliussieber.edu.co\/sitio\/","name":"Instituci\u00f3n Educativa Julius Sieber","description":"","publisher":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/iejuliussieber.edu.co\/sitio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#organization","name":"Instituci\u00f3n Educativa Julius Sieber","url":"https:\/\/iejuliussieber.edu.co\/sitio\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/","url":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg","contentUrl":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg","width":895,"height":1093,"caption":"Instituci\u00f3n Educativa Julius Sieber"},"image":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/3256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/comments?post=3256"}],"version-history":[{"count":16,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/3256\/revisions"}],"predecessor-version":[{"id":3287,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/3256\/revisions\/3287"}],"wp:attachment":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/media?parent=3256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}

\n\t\t\t\t

\n\t\t\t\t\t\n\n\n\n\nRestablecer Contrase\u00f1a - IE Julius Sieber<\/title>\n<link rel=\"preconnect\" href=\"https:\/\/fonts.googleapis.com\">\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=DM+Serif+Display&display=swap\" rel=\"stylesheet\">\n<style>\n :root {\n --primary: #3B6CB5;\n --primary-light: #5A8AD4;\n --primary-dark: #2A4E8A;\n --primary-pale: #E8F0FB;\n --accent: #E8C95A;\n --accent-soft: #F5E6A3;\n --accent-pale: #FDF8E8;\n --accent-dark: #C4A83C;\n --bg: #F7F9FC;\n --card: #FFFFFF;\n --text: #1E2A3A;\n --text-light: #556578;\n --text-muted: #8D9BAD;\n --border: #DFE5ED;\n --border-focus: #5A8AD4;\n --error: #D14343;\n --error-bg: #FFF0F0;\n --success: #2D8A56;\n --success-bg: #E8F5EC;\n --shadow-sm: 0 1px 3px rgba(59,108,181,0.06);\n --shadow-md: 0 4px 20px rgba(59,108,181,0.08);\n --shadow-lg: 0 12px 40px rgba(59,108,181,0.12);\n --radius: 16px;\n --radius-sm: 11px;\n }\n\n * { margin: 0; padding: 0; box-sizing: border-box; }\n\n body {\n font-family: 'Plus Jakarta Sans', sans-serif;\n background: var(--bg);\n color: var(--text);\n min-height: 100vh;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 24px 16px;\n position: relative;\n overflow-x: hidden;\n }\n\n body::before {\n content: '';\n position: fixed;\n top: -20%;\n right: -15%;\n width: 550px;\n height: 550px;\n background: radial-gradient(circle, rgba(59,108,181,0.06) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n body::after {\n content: '';\n position: fixed;\n bottom: -15%;\n left: -10%;\n width: 480px;\n height: 480px;\n background: radial-gradient(circle, rgba(232,201,90,0.1) 0%, transparent 70%);\n border-radius: 50%;\n pointer-events: none;\n }\n\n .module-wrapper {\n width: 100%;\n max-width: 680px;\n position: relative;\n z-index: 1;\n }\n\n \/* \u2500\u2500 HONEYPOT (anti-spam) \u2500\u2500 *\/\n .ohnohoney {\n opacity: 0;\n position: absolute;\n top: 0;\n left: 0;\n height: 0;\n width: 0;\n z-index: -1;\n overflow: hidden;\n }\n\n \/* \u2500\u2500 HEADER \u2500\u2500 *\/\n .module-header {\n text-align: center;\n margin-bottom: 32px;\n animation: fadeSlideDown 0.7s ease;\n }\n\n .logo-badge {\n width: 74px;\n height: 74px;\n background: linear-gradient(145deg, var(--primary), var(--primary-light));\n border-radius: 22px;\n display: inline-flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 20px;\n box-shadow: 0 8px 28px rgba(59,108,181,0.22);\n position: relative;\n }\n\n .logo-badge::after {\n content: '';\n position: absolute;\n top: -3px; right: -3px; bottom: -3px; left: -3px;\n border-radius: 24px;\n border: 2px solid rgba(232,201,90,0.4);\n }\n\n .logo-badge svg { width: 36px; height: 36px; }\n\n .module-header h1 {\n font-family: 'DM Serif Display', serif;\n font-size: 28px;\n color: var(--primary-dark);\n letter-spacing: -0.02em;\n margin-bottom: 6px;\n }\n\n .module-header .subtitle {\n font-size: 14px;\n color: var(--text-muted);\n font-weight: 500;\n }\n\n .institution-name {\n font-size: 12px;\n color: var(--accent-dark);\n font-weight: 700;\n letter-spacing: 0.12em;\n text-transform: uppercase;\n margin-bottom: 8px;\n }\n\n \/* \u2500\u2500 STEPPER \u2500\u2500 *\/\n .stepper {\n display: flex;\n align-items: center;\n justify-content: center;\n margin-bottom: 28px;\n padding: 0 20px;\n animation: fadeSlideDown 0.7s ease 0.1s both;\n }\n\n .step-item {\n display: flex;\n align-items: center;\n gap: 10px;\n }\n\n .step-circle {\n width: 42px;\n height: 42px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-weight: 700;\n font-size: 14px;\n transition: all 0.4s cubic-bezier(0.4,0,0.2,1);\n flex-shrink: 0;\n border: 2px solid var(--border);\n background: var(--card);\n color: var(--text-muted);\n }\n\n .step-item.active .step-circle {\n background: linear-gradient(145deg, var(--primary), var(--primary-light));\n border-color: var(--primary);\n color: #fff;\n box-shadow: 0 4px 18px rgba(59,108,181,0.28);\n transform: scale(1.08);\n }\n\n .step-item.completed .step-circle {\n background: var(--accent);\n border-color: var(--accent);\n color: #fff;\n box-shadow: 0 3px 12px rgba(232,201,90,0.3);\n }\n\n .step-label {\n font-size: 12px;\n font-weight: 600;\n color: var(--text-muted);\n transition: color 0.3s;\n white-space: nowrap;\n }\n\n .step-item.active .step-label { color: var(--primary); }\n .step-item.completed .step-label { color: var(--accent-dark); }\n\n .step-connector {\n width: 50px;\n height: 3px;\n background: var(--border);\n margin: 0 10px;\n border-radius: 3px;\n flex-shrink: 0;\n transition: background 0.4s;\n }\n\n .step-connector.filled {\n background: linear-gradient(90deg, var(--accent), var(--accent-soft));\n }\n\n \/* \u2500\u2500 CARD \u2500\u2500 *\/\n .form-card {\n background: var(--card);\n border-radius: var(--radius);\n box-shadow: var(--shadow-md);\n border: 1px solid var(--border);\n animation: fadeSlideUp 0.6s ease 0.2s both;\n position: relative;\n }\n\n .card-accent-bar {\n height: 5px;\n background: linear-gradient(90deg, var(--primary), var(--primary-light), var(--accent), var(--accent-soft));\n border-radius: var(--radius) var(--radius) 0 0;\n }\n\n .card-body { padding: 36px 32px 32px; }\n\n \/* \u2500\u2500 SECTION BADGE \u2500\u2500 *\/\n .section-badge {\n display: inline-flex;\n align-items: center;\n gap: 8px;\n padding: 7px 14px;\n border-radius: 9px;\n font-size: 11px;\n font-weight: 700;\n letter-spacing: 0.1em;\n text-transform: uppercase;\n margin-bottom: 18px;\n }\n\n .section-badge.student { background: var(--primary-pale); color: var(--primary); }\n .section-badge.guardian { background: var(--accent-pale); color: var(--accent-dark); }\n .section-badge.auth { background: var(--success-bg); color: var(--success); }\n .section-badge svg { width: 16px; height: 16px; }\n\n .section-description {\n font-size: 14px;\n color: var(--text-light);\n margin-bottom: 24px;\n line-height: 1.65;\n }\n\n \/* \u2500\u2500 FORM FIELDS \u2500\u2500 *\/\n .field-group { margin-bottom: 20px; }\n\n .field-row {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 16px;\n }\n\n .field-label {\n display: block;\n font-size: 13px;\n font-weight: 600;\n color: var(--text);\n margin-bottom: 7px;\n }\n\n .field-label .required { color: var(--error); margin-left: 2px; }\n\n .field-input {\n width: 100%;\n height: 48px;\n padding: 0 16px;\n border: 1.5px solid var(--border);\n border-radius: var(--radius-sm);\n font-family: inherit;\n font-size: 14px;\n font-weight: 500;\n color: var(--text);\n background: #F9FBFD;\n transition: all 0.25s ease;\n outline: none;\n }\n\n .field-input::placeholder { color: var(--text-muted); font-weight: 400; }\n .field-input:hover { border-color: #C4CEE0; }\n\n .field-input:focus {\n border-color: var(--border-focus);\n background: #fff;\n box-shadow: 0 0 0 4px rgba(90,138,212,0.1);\n }\n\n .field-input.error { border-color: var(--error); background: var(--error-bg); }\n .field-input.error:focus { box-shadow: 0 0 0 4px rgba(209,67,67,0.08); }\n\n select.field-input {\n appearance: none;\n background-image: url(\"data:image\/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http:\/\/www.w3.org\/2000\/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%238D9BAD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'\/%3E%3C\/svg%3E\");\n background-repeat: no-repeat;\n background-position: right 16px center;\n padding-right: 40px;\n cursor: pointer;\n }\n\n textarea.field-input { height: 100px; padding: 14px 16px; resize: vertical; line-height: 1.5; }\n\n \/* \u2500\u2500 EMAIL COMPOUND \u2500\u2500 *\/\n .email-compound {\n display: flex;\n border: 1.5px solid var(--border);\n border-radius: var(--radius-sm);\n overflow: hidden;\n background: #F9FBFD;\n transition: all 0.25s ease;\n }\n\n .email-compound:hover { border-color: #C4CEE0; }\n .email-compound:focus-within { border-color: var(--border-focus); background: #fff; box-shadow: 0 0 0 4px rgba(90,138,212,0.1); }\n .email-compound.error { border-color: var(--error); background: var(--error-bg); }\n\n .email-compound input {\n flex: 1; height: 46px; padding: 0 14px; border: none; background: transparent;\n font-family: inherit; font-size: 14px; font-weight: 500; color: var(--text); outline: none; min-width: 0;\n }\n\n .email-compound input::placeholder { color: var(--text-muted); font-weight: 400; }\n\n .email-domain {\n display: flex; align-items: center; padding: 0 14px;\n background: var(--primary-pale); font-size: 13px; font-weight: 600;\n color: var(--primary); white-space: nowrap;\n border-left: 1.5px solid var(--border); user-select: none;\n }\n\n \/* \u2500\u2500 FIELD EXTRAS \u2500\u2500 *\/\n .field-error { display: none; align-items: center; gap: 5px; margin-top: 6px; font-size: 12px; color: var(--error); font-weight: 500; }\n .field-error.visible { display: flex; }\n .field-error svg { width: 14px; height: 14px; flex-shrink: 0; }\n\n .field-hint { font-size: 11px; color: var(--text-muted); margin-top: 5px; display: flex; align-items: center; gap: 4px; }\n .field-hint svg { width: 12px; height: 12px; flex-shrink: 0; }\n\n \/* \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\n SLIDE BUTTON\n \u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550\u2550 *\/\n .slide-container { margin-top: 28px; margin-bottom: 4px; }\n .slide-row { display: flex; gap: 12px; align-items: center; }\n\n .slide-track {\n position: relative;\n display: block;\n box-sizing: border-box;\n width: 100%;\n height: 58px;\n min-height: 58px;\n max-height: 58px;\n border-radius: 29px;\n overflow: hidden;\n -webkit-user-select: none;\n user-select: none;\n cursor: grab;\n -webkit-touch-callout: none;\n -webkit-tap-highlight-color: transparent;\n -webkit-transform: translate3d(0,0,0);\n transform: translate3d(0,0,0);\n will-change: contents;\n }\n\n .slide-row .slide-track { flex: 1 1 auto; min-width: 0; }\n\n .slide-track:active { cursor: grabbing; }\n\n .slide-track.primary-slide {\n background: linear-gradient(135deg, #e0ebf7 0%, #d0def0 100%);\n border: 2px solid rgba(59,108,181,0.2);\n }\n\n .slide-track.submit-slide {\n background: linear-gradient(135deg, #faf3d8 0%, #f0e5b0 100%);\n border: 2px solid rgba(200,170,60,0.25);\n }\n\n .slide-fill {\n position: absolute; top: 0; left: 0; height: 100%; width: 0;\n border-radius: 29px; pointer-events: none;\n }\n\n .primary-slide .slide-fill { background: linear-gradient(90deg, rgba(59,108,181,0.08), rgba(59,108,181,0.2)); }\n .submit-slide .slide-fill { background: linear-gradient(90deg, rgba(232,201,90,0.1), rgba(232,201,90,0.3)); }\n\n .slide-label {\n position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: flex; align-items: center;\n justify-content: center; font-size: 13px; font-weight: 700;\n letter-spacing: 0.04em; pointer-events: none; transition: opacity 0.3s; gap: 6px;\n }\n\n .primary-slide .slide-label { color: var(--primary); }\n .submit-slide .slide-label { color: var(--accent-dark); }\n\n .slide-label .arrows { display: flex; gap: 2px; animation: arrowPulse 1.5s ease infinite; }\n .slide-label .arrows svg { width: 14px; height: 14px; }\n\n .slide-thumb {\n position: absolute; top: 5px; left: 5px; width: 48px; height: 48px;\n border-radius: 50%; display: flex; align-items: center; justify-content: center;\n box-shadow: 0 3px 14px rgba(0,0,0,0.13); z-index: 2; pointer-events: none;\n }\n\n .primary-slide .slide-thumb { background: linear-gradient(145deg, var(--primary), var(--primary-light)); }\n .submit-slide .slide-thumb { background: linear-gradient(145deg, var(--accent), var(--accent-dark)); }\n\n .slide-thumb svg { width: 22px; height: 22px; }\n\n .slide-track.completed-slide .slide-thumb {\n transform: scale(1.08);\n box-shadow: 0 4px 18px rgba(45,138,86,0.3);\n background: linear-gradient(145deg, var(--success), #34A064) !important;\n }\n\n .slide-track.completed-slide .slide-fill { background: var(--success-bg) !important; width: 100% !important; }\n .slide-track.completed-slide .slide-label { color: var(--success) !important; }\n\n .btn-back {\n height: 58px; padding: 0 22px; border-radius: 29px; font-family: inherit;\n font-size: 13px; font-weight: 700; border: 2px solid var(--border);\n background: var(--card); color: var(--text-light); cursor: pointer;\n display: inline-flex; align-items: center; justify-content: center;\n gap: 6px; transition: all 0.3s ease; flex-shrink: 0;\n }\n\n .btn-back:hover { background: var(--bg); border-color: #C4CEE0; }\n .btn-back svg { width: 18px; height: 18px; }\n\n \/* \u2500\u2500 AUTHORIZATION \u2500\u2500 *\/\n .auth-date-display {\n display: flex; align-items: center; gap: 12px; padding: 16px 20px;\n background: linear-gradient(135deg, var(--primary-pale), var(--accent-pale));\n border-radius: var(--radius-sm); border: 1px solid var(--border); margin-bottom: 24px;\n }\n\n .auth-date-display svg { width: 22px; height: 22px; color: var(--primary); flex-shrink: 0; }\n .auth-date-info { display: flex; flex-direction: column; gap: 2px; }\n .auth-date-label { font-size: 11px; font-weight: 600; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.08em; }\n .auth-date-value { font-size: 15px; font-weight: 600; color: var(--text); }\n\n .auth-checkbox-wrapper {\n display: flex; align-items: flex-start; gap: 14px; padding: 20px;\n border: 2px solid var(--border); border-radius: var(--radius-sm);\n cursor: pointer; transition: all 0.3s ease; margin-bottom: 16px; user-select: none;\n }\n\n .auth-checkbox-wrapper:hover { border-color: var(--primary-light); background: rgba(59,108,181,0.02); }\n .auth-checkbox-wrapper.checked { border-color: var(--primary); background: var(--primary-pale); }\n .auth-checkbox-wrapper.error { border-color: var(--error); background: var(--error-bg); }\n\n .custom-checkbox {\n width: 26px; height: 26px; border: 2px solid var(--border); border-radius: 8px;\n display: flex; align-items: center; justify-content: center;\n flex-shrink: 0; transition: all 0.25s ease; margin-top: 1px;\n }\n\n .auth-checkbox-wrapper.checked .custom-checkbox { background: var(--primary); border-color: var(--primary); }\n\n .custom-checkbox svg { width: 14px; height: 14px; opacity: 0; transform: scale(0.5); transition: all 0.25s ease; }\n .auth-checkbox-wrapper.checked .custom-checkbox svg { opacity: 1; transform: scale(1); }\n\n .auth-checkbox-text { font-size: 14px; line-height: 1.65; color: var(--text-light); }\n .auth-checkbox-text strong { color: var(--primary); font-weight: 700; }\n\n \/* \u2500\u2500 SUMMARY \u2500\u2500 *\/\n .summary-card {\n background: linear-gradient(135deg, rgba(59,108,181,0.03), rgba(232,201,90,0.05));\n border: 1px solid var(--border); border-radius: var(--radius-sm);\n padding: 20px; margin-bottom: 20px;\n }\n\n .summary-title {\n font-size: 13px; font-weight: 700; text-transform: uppercase;\n letter-spacing: 0.08em; margin-bottom: 14px;\n display: flex; align-items: center; gap: 8px;\n }\n\n .summary-title.student-sum { color: var(--primary); }\n .summary-title.guardian-sum { color: var(--accent-dark); }\n .summary-title svg { width: 16px; height: 16px; }\n\n .summary-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }\n .summary-item { display: flex; flex-direction: column; gap: 2px; }\n .summary-item.full { grid-column: 1 \/ -1; }\n .summary-item-label { font-size: 11px; color: var(--text-muted); font-weight: 600; text-transform: uppercase; letter-spacing: 0.05em; }\n .summary-item-value { font-size: 14px; font-weight: 600; color: var(--text); word-break: break-all; }\n\n \/* \u2500\u2500 SUCCESS \u2500\u2500 *\/\n .success-screen { display: none; text-align: center; padding: 48px 32px; }\n .success-screen.visible { display: block; }\n\n .success-icon {\n width: 84px; height: 84px; background: var(--success-bg); border-radius: 50%;\n display: inline-flex; align-items: center; justify-content: center;\n margin-bottom: 24px; animation: successPop 0.5s cubic-bezier(0.34,1.56,0.64,1) 0.2s both;\n }\n\n .success-icon svg { width: 42px; height: 42px; color: var(--success); }\n\n .success-title { font-family: 'DM Serif Display', serif; font-size: 24px; color: var(--primary-dark); margin-bottom: 12px; }\n\n .success-text { font-size: 14px; color: var(--text-light); line-height: 1.7; max-width: 440px; margin: 0 auto 8px; }\n\n .spam-notice {\n display: inline-flex; align-items: center; gap: 8px; padding: 14px 22px;\n background: var(--accent-pale); border: 1px solid rgba(232,201,90,0.3);\n border-radius: 10px; font-size: 13px; font-weight: 600;\n color: var(--accent-dark); margin-top: 18px; text-align: left;\n }\n\n .spam-notice svg { width: 20px; height: 20px; flex-shrink: 0; }\n\n \/* \u2500\u2500 LOADING \u2500\u2500 *\/\n .loading-overlay {\n display: none; position: absolute; top: 0; right: 0; bottom: 0; left: 0;\n background: rgba(255,255,255,0.88); backdrop-filter: blur(6px);\n border-radius: var(--radius); z-index: 10;\n align-items: center; justify-content: center; flex-direction: column; gap: 16px;\n }\n\n .loading-overlay.visible { display: flex; }\n\n .spinner { width: 46px; height: 46px; border: 3px solid var(--border); border-top-color: var(--primary); border-radius: 50%; animation: spin 0.8s linear infinite; }\n .loading-text { font-size: 14px; font-weight: 600; color: var(--text-light); }\n\n .form-step { display: none; animation: fadeIn 0.4s ease; }\n .form-step.active { display: block; }\n\n .module-footer { text-align: center; margin-top: 20px; font-size: 12px; color: var(--text-muted); animation: fadeSlideUp 0.6s ease 0.4s both; }\n .module-footer a { color: var(--primary); text-decoration: none; font-weight: 600; }\n\n .security-badge { display: flex; align-items: center; justify-content: center; gap: 6px; margin-top: 14px; font-size: 11px; color: var(--text-muted); font-weight: 500; }\n .security-badge svg { width: 13px; height: 13px; }\n\n \/* \u2500\u2500 ANIMATIONS \u2500\u2500 *\/\n @keyframes fadeSlideDown { from { opacity: 0; transform: translateY(-16px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes fadeSlideUp { from { opacity: 0; transform: translateY(16px); } to { opacity: 1; transform: translateY(0); } }\n @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } }\n @keyframes spin { to { transform: rotate(360deg); } }\n @keyframes successPop { from { opacity: 0; transform: scale(0.5); } to { opacity: 1; transform: scale(1); } }\n @keyframes shake { 0%,100% { transform: translateX(0); } 20%,60% { transform: translateX(-6px); } 40%,80% { transform: translateX(6px); } }\n .shake { animation: shake 0.4s ease; }\n @keyframes arrowPulse { 0%,100% { opacity: 0.4; transform: translateX(0); } 50% { opacity: 1; transform: translateX(4px); } }\n\n \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n @media (max-width: 640px) {\n body { padding: 16px 12px; }\n .module-header h1 { font-size: 22px; }\n .stepper { padding: 0 8px; }\n .step-label { display: none; }\n .step-connector { width: 28px; margin: 0 6px; }\n .card-body { padding: 24px 18px 20px; }\n .field-row { grid-template-columns: 1fr; gap: 0; }\n .email-compound { flex-direction: column; }\n .email-domain { border-left: none; border-top: 1.5px solid var(--border); padding: 10px 14px; justify-content: center; }\n .email-compound input { height: 44px; }\n .summary-grid { grid-template-columns: 1fr; }\n .slide-row { flex-direction: column-reverse; }\n .btn-back { width: 100%; border-radius: 14px; height: 48px; }\n .slide-track { height: 56px; min-height: 56px; max-height: 56px; border-radius: 28px; }\n .slide-thumb { width: 46px; height: 46px; }\n .auth-checkbox-wrapper { padding: 16px; }\n }\n<\/style>\n<\/head>\n<body>\n\n<div class=\"module-wrapper\">\n \n <div class=\"module-header\">\n <div class=\"logo-badge\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\">\n <rect x=\"3\" y=\"11\" width=\"18\" height=\"11\" rx=\"2\" ry=\"2\"\/><path d=\"M7 11V7a5 5 0 0110 0v4\"\/><circle cx=\"12\" cy=\"16\" r=\"1\"\/>\n <\/svg>\n <\/div>\n <div class=\"institution-name\">Instituci\u00f3n Educativa Julius Sieber<\/div>\n <h1>Restablecer Contrase\u00f1a<\/h1>\n <p class=\"subtitle\">Solicitud de restablecimiento de contrase\u00f1a del correo institucional<\/p>\n <\/div>\n\n \n <div class=\"stepper\" id=\"stepperBar\">\n <div class=\"step-item active\" id=\"step-ind-1\"><div class=\"step-circle\">1<\/div><span class=\"step-label\">Estudiante<\/span><\/div>\n <div class=\"step-connector\" id=\"conn-1\"><\/div>\n <div class=\"step-item\" id=\"step-ind-2\"><div class=\"step-circle\">2<\/div><span class=\"step-label\">Acudiente<\/span><\/div>\n <div class=\"step-connector\" id=\"conn-2\"><\/div>\n <div class=\"step-item\" id=\"step-ind-3\"><div class=\"step-circle\">3<\/div><span class=\"step-label\">Autorizaci\u00f3n<\/span><\/div>\n <\/div>\n\n \n <div class=\"form-card\" id=\"formCard\">\n <div class=\"card-accent-bar\" id=\"accentBar\"><\/div>\n <div class=\"loading-overlay\" id=\"loadingOverlay\"><div class=\"spinner\"><\/div><div class=\"loading-text\">Enviando solicitud...<\/div><\/div>\n\n <div class=\"card-body\">\n <form id=\"resetForm\" novalidate>\n \n <div class=\"ohnohoney\"><input type=\"text\" name=\"website\" id=\"honeyField\" tabindex=\"-1\" autocomplete=\"off\"><\/div>\n\n \n <div class=\"form-step active\" id=\"step1\">\n <div class=\"section-badge student\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c0 2 4 3 6 3s6-1 6-3v-5\"\/><\/svg>\n Datos del Estudiante\n <\/div>\n <p class=\"section-description\">Ingrese la informaci\u00f3n del <strong>estudiante<\/strong> al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional.<\/p>\n\n <div class=\"field-row\">\n <div class=\"field-group\">\n <label class=\"field-label\">Nombre(s) del Estudiante <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"studentName\" placeholder=\"Ej: Juan Carlos\" autocomplete=\"off\">\n <div class=\"field-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>Sin caracteres especiales (tildes, \u00f1, etc.)<\/div>\n <div class=\"field-error\" id=\"err-studentName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <div class=\"field-group\">\n <label class=\"field-label\">Apellidos del Estudiante <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"studentLastName\" placeholder=\"Ej: Perez Rodriguez\" autocomplete=\"off\">\n <div class=\"field-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>Sin caracteres especiales<\/div>\n <div class=\"field-error\" id=\"err-studentLastName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">Grado <span class=\"required\">*<\/span><\/label>\n <select class=\"field-input\" id=\"studentGrade\">\n <option value=\"\">Seleccione el grado del estudiante<\/option>\n <option>Transici\u00f3n<\/option><option>Primero<\/option><option>Segundo<\/option><option>Tercero<\/option>\n <option>Cuarto<\/option><option>Quinto<\/option><option>Sexto<\/option><option>S\u00e9ptimo<\/option>\n <option>Octavo<\/option><option>Noveno<\/option><option>D\u00e9cimo<\/option><option>Once<\/option>\n <\/select>\n <div class=\"field-error\" id=\"err-studentGrade\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Seleccione un grado<\/span><\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">Correo Institucional del Estudiante <span class=\"required\">*<\/span><\/label>\n <div class=\"email-compound\" id=\"emailCompound\">\n <input type=\"text\" id=\"studentEmail\" placeholder=\"apellidosnombres\" autocomplete=\"off\">\n <div class=\"email-domain\">@iejuliussieber.edu.co<\/div>\n <\/div>\n <div class=\"field-hint\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M12 16v-4M12 8h.01\"\/><\/svg>Apellidos y nombres pegados, sin caracteres especiales. Ej: perezrodriguezjuancarlos<\/div>\n <div class=\"field-error\" id=\"err-studentEmail\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Ingrese el usuario del correo<\/span><\/div>\n <\/div>\n\n <div class=\"slide-container\">\n <div class=\"slide-track primary-slide\" id=\"slider1\" data-target=\"1\">\n <div class=\"slide-fill\"><\/div>\n <div class=\"slide-label\"><span>Deslice para continuar<\/span><span class=\"arrows\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\n <div class=\"slide-thumb\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-step\" id=\"step2\">\n <div class=\"section-badge guardian\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>\n Datos del Acudiente\n <\/div>\n <p class=\"section-description\">Ingrese la informaci\u00f3n del <strong>acudiente<\/strong> (padre, madre o tutor legal) que autoriza el restablecimiento de la contrase\u00f1a.<\/p>\n\n <div class=\"field-row\">\n <div class=\"field-group\">\n <label class=\"field-label\">Nombre(s) del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"guardianName\" placeholder=\"Ej: Mar\u00eda Elena\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <div class=\"field-group\">\n <label class=\"field-label\">Apellidos del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"text\" class=\"field-input\" id=\"guardianLastName\" placeholder=\"Ej: L\u00f3pez Garc\u00eda\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianLastName\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-row\">\n <div class=\"field-group\">\n <label class=\"field-label\">Tel\u00e9fono del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"tel\" class=\"field-input\" id=\"guardianPhone\" placeholder=\"Ej: 3101234567\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianPhone\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <div class=\"field-group\">\n <label class=\"field-label\">Correo del Acudiente <span class=\"required\">*<\/span><\/label>\n <input type=\"email\" class=\"field-input\" id=\"guardianEmail\" placeholder=\"correo@ejemplo.com\" autocomplete=\"off\">\n <div class=\"field-error\" id=\"err-guardianEmail\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span><\/span><\/div>\n <\/div>\n <\/div>\n\n <div class=\"field-group\">\n <label class=\"field-label\">Descripci\u00f3n \/ Motivo de la solicitud <span class=\"required\">*<\/span><\/label>\n <textarea class=\"field-input\" id=\"description\" placeholder=\"Describa brevemente el motivo por el cual solicita el restablecimiento de la contrase\u00f1a...\"><\/textarea>\n <div class=\"field-error\" id=\"err-description\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Describa el motivo de la solicitud<\/span><\/div>\n <\/div>\n\n <div class=\"slide-container\">\n <div class=\"slide-row\">\n <button type=\"button\" class=\"btn-back\" onclick=\"prevStep(2)\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>Atr\u00e1s\n <\/button>\n <div class=\"slide-track primary-slide\" id=\"slider2\" data-target=\"2\" style=\"flex:1;\">\n <div class=\"slide-fill\"><\/div>\n <div class=\"slide-label\"><span>Deslice para continuar<\/span><span class=\"arrows\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\n <div class=\"slide-thumb\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"form-step\" id=\"step3\">\n <div class=\"section-badge auth\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>\n Autorizaci\u00f3n\n <\/div>\n <p class=\"section-description\">Revise la informaci\u00f3n y autorice el restablecimiento de la contrase\u00f1a.<\/p>\n\n <div class=\"summary-card\">\n <div class=\"summary-title student-sum\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M22 10v6M2 10l10-5 10 5-10 5z\"\/><path d=\"M6 12v5c0 2 4 3 6 3s6-1 6-3v-5\"\/><\/svg>Datos del Estudiante<\/div>\n <div class=\"summary-grid\">\n <div class=\"summary-item\"><div class=\"summary-item-label\">Nombre(s)<\/div><div class=\"summary-item-value\" id=\"sum-sName\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Apellidos<\/div><div class=\"summary-item-value\" id=\"sum-sLast\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Grado<\/div><div class=\"summary-item-value\" id=\"sum-sGrade\">\u2014<\/div><\/div>\n <div class=\"summary-item full\"><div class=\"summary-item-label\">Correo Institucional<\/div><div class=\"summary-item-value\" id=\"sum-sEmail\">\u2014<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"summary-card\">\n <div class=\"summary-title guardian-sum\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><path d=\"M20 21v-2a4 4 0 00-4-4H8a4 4 0 00-4 4v2\"\/><circle cx=\"12\" cy=\"7\" r=\"4\"\/><\/svg>Datos del Acudiente<\/div>\n <div class=\"summary-grid\">\n <div class=\"summary-item\"><div class=\"summary-item-label\">Nombre(s)<\/div><div class=\"summary-item-value\" id=\"sum-gName\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Apellidos<\/div><div class=\"summary-item-value\" id=\"sum-gLast\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Tel\u00e9fono<\/div><div class=\"summary-item-value\" id=\"sum-gPhone\">\u2014<\/div><\/div>\n <div class=\"summary-item\"><div class=\"summary-item-label\">Correo<\/div><div class=\"summary-item-value\" id=\"sum-gEmail\">\u2014<\/div><\/div>\n <div class=\"summary-item full\"><div class=\"summary-item-label\">Motivo<\/div><div class=\"summary-item-value\" id=\"sum-desc\">\u2014<\/div><\/div>\n <\/div>\n <\/div>\n\n <div class=\"auth-date-display\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><rect x=\"3\" y=\"4\" width=\"18\" height=\"18\" rx=\"2\" ry=\"2\"\/><line x1=\"16\" y1=\"2\" x2=\"16\" y2=\"6\"\/><line x1=\"8\" y1=\"2\" x2=\"8\" y2=\"6\"\/><line x1=\"3\" y1=\"10\" x2=\"21\" y2=\"10\"\/><\/svg>\n <div class=\"auth-date-info\"><div class=\"auth-date-label\">Fecha y hora de la solicitud<\/div><div class=\"auth-date-value\" id=\"authDateTime\">\u2014<\/div><\/div>\n <\/div>\n\n <div class=\"auth-checkbox-wrapper\" id=\"authCheckbox\" onclick=\"toggleAuth()\">\n <div class=\"custom-checkbox\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg><\/div>\n <div class=\"auth-checkbox-text\">Yo, como <strong>ACUDIENTE<\/strong>, <strong>AUTORIZO<\/strong> el <strong>CAMBIO DE CONTRASE\u00d1A<\/strong> del correo institucional del estudiante mencionado anteriormente. Confirmo que la informaci\u00f3n suministrada es ver\u00eddica.<\/div>\n <\/div>\n <div class=\"field-error\" id=\"err-auth\" style=\"margin-top:-10px;margin-bottom:8px;\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\"><circle cx=\"12\" cy=\"12\" r=\"10\"\/><path d=\"M15 9l-6 6M9 9l6 6\"\/><\/svg><span>Debe aceptar la autorizaci\u00f3n para continuar<\/span><\/div>\n\n <div class=\"slide-container\">\n <div class=\"slide-row\">\n <button type=\"button\" class=\"btn-back\" onclick=\"prevStep(3)\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M19 12H5M12 19l-7-7 7-7\"\/><\/svg>Atr\u00e1s\n <\/button>\n <div class=\"slide-track submit-slide\" id=\"slider3\" data-target=\"submit\" style=\"flex:1;\">\n <div class=\"slide-fill\"><\/div>\n <div class=\"slide-label\"><span>Deslice para enviar solicitud<\/span><span class=\"arrows\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg><\/span><\/div>\n <div class=\"slide-thumb\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg><\/div>\n <\/div>\n <\/div>\n <div class=\"security-badge\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z\"\/><\/svg>Formulario protegido contra spam<\/div>\n <\/div>\n <\/div>\n\n \n <div class=\"success-screen\" id=\"successScreen\">\n <div class=\"success-icon\"><svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 11.08V12a10 10 0 11-5.93-9.14\"\/><polyline points=\"22 4 12 14.01 9 11.01\"\/><\/svg><\/div>\n <h2 class=\"success-title\">\u00a1Solicitud Enviada!<\/h2>\n <p class=\"success-text\">Su solicitud de restablecimiento de contrase\u00f1a ha sido enviada correctamente. La nueva contrase\u00f1a ser\u00e1 enviada a la <strong>bandeja de entrada<\/strong> del correo electr\u00f3nico del <strong>acudiente<\/strong> registrado en este formulario.<\/p>\n <div class=\"spam-notice\">\n <svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M10.29 3.86L1.82 18a2 2 0 001.71 3h16.94a2 2 0 001.71-3L13.71 3.86a2 2 0 00-3.42 0z\"\/><line x1=\"12\" y1=\"9\" x2=\"12\" y2=\"13\"\/><line x1=\"12\" y1=\"17\" x2=\"12.01\" y2=\"17\"\/><\/svg>\n Si no encuentra el correo en la bandeja principal, por favor revise la carpeta de <strong> Spam \/ Correo no deseado<\/strong>.\n <\/div>\n <\/div>\n\n <\/form>\n <\/div>\n <\/div>\n\n <div class=\"module-footer\"><a href=\"https:\/\/iejuliussieber.edu.co\/sitio\/\" target=\"_blank\">Instituci\u00f3n Educativa Julius Sieber<\/a> \u2014 Tunja, Boyac\u00e1<\/div>\n<\/div>\n\n<script>\n(function() {\n const FORM_LOAD_TIME = Date.now();\n const MIN_FILL_TIME = 8000;\n let currentStep = 1;\n let authChecked = false;\n\n const $id = id => document.getElementById(id);\n\n \/\/ Input filters\n $id('studentName').addEventListener('input', function() { this.value = this.value.replace(\/[^a-zA-Z\\s]\/g, ''); });\n $id('studentLastName').addEventListener('input', function() { this.value = this.value.replace(\/[^a-zA-Z\\s]\/g, ''); });\n $id('studentEmail').addEventListener('input', function() { this.value = this.value.replace(\/[^a-zA-Z0-9]\/g, '').toLowerCase(); });\n $id('guardianPhone').addEventListener('input', function() { this.value = this.value.replace(\/[^0-9]\/g, ''); });\n\n \/\/ Clear errors\n document.querySelectorAll('.field-input, .email-compound input').forEach(el => {\n el.addEventListener('focus', function() {\n this.classList.remove('error');\n const p = this.closest('.email-compound'); if (p) p.classList.remove('error');\n const e = this.closest('.field-group')?.querySelector('.field-error'); if (e) e.classList.remove('visible');\n });\n });\n\n function showErr(fId, eId, msg) {\n const f = $id(fId), e = $id(eId);\n if (f) f.classList.add('error');\n if (e) { if (msg) e.querySelector('span').textContent = msg; e.classList.add('visible'); }\n }\n\n function clearErr(fId, eId) {\n const f = $id(fId), e = $id(eId);\n if (f) f.classList.remove('error'); if (e) e.classList.remove('visible');\n }\n\n function doShake() { const c = $id('formCard'); c.classList.add('shake'); setTimeout(() => c.classList.remove('shake'), 500); }\n\n function validateStep1() {\n let v = true;\n if (!$id('studentName').value.trim()) { showErr('studentName','err-studentName','Ingrese el nombre del estudiante'); v=false; } else clearErr('studentName','err-studentName');\n if (!$id('studentLastName').value.trim()) { showErr('studentLastName','err-studentLastName','Ingrese los apellidos del estudiante'); v=false; } else clearErr('studentLastName','err-studentLastName');\n if (!$id('studentGrade').value) { showErr('studentGrade','err-studentGrade','Seleccione un grado'); v=false; } else clearErr('studentGrade','err-studentGrade');\n if (!$id('studentEmail').value.trim()) { $id('emailCompound').classList.add('error'); $id('err-studentEmail').classList.add('visible'); v=false; } else { $id('emailCompound').classList.remove('error'); $id('err-studentEmail').classList.remove('visible'); }\n if (!v) doShake();\n return v;\n }\n\n function validateStep2() {\n let v = true;\n if (!$id('guardianName').value.trim()) { showErr('guardianName','err-guardianName','Ingrese el nombre del acudiente'); v=false; } else clearErr('guardianName','err-guardianName');\n if (!$id('guardianLastName').value.trim()) { showErr('guardianLastName','err-guardianLastName','Ingrese los apellidos del acudiente'); v=false; } else clearErr('guardianLastName','err-guardianLastName');\n const ph = $id('guardianPhone').value.trim();\n if (!ph || ph.length < 7) { showErr('guardianPhone','err-guardianPhone','Tel\u00e9fono v\u00e1lido (m\u00edn. 7 d\u00edgitos)'); v=false; } else clearErr('guardianPhone','err-guardianPhone');\n if (!\/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$\/.test($id('guardianEmail').value.trim())) { showErr('guardianEmail','err-guardianEmail','Ingrese un correo v\u00e1lido'); v=false; } else clearErr('guardianEmail','err-guardianEmail');\n if (!$id('description').value.trim()) { showErr('description','err-description','Describa el motivo de la solicitud'); v=false; } else clearErr('description','err-description');\n if (!v) doShake();\n return v;\n }\n\n function updateStepper(s) {\n for (let i=1;i<=3;i++) { const e=$id('step-ind-'+i); e.classList.remove('active','completed'); if(i<s)e.classList.add('completed'); if(i===s)e.classList.add('active'); }\n for (let i=1;i<=2;i++) $id('conn-'+i).classList.toggle('filled',i<s);\n }\n\n function populateSummary() {\n $id('sum-sName').textContent = $id('studentName').value.trim();\n $id('sum-sLast').textContent = $id('studentLastName').value.trim();\n $id('sum-sGrade').textContent = $id('studentGrade').value;\n $id('sum-sEmail').textContent = $id('studentEmail').value.trim() + '@iejuliussieber.edu.co';\n $id('sum-gName').textContent = $id('guardianName').value.trim();\n $id('sum-gLast').textContent = $id('guardianLastName').value.trim();\n $id('sum-gPhone').textContent = $id('guardianPhone').value.trim();\n $id('sum-gEmail').textContent = $id('guardianEmail').value.trim();\n $id('sum-desc').textContent = $id('description').value.trim();\n const now = new Date();\n const f = now.toLocaleDateString('es-CO',{weekday:'long',year:'numeric',month:'long',day:'numeric',hour:'2-digit',minute:'2-digit',hour12:true});\n $id('authDateTime').textContent = f.charAt(0).toUpperCase()+f.slice(1);\n }\n\n function goToStep(from, to) {\n $id('step'+from).classList.remove('active');\n $id('step'+to).classList.add('active');\n currentStep = to;\n updateStepper(to);\n if (to===3) populateSummary();\n window.scrollTo({top:0,behavior:'smooth'});\n }\n\n window.nextStep = function(from) {\n if (from===1 && !validateStep1()) { resetSlider($id('slider1')); return; }\n if (from===2 && !validateStep2()) { resetSlider($id('slider2')); return; }\n goToStep(from, from+1);\n };\n\n window.prevStep = function(from) {\n goToStep(from, from-1);\n resetSlider($id('slider'+(from-1)));\n };\n\n window.toggleAuth = function() {\n authChecked = !authChecked;\n const el = $id('authCheckbox');\n el.classList.toggle('checked', authChecked);\n el.classList.remove('error');\n $id('err-auth').classList.remove('visible');\n };\n\n \/* \u2500\u2500 SLIDE SYSTEM \u2500\u2500 *\/\n function initSliders() {\n document.querySelectorAll('.slide-track').forEach(track => {\n let dragging = false, startX = 0, thumbLeft = 5;\n const thumb = track.querySelector('.slide-thumb');\n const fill = track.querySelector('.slide-fill');\n const label = track.querySelector('.slide-label');\n const PAD = 5;\n\n function maxLeft() { return track.offsetWidth - 48 - PAD; }\n\n function onStart(cx) {\n if (track.classList.contains('completed-slide')) return;\n dragging = true; startX = cx - thumbLeft;\n }\n\n function onMove(cx) {\n if (!dragging) return;\n let nl = Math.max(PAD, Math.min(cx - startX, maxLeft()));\n thumbLeft = nl;\n thumb.style.left = nl+'px';\n const pct = (nl-PAD)\/(maxLeft()-PAD);\n fill.style.width = (pct*100)+'%';\n label.style.opacity = 1-pct;\n }\n\n function onEnd() {\n if (!dragging) return;\n dragging = false;\n const pct = (thumbLeft-PAD)\/(maxLeft()-PAD);\n if (pct > 0.82) {\n thumb.style.left = maxLeft()+'px';\n fill.style.width = '100%';\n label.style.opacity = 0;\n track.classList.add('completed-slide');\n thumb.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"3\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><polyline points=\"20 6 9 17 4 12\"\/><\/svg>';\n label.innerHTML = '<span>\u00a1Listo!<\/span>'; label.style.opacity = 1;\n setTimeout(() => {\n const t = track.dataset.target;\n if (t==='submit') submitForm(); else nextStep(parseInt(t));\n }, 350);\n } else {\n resetSlider(track);\n }\n }\n\n track.addEventListener('mousedown', e => { e.preventDefault(); onStart(e.clientX); });\n window.addEventListener('mousemove', e => onMove(e.clientX));\n window.addEventListener('mouseup', onEnd);\n track.addEventListener('touchstart', e => onStart(e.touches[0].clientX), {passive:true});\n window.addEventListener('touchmove', e => { if(dragging){e.preventDefault();onMove(e.touches[0].clientX);} }, {passive:false});\n window.addEventListener('touchend', onEnd);\n });\n }\n\n function resetSlider(track) {\n if (!track) return;\n const thumb = track.querySelector('.slide-thumb');\n const fill = track.querySelector('.slide-fill');\n const label = track.querySelector('.slide-label');\n track.classList.remove('completed-slide');\n const ease = 'all 0.35s cubic-bezier(0.4,0,0.2,1)';\n thumb.style.transition = ease; fill.style.transition = ease; label.style.transition = 'opacity 0.3s';\n thumb.style.left = '5px'; fill.style.width = '0'; label.style.opacity = '1';\n const t = track.dataset.target;\n const arrowSvg = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\n if (t==='submit') {\n thumb.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M22 2L11 13M22 2l-7 20-4-9-9-4 20-7z\"\/><\/svg>';\n label.innerHTML = '<span>Deslice para enviar solicitud<\/span><span class=\"arrows\">'+arrowSvg+'<\/span>';\n } else {\n thumb.innerHTML = '<svg viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"white\" stroke-width=\"2.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"><path d=\"M5 12h14M12 5l7 7-7 7\"\/><\/svg>';\n label.innerHTML = '<span>Deslice para continuar<\/span><span class=\"arrows\">'+arrowSvg+'<\/span>';\n }\n setTimeout(() => { thumb.style.transition=''; fill.style.transition=''; label.style.transition=''; }, 400);\n }\n\n \/* \u2500\u2500 SUBMIT \u2500\u2500 *\/\n function submitForm() {\n if ($id('honeyField').value) { showSuccess(); return; }\n if (Date.now() - FORM_LOAD_TIME < MIN_FILL_TIME) { showSuccess(); return; }\n if (!authChecked) {\n $id('authCheckbox').classList.add('error');\n $id('err-auth').classList.add('visible');\n doShake(); resetSlider($id('slider3'));\n return;\n }\n\n $id('loadingOverlay').classList.add('visible');\n const fullEmail = $id('studentEmail').value.trim()+'@iejuliussieber.edu.co';\n const dateStr = new Date().toLocaleDateString('es-CO',{weekday:'long',year:'numeric',month:'long',day:'numeric',hour:'2-digit',minute:'2-digit',hour12:true});\n\n const fd = new FormData();\n fd.append('Nombre del Estudiante', $id('studentName').value.trim());\n fd.append('Apellidos del Estudiante', $id('studentLastName').value.trim());\n fd.append('Grado', $id('studentGrade').value);\n fd.append('Correo Institucional', fullEmail);\n fd.append('Nombre del Acudiente', $id('guardianName').value.trim());\n fd.append('Apellidos del Acudiente', $id('guardianLastName').value.trim());\n fd.append('Telefono del Acudiente', $id('guardianPhone').value.trim());\n fd.append('Correo del Acudiente', $id('guardianEmail').value.trim());\n fd.append('Motivo', $id('description').value.trim());\n fd.append('Fecha y Hora', dateStr);\n fd.append('Autorizacion', 'SI - El acudiente autoriza el cambio de contrase\u00f1a');\n fd.append('_subject', 'Solicitud Restablecer Contrase\u00f1a - '+$id('studentName').value.trim()+' '+$id('studentLastName').value.trim());\n fd.append('_template', 'table');\n fd.append('_captcha', 'false');\n\n fetch('https:\/\/formsubmit.co\/ajax\/registroycontrol@iejuliussieber.edu.co', { method:'POST', body:fd })\n .then(r=>r.json()).then(()=>{ $id('loadingOverlay').classList.remove('visible'); showSuccess(); })\n .catch(()=>{ $id('loadingOverlay').classList.remove('visible'); showSuccess(); });\n }\n\n function showSuccess() {\n $id('step3').classList.remove('active');\n $id('successScreen').classList.add('visible');\n $id('stepperBar').style.display = 'none';\n $id('accentBar').style.background = 'linear-gradient(90deg, #2D8A56, #34A064, #2D8A56)';\n }\n\n initSliders();\n})();\n<\/script>\n\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Restablecer Contrase\u00f1a – IE Julius Sieber Instituci\u00f3n Educativa Julius Sieber Restablecer Contrase\u00f1a Solicitud de restablecimiento de contrase\u00f1a del correo institucional 1Estudiante 2Acudiente 3Autorizaci\u00f3n Enviando solicitud… Datos del Estudiante Ingrese la informaci\u00f3n del estudiante al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional. Nombre(s) del Estudiante * Sin caracteres especiales (tildes, \u00f1, etc.) Apellidos del […]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_header_footer","meta":{"inline_featured_image":false,"ocean_post_layout":"full-screen","ocean_both_sidebars_style":"","ocean_both_sidebars_content_width":0,"ocean_both_sidebars_sidebars_width":0,"ocean_sidebar":"","ocean_second_sidebar":"","ocean_disable_margins":"enable","ocean_add_body_class":"","ocean_shortcode_before_top_bar":"","ocean_shortcode_after_top_bar":"","ocean_shortcode_before_header":"","ocean_shortcode_after_header":"","ocean_has_shortcode":"","ocean_shortcode_after_title":"","ocean_shortcode_before_footer_widgets":"","ocean_shortcode_after_footer_widgets":"","ocean_shortcode_before_footer_bottom":"","ocean_shortcode_after_footer_bottom":"","ocean_display_top_bar":"default","ocean_display_header":"default","ocean_header_style":"","ocean_center_header_left_menu":"","ocean_custom_header_template":"","ocean_custom_logo":0,"ocean_custom_retina_logo":0,"ocean_custom_logo_max_width":0,"ocean_custom_logo_tablet_max_width":0,"ocean_custom_logo_mobile_max_width":0,"ocean_custom_logo_max_height":0,"ocean_custom_logo_tablet_max_height":0,"ocean_custom_logo_mobile_max_height":0,"ocean_header_custom_menu":"","ocean_menu_typo_font_family":"","ocean_menu_typo_font_subset":"","ocean_menu_typo_font_size":0,"ocean_menu_typo_font_size_tablet":0,"ocean_menu_typo_font_size_mobile":0,"ocean_menu_typo_font_size_unit":"px","ocean_menu_typo_font_weight":"","ocean_menu_typo_font_weight_tablet":"","ocean_menu_typo_font_weight_mobile":"","ocean_menu_typo_transform":"","ocean_menu_typo_transform_tablet":"","ocean_menu_typo_transform_mobile":"","ocean_menu_typo_line_height":0,"ocean_menu_typo_line_height_tablet":0,"ocean_menu_typo_line_height_mobile":0,"ocean_menu_typo_line_height_unit":"","ocean_menu_typo_spacing":0,"ocean_menu_typo_spacing_tablet":0,"ocean_menu_typo_spacing_mobile":0,"ocean_menu_typo_spacing_unit":"","ocean_menu_link_color":"","ocean_menu_link_color_hover":"","ocean_menu_link_color_active":"","ocean_menu_link_background":"","ocean_menu_link_hover_background":"","ocean_menu_link_active_background":"","ocean_menu_social_links_bg":"","ocean_menu_social_hover_links_bg":"","ocean_menu_social_links_color":"","ocean_menu_social_hover_links_color":"","ocean_disable_title":"default","ocean_disable_heading":"default","ocean_post_title":"","ocean_post_subheading":"","ocean_post_title_style":"","ocean_post_title_background_color":"","ocean_post_title_background":0,"ocean_post_title_bg_image_position":"","ocean_post_title_bg_image_attachment":"","ocean_post_title_bg_image_repeat":"","ocean_post_title_bg_image_size":"","ocean_post_title_height":0,"ocean_post_title_bg_overlay":0.5,"ocean_post_title_bg_overlay_color":"","ocean_disable_breadcrumbs":"default","ocean_breadcrumbs_color":"","ocean_breadcrumbs_separator_color":"","ocean_breadcrumbs_links_color":"","ocean_breadcrumbs_links_hover_color":"","ocean_display_footer_widgets":"default","ocean_display_footer_bottom":"default","ocean_custom_footer_template":"","footnotes":""},"class_list":["post-3256","page","type-page","status-publish","hentry","entry"],"yoast_head":"\n<title>RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\" \/>\n<meta property=\"og:locale\" content=\"es_ES\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL\" \/>\n<meta property=\"og:description\" content=\"Restablecer Contrase\u00f1a – IE Julius Sieber Instituci\u00f3n Educativa Julius Sieber Restablecer Contrase\u00f1a Solicitud de restablecimiento de contrase\u00f1a del correo institucional 1Estudiante 2Acudiente 3Autorizaci\u00f3n Enviando solicitud… Datos del Estudiante Ingrese la informaci\u00f3n del estudiante al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional. Nombre(s) del Estudiante * Sin caracteres especiales (tildes, \u00f1, etc.) Apellidos del […]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\" \/>\n<meta property=\"og:site_name\" content=\"Instituci\u00f3n Educativa Julius Sieber\" \/>\n<meta property=\"article:modified_time\" content=\"2026-03-13T18:41:40+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"Tiempo de lectura\" \/>\n\t<meta name=\"twitter:data1\" content=\"2 minutos\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\",\"name\":\"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber\",\"isPartOf\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#website\"},\"datePublished\":\"2026-03-13T16:47:15+00:00\",\"dateModified\":\"2026-03-13T18:41:40+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb\"},\"inLanguage\":\"es\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Portada\",\"item\":\"https:\/\/iejuliussieber.edu.co\/sitio\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#website\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/\",\"name\":\"Instituci\u00f3n Educativa Julius Sieber\",\"description\":\"\",\"publisher\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/iejuliussieber.edu.co\/sitio\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"es\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#organization\",\"name\":\"Instituci\u00f3n Educativa Julius Sieber\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"es\",\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg\",\"contentUrl\":\"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg\",\"width\":895,\"height\":1093,\"caption\":\"Instituci\u00f3n Educativa Julius Sieber\"},\"image\":{\"@id\":\"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/\"}}]}<\/script>\n","yoast_head_json":{"title":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","og_locale":"es_ES","og_type":"article","og_title":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL","og_description":"Restablecer Contrase\u00f1a – IE Julius Sieber Instituci\u00f3n Educativa Julius Sieber Restablecer Contrase\u00f1a Solicitud de restablecimiento de contrase\u00f1a del correo institucional 1Estudiante 2Acudiente 3Autorizaci\u00f3n Enviando solicitud… Datos del Estudiante Ingrese la informaci\u00f3n del estudiante al que se le restablecer\u00e1 la contrase\u00f1a del correo institucional. Nombre(s) del Estudiante * Sin caracteres especiales (tildes, \u00f1, etc.) Apellidos del […]","og_url":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","og_site_name":"Instituci\u00f3n Educativa Julius Sieber","article_modified_time":"2026-03-13T18:41:40+00:00","twitter_card":"summary_large_image","twitter_misc":{"Tiempo de lectura":"2 minutos"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","url":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/","name":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL - Instituci\u00f3n Educativa Julius Sieber","isPartOf":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#website"},"datePublished":"2026-03-13T16:47:15+00:00","dateModified":"2026-03-13T18:41:40+00:00","breadcrumb":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb"},"inLanguage":"es","potentialAction":[{"@type":"ReadAction","target":["https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/restablecer-contrasena-correo-institucional\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Portada","item":"https:\/\/iejuliussieber.edu.co\/sitio\/"},{"@type":"ListItem","position":2,"name":"RESTABLECER CONTRASE\u00d1A CORREO INSTITUCIONAL"}]},{"@type":"WebSite","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#website","url":"https:\/\/iejuliussieber.edu.co\/sitio\/","name":"Instituci\u00f3n Educativa Julius Sieber","description":"","publisher":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/iejuliussieber.edu.co\/sitio\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"es"},{"@type":"Organization","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#organization","name":"Instituci\u00f3n Educativa Julius Sieber","url":"https:\/\/iejuliussieber.edu.co\/sitio\/","logo":{"@type":"ImageObject","inLanguage":"es","@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/","url":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg","contentUrl":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-content\/uploads\/2018\/11\/cropped-cropped-ESCUDO-JULIUS-SIEBER-1-1.jpg","width":895,"height":1093,"caption":"Instituci\u00f3n Educativa Julius Sieber"},"image":{"@id":"https:\/\/iejuliussieber.edu.co\/sitio\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/3256","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/comments?post=3256"}],"version-history":[{"count":16,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/3256\/revisions"}],"predecessor-version":[{"id":3287,"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/pages\/3256\/revisions\/3287"}],"wp:attachment":[{"href":"https:\/\/iejuliussieber.edu.co\/sitio\/wp-json\/wp\/v2\/media?parent=3256"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}