<div class="main-page">
            <div class="middle-content">
                <div class="modal centered" id="modal-div">
                    <div class="modal-content">
                        <span class="close"><i class="fas fa-times"></i></span>
                        <span class="red-form-response" id="restored-item-response"></span>
                    </div>
                </div>

                <div class="body-content">
                <div class="title-content"><h1>Recuperar ítems</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 herramienta <span>Recuperar ítems</span> te permite recuperar ítems que hayan sido borrados.</p>
                            <br>
                            <p>Sólo disponible para ítems que cumplan las siguientes condiciones:</p>
                            <p>- De calidad: <span class="q3">Raro</span> | <span class="q4">Épico</span> | <span class="q5">Legendaria</span> | <span class="q6">Artefacto</span> | <span class="q6">Reliquia</span>.</p>
                            <p>- Equipable.</p>
                            <p>- Se liga al recogerlo.</p>
                            <p>- Borrado en un período menor a 7 días.</p>
                            <br>
                            <fieldset>
                            <legend>NOTA</legend>
                                <div class="separate2">
                                     <p>Ítems borrados que no cumplan dichas condiciones ya no son recuperables.</p>
                                     <p>Se pueden consultar ítems borrados en un mismo personaje cada 8 horas.</p>
                                </div>
                            </fieldset>
                            <div class="centered">
                                <br>
                                <br>
                                <p>Cada ítem requiere <span>100</span> <span class="yellow-info">PD</span></p>
                                <br>
                                <div id="char-selection">
                                    <span>No tienes PD suficientes</span>
                                </div>
                                <br>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>