/* ── Estilos adicionales para recuperación ── */
    .back-link {
      display: inline-flex; align-items: center; gap: 7px;
      font-size: 11px; letter-spacing: 1.8px; text-transform: uppercase;
      color: rgba(245,243,238,0.4); text-decoration: none;
      transition: color .2s; margin-bottom: 28px;
    }
    .back-link:hover { color: #c9a227; }
    .back-link svg { flex-shrink: 0; }

    .step-title {
      text-align: center; font-family: 'Playfair Display', serif;
      font-size: 19px; font-weight: 600; color: #f5f3ee;
      margin-bottom: 6px; letter-spacing: .5px;
    }
    .step-desc {
      text-align: center; font-size: 12.5px; color: rgba(245,243,238,0.45);
      margin-bottom: 28px; line-height: 1.6;
    }

    .alert-box.ok {
      background: rgba(80,180,100,0.12); border-color: rgba(80,180,100,0.35);
      color: #7ddfaa;
    }

    .pwd-strength { margin-top: 7px; height: 3px; border-radius: 3px;
      background: rgba(255,255,255,0.07); overflow: hidden; }
    .pwd-strength-bar { height: 100%; width: 0; border-radius: 3px;
      transition: width .3s, background .3s; }

    .pwd-hint { font-size: 10.5px; color: rgba(245,243,238,0.3);
      margin-top: 5px; min-height: 14px; transition: color .2s; }

    .success-icon {
      text-align: center; margin-bottom: 20px;
    }
    .success-icon svg { color: #7ddfaa; }

    .btn-secondary {
      display: block; text-align: center; margin-top: 14px;
      font-size: 12px; color: rgba(245,243,238,0.4);
      text-decoration: none; transition: color .2s; letter-spacing: .5px;
    }
    .btn-secondary:hover { color: #c9a227; }