<div class="main-page">
            <div class="middle-content">
                <div class="body-content">
                <div class="title-content"><h1>Cambiar contraseña</h1></div>
                    <div class="box-content">
                        <div class="title-box-content"><h2>Información</h2><a class="back-to-account" href="my-account">Regresar a mi cuenta</a><a class="back-to-account-responsive" href="my-account">Regresar</a></div>
                        <div class="body-box-content justified">
                            <br>
                            <p>La contraseña nueva debe ser alfanumérica y con una longitud de hasta 16 caracteres.</p>
                            <p>Escoje una contraseña que sea difícil de adivinar por los demás y guárdala en un lugar seguro.</p>
                            <br>
                            <p>Si aún no tienes Token de seguridad, puedes solicitarlo <a href="security-token" target="_blank">aquí</a>.</p>
                            <div class="centered">
                                <br>
                                <br>
                                {% load django_vite %}
                                <!-- Isla React (Vite): cambio de contraseña. POST a la propia
                                     vista (JSON) -> re-deriva el verifier bnet. -->
                                <div id="change-password-app"
                                     data-csrf="{{ csrf_token }}"
                                     data-url="{% url 'change_password' %}"
                                     data-login-url="{% url 'login' %}"></div>
                                {% vite_asset 'src/entries/change_password.tsx' %}
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>