{% extends 'base.html.twig' %}

{% block body %}

      <div class="header">
        <div class="logo"></div>
        Restablecer tu contrase&ntilde;a
      </div>

      <div class="content">
        <div class="message">
          Hola <span class="highlight">{{ nombre_usuario }}</span>,<br><br>
          Hemos recibido una solicitud para restablecer la contrase&ntilde;a de tu cuenta en Emma Inmobiliaria. Para continuar con el proceso, haz clic en el siguiente enlace:
        </div>

        <div class="button-container">
          <a href="{{ enlace_recuperacion }}" target="_blank" class="button">RESTABLECER CONTRASE&Ntilde;A</a>
        </div>

        <div class="instructions">
          <strong>¿Tienes problemas con el bot&oacute;n?</strong><br>
          Copia y pega esta direcci&oacute;n en tu navegador:<br>
          <a href="{{ enlace_recuperacion }}" class="verification-link">{{ enlace_recuperacion }}</a>
        </div>

        <div class="message">
          Este enlace de recuperaci&oacute;n ser&aacute; v&aacute;lido por <span class="highlight">24 horas</span>. Por tu seguridad, te recomendamos:
          <ul>
            <li>No compartas este enlace con nadie</li>
            <li>Crea una contrase&ntilde;a segura que no hayas utilizado antes</li>
            <li>Actualiza regularmente tus credenciales de acceso</li>
          </ul>
        </div>
        {# soporte@quinielavzla.com - F57wkkccVTGz #}
        <div class="security-note">
          <strong>Importante:</strong> Si no has solicitado este cambio, por favor contacta inmediatamente con nuestro 
          <a href="mailto:soporte@quinielavzla.com" style="color: #dc2626;">equipo de soporte</a>.
        </div>
      </div>

{% endblock %}